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
-
I have updated title 4 days ago but still still showing old title and description on Google serps, How to resolve it?
I have updated the title tag but not showing, Please have look at the view source for this website- https://m.yolobus.in/ I want to show this title and description- <title>Online Bus Ticket Booking | YoloBus India</title> But showing the wrong title and description on google SERP- Title - YoloBus :: Home Description - Delhi Lucknow; Lucknow Delhi; Delhi Gorakhpur; Varanasi Lucknow; Gorakhpur Delhi; Delhi Delhi; Bangalore Bangalore; Manali Manali; Chennai Chennai 7mHsdmu
On-Page Optimization | | AnkitS.19900 -
Affect of ™ and ® in title for SEO
I am looking at adding the trademark and rights reserved symbols to some of my titles. I think this might help with click through rate. From what I have found, this shouldn't have an affect on SEO unless it makes the title too long. Is this correct? Stephen
On-Page Optimization | | stephen.volker1 -
Page Title versus H1 title
What's the difference between the Page Title and the H1 title? It seems like both summarize the page. Is it a wasted opportunity to make them the same? Should they be similar but slightly different?
On-Page Optimization | | amybethmegjo1 -
Include Site Name in Page Titles or not
i would like to ask if it is a good practice or not to Include Site Name in Page Titles. My page is not selling products it is about plagiarism checker tool. i will give one example in one page we are writing about the plagiarism types so the page title is plagiarism types and then is the site name. what is the better practice? Keep it or not? thanks in advance
On-Page Optimization | | anavasis3 -
SEO Moz Says I have Multiple Page Title Elements
I am getting this recommendation from page grader. I recently added Yoast to my site. Can you confirm that I really have multiple title tags because my seo guy says it is fine and it is just a problem with the crawl. I think I see it on line 18 and line 125 am I correct? urbanforestprofessionals.com
On-Page Optimization | | lehcherry0 -
Different Title Tag and Page Headline
My editorial team won't budge with their headlines which are excruciatingly vague ... But I have managed to convince them to let me optimize the title tags and the URLs. Is this sub-optimal or are there some benefits to having a title tag that varies from the page headline or what our dev team calls the "reader friendly" title? For example... Their headline: Increase Your Retirement by 20% with This Safe, Simple Strategy My title tag: Compound Returns: How to Increase Your Retirement 20% Thanks for the help, E
On-Page Optimization | | essdee0 -
Page title changes based on results per page
I have a product listing that allows customers to set a results per page option. This ads a GET variable to the URL. I've added the page number to the title of this page if they go past the first page. If this results per page variable is added to the URL then google see it as a different page. Do I need to change the page title for this?
On-Page Optimization | | BedInABox.com0 -
Image files names - should each be different ?
Hi SEOs I have created a page on my website with a certain tutorial - let's say "How to change a tyre in your car". I have Grade A from On-page report using SEOmoz tool. I have put a relevant alt description for each photo I have put in that tutorial and I have used relevant keyword as a name for each image. So for example this would look like that: changing-tyre-1.jpg changing-tyre-2.jpg My question is should I name these file differently according to their content ? For example if on my photo there is some tool I have to use to change the tyre should the file have the name relevant to the subject of the article/tutorial on the page or to the content of the image ? Is that a stupid question ? Or am I getting too fussy ? Thanks
On-Page Optimization | | lolskizz0