Image Alt and Title?
-
I'm building a quotations website. Each quotation will have between 1 and 5 images (picture quotes) associated with it. The images will be featured as thumbnails (image gallery) on the quote post itself.
How should I handle the image alt and title tags so that I rank better for a quote in image search, and also strengthen the ranking signals on the quote post itself?
Take for example, a photo of a beach and a photo of the sun. Both have the same quote on it: "Laughter is an instant vacation." Should the quote itself go into the alt tag? while the description of the image goes into the title? Or should the quote go into the title? Would this be correct?
Title: Beach with children playing in the sand.
Alt: "Laughter is an instant vacation."
Title: Sun shining in the sky.
Alt: "Laughter is an instant vacation."
What about if the quote is very long? Google has said they like when the alt and title tags are short.
-
My bad. I thought since you said it was a full-time job for you that money was somehow involved.
-
Jim,
A few notes:
1. This a simple quotations website. Not an e-commerce site in any way.
2. I do not have 15 or more employees.
3. I don't own a billion-dollar company.
4. I will have functional alt tags, whether or not someone thinks they're perfect or not.
What does all of this mean?
A) I wouldn't be worth anyone's time in court.
B) Even if a case was presented, a judge would laugh hysterically... because there is no case.
I can guarantee you I will never... ever, be sued for not having the correct alt tags on my images.
-
I hate to push back on this, but making a site accessible for the disabled is not considered "volunteer work" ... it's the law. The Americans With Disabilities Act requires businesses who make their services available to the public to make "reasonable accommodations" so that disabled members of the community can access their services. Those requirements apply to websites.
And if you think you can just ignore them, wait until someone sues you for an ADA violation (or several). Like it or not, if you're selling to the public, then you are a "public accommodation" and bound by the law. Consider it part of what you have to do to run a public business.
Here's a resource about ADA accessibility requirements and websites:
-
Jim,
The problem with that is Google has said it doesn't like long alt text. And we're only using a simple 5 word quote for this example. Imagine a quote that's 30 words, or longer... in addition to the description of the image itself.
And while I'm all for the visually impaired person getting a better user experience, I'm more concerned about my website being successful. This is a full-time job for me, not volunteer work.
-
I think you are so focused on SEO that you're losing the purpose of what the ALT tag is for. The ALT tag is to operate as a "stand-in" for the actual image. This is part of making your site friendly for people with disabilities, such as vision impairment. Someone comes to your website, and they can't "see" the image, they mouse over the image and the screen reader reads the text to them. What is going to be more useful to them?
ALT="A picture of sun shining in the sky and a quote: 'Laughter is an instant vacation.'"
OR
ALT="Laughter is an instant vacation"
Which does the best job telling the visually impaired person what is appearing on the screen?
Jim
-
One more possibility is to take an excerpt of the quote, maybe the first 10 words or so.
Title: Quote from Milton Berle
Alt: "I have never in my life learned anything from any..."
But that would still leave me with duplicate title tags across multiple images.
-
Another option would be to just add "Quote from Albert Einstein" in the alt tag, and then a description of the image itself in the title. For example:
Title: Beach with children playing in the sand.
Alt: Quote from Milton Berle
The only problem I see here is that first, the quote itself isn't included anywhere in the image, so if someone is searching for that quote on image search, it's not going to show up. Additionally, there could potentially be dozens of images on my site (and on the same page) with the same exact alt tag.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Image naming best practices?
While I have found many good sources of information for naming images for SEO purposes, I'm having trouble finding an up-to-date, exhaustive and authoritative source for image names, alt tags, etc. For instance... Max characters for image name? Max hyphens? How descriptive should you be? "ice-cream-flavors-icon_._jpg" or "ice-cream-flavors.jpg" or simply "ice-cream.jpg" How similar should the image name, alt text and page title be? At what point are you overusing a keyword? Rules to follow? So much more, but you get the idea! Anyone have a good reference or an answer to all things related to images and SEO? Thanks!
On-Page Optimization | | OSD0 -
Images, using a lightbox would it go against adsense TOS?
Something I have been trying to figure out. On my website each member can have up to 10 images. When viewing a profile you can select each different photo and we currently use javascript to display this in a small box so the page does not re-load. I am curious for ideas, would we be better off having the images load on a different page? Giving more pages per visit in GA or would a lightbox type pop up be optimal. My concern is that the lightbox (similar to how Facebook displays images) would be a violation of google adsense TOS. I tried to talk with a help desk member from google regarding this but I am not even sure they could speak english to understand what I was saying. What do you guys think? When it comes to handling groups of images how would you best display them for user happiness and search engine optimisation?
On-Page Optimization | | Burto0 -
Alt and title tags on images
For SEO, are alt and title tags still worth the effort? Or have they gone the way of meta keywords? I can see having alt tags for visually impaired reasons, but at this point is there any SEO reason to use them?
On-Page Optimization | | CompucastWeb0 -
The actual title tag is different from the one showing in SEOmoz
Hello all I was looking at the crawling report for my project, I have noticed that there are so many duplicate titles in the "Duplicate Page Title" report, I checked the title tag for one of the titles (for this page) manually (in the page code), and it was showing like this: <title></span><span>Interviews | TechSparks</span><span></title> where it's showing in the "Duplicate Page Title" report like this: Interviews | TechSparksEasyRotator Preview Hovering over the tab in the browser shows the title as I mentioned first, and searching Google for this page shows the title like the first one I mentioned too. Do you any clue why that is happening? fUbtXe6 fUbtXe6.png
On-Page Optimization | | MHD0 -
Why does Google show old title?
I made some changes to title tags on a clients site over a month ago. Google has since crawled all the pages that the changes were made to. Here's the problem. For some of the pages, the old title is still showing in search results. Why does Google do this? 2) What can I do about it?
On-Page Optimization | | eli.boda0 -
Duplicate content in the title
Good morning, I am developing an application that searches offers in the press. The problem I have is the follow one:
On-Page Optimization | | ofuente
When I find an offer that I have already post, I cant use the same URL because it generates duplicate content , as the URL is generated from the title. If I find two offers in different stores (for example Thomson TV) I am studying two options. The first would be to add a number at the end of the URL
http://www.offertazo.com/televisor-thomson
http://www.offertazo.com/televisor-thomson1
http://www.offertazo.com/televisor-thomson2 Another option I propose would be to add semantic data to provide value (such as the date). For example:
http://www.offertazo.com/01-12-12/televisor-thomson I appreciate your help.0 -
Duplicate Page Titles
I have over 200 duplicate page titles on a site that I am working on. Does putting a date at the end of some of them make it a unique enough title?
On-Page Optimization | | SavingSense0 -
Should I include a "|" for better page title SEO results?
I have seen many sites that include the "|" in page titles and was wondering if there is some SEO value in the practice. Example: Product Name | Company Name Instead of: Product Name by Company Name I have not seen any value in it myself other than a good way to avoid stop words. I wanted to make sure. Currently I have the "by" included in the page titles.
On-Page Optimization | | JedHenning0