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
-
Title Tag Change - Drop in Organic Placement?
I've been working on increasing CTR my changing the title tag & meta descriptions. Has anyone ever noticed a drop in organic SERPS from doing so? Even if CTR goes up? It seems to me that if the CTR goes up and user experience in that way is improved these changes should yield an increase in the average position. Would you agree? Thank you!!
On-Page Optimization | | leslieevarts2 -
Different title tags and meta descriptions for desktop and mobile?
Is it possible to use different title tags and meta descriptions for mobile users? For Example: In the SERP for desktop you'll see the desktop title tags and meta descriptions, but in the SERP for mobile you'll the mobile versions of the webpage.
On-Page Optimization | | alex19780 -
Can you see multiple title elements
This came back in my on page grade for this url. http://www.towelsrus.co.uk/blog/choosing-the-right-towels.aspx Avoid Multiple Page Title Elements Web pages are meant to have a single title, and for both accessibility and search engine optimization reasons, we strongly recommend following this practice. Recommendation: Remove all but a single page title element. I can't see it, can you?
On-Page Optimization | | Towelsrus0 -
Is alt text on images treated like text on a page?
I'm curious if the alt tags on the images on my website are treated just like text. Thoughts?
On-Page Optimization | | dan.backowski1 -
How bad is it going over 70 character for title tag length?
I know less than 70 is recommended. I am about to run a script to create some title tags and a few will be between 71-74. Is going just the few characters over ok until I can get in there and manually do them?
On-Page Optimization | | EcommerceSite0 -
How? Title in Google differs than actual title tag
Just curious on how sites do this? If you search for a video (perhaps Green Lantern Trailer), you'll see the YouTube results in Google/Bing listed as YouTube - Green Lantern Trailer but when you go to the page, the actual title tag displayed is Green Lantern Trailer - YouTube I've seen other sites do this too. I'm just curious what they are doing (I don't see any other title tags in the html)? I thought your title tag is what is displayed in SERP? Thanks,
On-Page Optimization | | NicB10 -
Image alt attribute vs. plain text in link?
I'm building a product category browsing page for a high-falutin' jewelry retailer where we display only product photos linking to individual product pages, without any text in the links. From an SEO and link-juice-passing perspective, is it most effective to embed the product titles as the alt attribute in each image, or to leave alt="" and use text substitutions (i.e. an inner which is css'd to display: none) within the <a>to help search engines accept my product titles as the link text with the most credibility?</a>
On-Page Optimization | | cadenzajon0 -
A good title for each page on my website.
Dear SEOs, I know these facts: a) not more than 70 chars b) relevant to the page subject - probably best keyword at the beginning My problem - should I rebuild the current structure of my titles which is: Main Page keywords (in my case 4) | domain name - Main Page Sub-page - one click from main page keywords (again same 4) | domain name - Sub Page Name (or as you like Category Name) Specific page with an article / content keywords (again same 4 as on any other) | domain name - category name - title of article same as used in tag To be more precise, should this title be changed for following pages: Sub Page - where really it's page that let's you chose particular subjects (there will be few article for each subjects) so should the keywords be changed to - "chose your category" Specific page with an article - should the category name - title of article be completely removed and first part of title which at the moment contains same 4 keywords used on main page be replaced with keywords specific for the content ? To be honest I find those titles at the moment bit confusing and sort of illogical. But since I can't really change anything in the code I would like to know what's the right way before I keep pressing on the programmer 🙂 Thanks.
On-Page Optimization | | lolskizz0