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
-
Is using a H1 tag in a logo image bad for SEO?
We have brand logos on certain pages that have H1 tags in them - the H1 text being the brand's name, as this is what we'd want the title of the page to be. The logos are at the top of the page instead of a written title. But is this the best option for SEO? Do search engines value H1 tags in images as highly as a standard H1 tag?Would it be better for SEO to add an alt tag to the logo and add a separate H1 tag on the page that's also the name of the brand?
On-Page Optimization | | DVLighting0 -
Responsive images srcset
Is delivering scaled images using srcset a good idea? Thinking of delivering one image size to Mobile and another to Desktop. How can I do this for all browsers? Thanks Mike
On-Page Optimization | | henandstag2 -
International website - Image names
Hello All! In an international website, it is recommended to have a copy of every image for every language in the website (with translate filenames)? or it is better to use only one copy of each image and change only the alt attributes? Thanks for the help.
On-Page Optimization | | dMaLasp0 -
How does Google treat Dynamic Titles?
Let's say my website can be accessed in only 3 states Colorado, Arizona and Ohio. I want to display different information to each visitor based on where they are located. For this I would also like the title to change based on their location. Not quite sure how Google we treat the title and rank the site.... Any resources you can provide would be helpful. Thanks
On-Page Optimization | | Firestarter-SEO0 -
Title tags for deep pages
Just pondering what is current best practice for Title tags of pages buried deep within my website? Say I have a page about 'Cheese's of the world' and from that page there is a page about 'Cheshire Cheese' how would you suggest to structure title tags Would for example this be ok - Cheshire Cheese | Cheese's of the World | Brand name Or is this better - Cheshire Cheese | Brand name Just wondering as I'm redesigning my site currently and looking at everything! Ted PS - I like cheese 🙂
On-Page Optimization | | Jon-C0 -
Local SEO Title-Tag Optimization
Hi Everyone! A bit of a greenhorn SEO here, and I'm trying to learn a bit more about some of the best practices in local SEO. I'm wondering if anyone can help me with the following scenario: Business: Dental Care & Surgery Location: Springfield IN Name: Springfield Dental Care Experts (example) Website: 18 content pages, pages dedicated to each service Since there are 18 pages to work with, there are plenty of places for us to mix-up the title tags. However, I am still unclear as to what the best way would be to do this. I understand that the Geo-modifiers should go at the front, and that the brand name is considered optional. Would tags such as this make sense? Springfield IN Dentist | Springfield Dental Care Experts Nearby town Mountainview IN Dental Care | Springfield Dental Care Experts Last question: The website has pages for each of the services offered by the dentist, ex: Dental Cleanings, Consultations, Fillings, Surgery, etc. Should each of the pages be included in the title tag? Springfield IN Dentist | Springfield Dental Care Experts - Dental Surgery My concern is that buy adding this, the title tag would be too long. Thank you for taking the time to read and respond!
On-Page Optimization | | kbaltzell0 -
Finding unique title tags for each media coverage page
We have multiple pages for our media coverage, and each page has the same title tag. I know it's important to have unique title tags, but if each page is just a listing of your media coverage (page 1 of 9, page 2 of 9, etc) then how do you create unique title tags for each media coverage page?
On-Page Optimization | | msakakibara0 -
How do I get rid of duplicate page titles when using a php site?
Hi. I have an e-commerce site that sells a list of products. The list is divided into categories and then those categories for the various pages on the site. An example of a page title. would be given root/products.php?c=40 another page would be given root/products.php?c=41 Is there a way to structure the site with SEO in mind?
On-Page Optimization | | curtisgibbsiii0