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
Hello, To rank on China bike tour. Is it ok to write in the title "Explore china on a bike tour - My company name bike tours" Or do I need to absolutely "China bike tour" in the title tag ? Thank you,
On-Page Optimization | | seoanalytics1 -
SEO Location Pages - ALT Image Tag Question
Hello Guru's, I have a Hire Website whereby you can rent products online. I have created different Location pages for these which are in essence the same pages page but with different location specific urls, title tags , on page content etc etc. This helps me to rank for local search. These location pages also display 20 products per page. My question is Should I make the ALT IMAGE TEXT location specific for each of the 20 products . Example - Steam Cleaner Rental in "location" or should I only amend a few of the Atl Image Texts to be location specific. I don't want to come accross as spammy in google eyes but I also don't want to be seen as having duplicate content , images etc etc What do you think ? thanks Sarah.
On-Page Optimization | | SarahCollins0 -
Alt image tags not being read by on-page optimization tool
Can bots see the keyword among other words in aIt image tags? For example, if the keyword is upholstery leather and the image tag says "our upholstery leather collection" will the keyword be recognized? Another example is buy leather. I have a image tag on a slide that reads "free samples before you buy leather" but an on-page analysis in moz does not show an alt tag title for buy leather? Same problem with an moz on-page analysis of the term upholstery leather. Thanks! Hunter
On-Page Optimization | | leatherhidestore0 -
Strange titles showing in WMT?
On one of my wordpress sites, I have just checked it out in Google Webmaster tools and under duplicate titles it is showing spam titles which I did not add? Lamisil Buy - Buy Online on two pages of the site However these two pages are no longer online? So I have 2 quick questions please 1.) How did they add a title to these 2 pages 2.) Why is it still showing in WMT when these pages are no longer live? Also under duplicate titles it is showing pages that dont exist? i.e. ?yonidza=orde and some of which such as weddings.html are pages from the old site structure that no longer exist - how can I reduce these errors down?
On-Page Optimization | | ocelot0 -
Page titles and descriptions
A website has several wigets to show Each wiget with its own page The wigets mostly just vary in size How would you suggest titles be done? Example: Wiget 1ft Wiget 2ft Wiget 3 ft an so on........ Would this trigger a duplicate content issue given “Wiget” leads in the page title?
On-Page Optimization | | APICDA0 -
Google seems upset that I took their advice. [Titles and alt tags for images.]
Hey all, I accidentally posted this as a private question and now want to post it publicly due to some updates (for the worse.) I'm a photographer and the site I'm talking about is my portfolio site. It is very image heavy and had basically no text. Those who have consistently beat me (positions 1,2, etc.) in SERPs for my key search phrases have a modest amount of text on their pages. I'd been doing OK in SERPs (top 3-5 for my key search phrases) over the past couple years and my site has decent age and domain authority (a good number of relevant inbound links from extremely reputable sources over the years, etc. etc.) [In case it matters, my root domain has a PageRank of 4 and I have a couple internal pages with PR5.] For years I resisted adding any text because I was trying to obey Google's rule to design "for people, not search engines." Over the past couple of months, though, I got some advice on the SEOMoz webinar about adding (relevant) alt text and body text, and also read Google's Webmaster Central article about giving images good titles and alt tags, so I decided to take the plunge about ten days ago. I went through the site and added modest amounts of relevant text to pages where it was appropriate and where it didn't detract (too much) from the design. I made sure my images had sensible human-readable alt tags that were descriptive and made sure not to do any keyword stuffing. Finally, I edited some of my page titles so that they were a little more descriptive. Again, nothing extreme or radical or spammy. (But overall, esp. from Google's perspective, there were some fairly significant changes in a short period of time.) Well.. you're all already guessing what's next. As soon as Google saw these changes, I tanked pretty badly. I went from position 3-5 on my key phrases to positions like 16-25 and spent a few days in those positions. Now I'm just gone & buried somewhere in Google's boneyard. My latest ranking report for today shows me "not in top 50" for any of my key phrases on Google. I'm #1 for many of those same terms/phrases on Bing and Yahoo. (Always have fared very well with them.) Google's webmaster tools says my sitemap is OK and most of the URLs submitted are in the index. Please tell me this is temporary, while Google deals with my changes? (Actually don't, just tell me what you really think.) 🙂 Thank you all...
On-Page Optimization | | vdms0 -
Hiding Page Titles By Display None
Hi. I am new to this community, and new to SEO as well. A friend asked me to give them suggestions on onsite optimization for their Drupal website. I know page titles are very important, and usually they should be set to H1. (At least I think) This particular website has all their page titles set to H2 and they are using display:none in their stylesheet to hide them for graphic design reasons. What would be the most practical work around for this? We don't want this to appear sketchy in the eyes of the SE's, but putting page titles at the top of their pages really would take away from their graphical design. The second issue is that they use a module called Quicktabs for tabbed product specs on each page. Each tab is actually pulled from a post (called a node in Drupal), so each tab has it's own title that is an H2. So not only are they hiding the main page title, but they are hiding 5 others within the tabs, and their are 6 H2 elements showing up on each product page all set to display:none. Any creative suggestions? Hope that makes sense.... Thank you!
On-Page Optimization | | aprilm-1890400 -
How to get Google images traffic?
How to get Google images traffic? Take a look at traxnyc.com and sugest what we can improve. Thanks in advance.
On-Page Optimization | | DiamondJewelryEmpire0