Probably basic, but how to use image Title and Alt Text - and confusing advice from Moz!
-
I've been doing SEO on my business's site for years and have got good results. I've always used image Titles and Alt Text text. Our blog posts are image-intensive, often with 100-200 pictures (not surprising since we're photographers). For any given blog post, I've tended to have a uniform image Title for each image and then a more specialised Alt Text tag giving a description.
A typical image on one of our blog posts would be like this:
Image filename: wedding-photography-at-so-and-so-venue-001.jpg .... 002, 003 etc
Image Title Attribute: Wedding Photography at So-And-So-Venue by Our-Company-Name - this would be the same for every image in the blog post.
Alternative Text: Bride and groom exchanging vows during wedding ceremony at so-and-so-venue - this would be tailed for each image.
So my question is - is this right? The Moz help page for image SEO is actually incorrect in one aspect:
https://moz.com/ugc/10-tips-for-optimizing-your-images-for-search
"Alt text (short for “alternative text”) is used to highlight the identity of an image when you hover over it with your mouse cursor. It also shows as text to all users when there are problems rendering the image."
This is not the case. Hovering over the image in Firefox, Chrome, Edge and Opera ALL display the Image Title, NOT Alt Text.
Thoughts?
-
OK that's good to know. We do inadvertently have a lot of our pics on GI so I was obviously doing something right all these years.
Thanks
-
That Moz help page is kinda half-right
For many browsers, in the absence of a title attribute, they will display the alt text on hover instead. But if a title attribute is declared, it will be used, as you note.
Keep in mind - image title attributes are not used as ranking factors for regular search, but they are used as ranking factors for Google Image Search. So still well worth optimising them if your site benefits from image search specifically (as a good photographer's site likely would).
Paul
-
Yes, I've taken that very approach with a re-write this afternoon. if the venue is relevant to the picture then I've left it in, otherise I've removed it from Alt but kept in Title. I've changed up the Title tags too so they're in blocks - first for this place, then this place, then this place etc rather than them all having a global value. It's probably a bit more balance now.
Thanks for the replies. Moz do need to correct that help page.
-
To me that sounds pretty good, providing it is relevant to to the image and provides genuine context it should be fine, I would however, consider - "wedding ceremony at venue" borderline - especially if it is in every image alt on a page. Try change it up a touch - if you cannot tell from the picture that it is at specific venue then maybe not have it in there, say for pictures with a shallow depth of field and the background is not easily identifiable, rings, flowers, tables placings, closeups and a like.
-
Yes, I'm wary of 'keyword stuffing' but I'm not sure what would actually constitute that.
If I've got : " Bride and groom exchanging vows during wedding ceremony at so-and-so-venue "... then that venue name is going to get mentioned in most images - after that is where the image was taken and is completely relevant. Would that be considered stuffing? It's difficult to judge what is and what isn't.
-
I believe what you are doing for your Alt text is great - make it describe each image individually.
As for title I would use it to further describe each individual image rather than duplicate for all in the blog post imagery. This is mainly used for further improving UX on each image.
Alt text is the most important from an crawling/seo perspective as is often used in collaboration with the surrounding text to determine context. Be wary of keyword stuffing in your alt tags.
Hope that helps.
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
-
No content using Fetch
Wooah, this one makes me feel a bit nervous. The cache version of the site homepage shows all the text, but I understand that is the html code constructed by the browser. So I get that. If I Google some of the content it is there in the index and the cache version is yesterday. If I Fetch and Render in GWT then none of the content is available in the preview - neither Googlebot or visitor view. The whole preview is just the menu, a holding image for a video and a tag line for it. There are no reports of blocked resources apart from a Wistia URL. How can I decipher what is blocking Google if it does not report any problems? The CSS is visible for reference to, for example, <section class="text-within-lines big-text narrow"> class="data"> some content... Ranking is a real issue, in part by a poorly functioning main menu. But i'm really concerned with what is happening with the render.
Intermediate & Advanced SEO | | MickEdwards0 -
Best format for E-Commerce Pages in Title Text / Link Text & Markup
Hello Please comment on which you think is best SEO practice for each & any comments on link juice following through. Title text ( on Product Page ) <title>Brandname ProductName</title>
Intermediate & Advanced SEO | | s_EOgi_Bear
OR
<title>ProductName by Brandname</title> on category page <a <span="" class="html-attribute-name">itemprop="name" href="[producturl]">ProductName</a>
<a <span="" class="html-attribute-name">itemprop="brand" href="[brandurl]>BrandName</a> OR <a <span class="html-attribute-name">itemprop="name" href="[producturl]">BrandName ProductName
( Leave Brand Link Out)</a <span> Product Page <a itemprop="name" href="[producturl]">ProductName
<a itemprop="brand" href="[brandurl]>BrandName</a itemprop="brand" href="[brandurl]></a itemprop="name" href="[producturl]"> OR <a itemprop="name" href="[producturl]">BrandName ProductName
( Leave Brand Link Out)</a itemprop="name" href="[producturl]"> Thoughts?0 -
Best strategy for images filenames?
Hi community! For this case, which would be the best strategy for image filenames? This is a funiture company, with its own brand. What they sell is what they have created and designed Let's think on a kitchen. And we have a page we want to rank for the primary Kw "modern kitchen", and secondaries "white modern kitchen", "modern minimalist kitchen", "modern kitchen designs". Would you use the brand name in the filenames? I mean:
Intermediate & Advanced SEO | | teconsite
---------- white-modern-kitchen-brandname.jpg
---------- modern-minimalist-kitchen-brandname.jpg
---------- modern-kitchen-brandname.jpg Would you use just the kws in the filename and the brand in the alt text?
---------- filename: white-modern-kitchen.jpg Alt: "White Modern Kitchen, Brand" or should we use the brand in both items: filename and Alt? ¿Which would be the best way to do it in this case? Any suggestions? Thank you!0 -
301 and Canonical - is using both counterproductive
A site lost a great deal of traffic in July, which appears to be from an algorithmic penalty, and hasn't recovered yet. It appears several updates were made to their system just before the drop in organic results. One of the issues noticed was that both uppercase and lowercase urls existed. Example urls are: www.domain.com/product123
Intermediate & Advanced SEO | | ABK717
www.domain.com/Product123 To clean this up, a 301 redirect was implemented a few months ago. Another issue found was that many product related urls had a parameter added to the url for a tracking purpose. To clean this up, the tracking parameters were removed from the system and a canonical tag was implemented as these pages were also found in Google's index. The tag forced a page such as www.domain.com/product123?ref=topnav to be picked up as www.domain.com/product123. So now, there is a 301 to address the upper and lowercase urls and a canonical tag to address the parameters from creating more unnecessary urls. A few questions here: -Is this redunant and can cause confusion to the serps to have both a canonical and 301 redirect on the same page? -Both the 301 and canonical tag were implemented several months ago, yet Google's index is still showing them. Do these have to be manually removed with GWT individually since they are not in a subfolder or directory? Looking forward to your opinions.0 -
Page Titles of Blog
Hi, Should all the page titles of our blogs include a Keyword(s) and\or our website name?
Intermediate & Advanced SEO | | Studio330 -
Google Preview not showing images
No matter which our pages i find in the SERP the Google Preview does not show images for www.spies.dk Try searching for "rejser til malaysia" on google.dk. The result www.spies.dk/malaysia is not showing images. Why is that? Using the "google preview tool" under labs in Google Webmaster Tools sys it found 13 errors on that page: | Ressource: | Information: http://images2.spies.dk/images/SiteID11/SiteLayout/logo-spies.png?v=4 | Indekseret http://images1.spies.dk/images/StaticLayout/Spies_hori_sRGB.png?v=1 | Indekseret http://images1.spies.dk/images/SiteID11/Button/search-button-text3.png?v=2 | Indekseret http://images2.spies.dk/images/Country/my1001_10_48.jpg?v=1 | Indekseret http://images2.spies.dk/images/SiteID11/Button/Opdater_bt.png?v=2 | Indekseret http://images1.spies.dk/images/SiteID11/Button/Sog_bt.png?v=3 | Indekseret http://images2.spies.dk/images/Country/my1002_2_22.gif?v=1 | Indekseret http://images2.spies.dk/images/Resort/bkikki1001_4_11.jpg?v=1 | Indekseret http://images2.spies.dk/images/SiteID11/Button/Vaelg_bt.png?v=7 | Indekseret http://images1.spies.dk/images/Resort/bkiskn1001_4_11.jpg?v=1 | Indekseret http://images1.spies.dk/images/Resort/kulkum1001_4_11.jpg?v=1 | Indekseret http://images1.spies.dk/images/Resort/lgklak1001_4_11.jpg?v=1 | Indekseret https://track.adform.net/serving/scripts/trackpoint/async/ | Indekseret |
Intermediate & Advanced SEO | | alsvik0 -
Using Images Instead of Text to Control Keywords on Page
We have recently updated a key page on our website. It is a template page that is used many times to display search results. The words "price", "revenue", and "cash flow", "not disclosed" are used for each listing on the page -- to minimize their impact on keyword density on the page we used images for these words. Here you can see some examples: http://www.businessbroker.net/State/Florida-Businesses_For_Sale.aspx http://www.businessbroker.net/City/Los Angeles-Businesses_For_Sale.aspx http://www.businessbroker.net/Industry/Auto_Car_Wash-Businesses_For_Sale.aspx You will note these words on this page are images and not regular text. We are certainly not doing this to "dupe" the visitors or Google -- we just want to ensure that each page has keywords pertinent to what the page is about. Bottom line question -- is this an OK practice? Are we running any risk with Google by doing this? I'm particularly nervous these days with all of the Google changes. Your thoughts and guidance on this issue would be much appreciated. Thanks. MWM
Intermediate & Advanced SEO | | MWM37720 -
Do you use your own Blog networks?
Do you use a network of sites you own for links to your clients in your seo efforts? I see so many seo companies doing this from such junk sites with all their clients in the blog roll, it seems totally crazy. It seems this stuff works do any of you do this if so how do you keep it white hat?
Intermediate & Advanced SEO | | DavidKonigsberg0