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://mza.seotoolninja.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
-
Alternative text vs Image title attribute
Hi there. Anyone know how important Image title attribute is ? Moz is bringing it up saying make sure my images are all title attributed as well as alternative texted but no wedding photographers mention it in SEO posts or blogs. Click on wedding photographers blogs and most don't seem to have it (Image title attribute) either but I don't want to miss anything out that I need to be doing as I am building a new site and if it needs to be done now I have the time to do it. Any advice is appreciated thank you people x
Intermediate & Advanced SEO | | Howelljones0 -
Using H3 before or instead of an H2...
My designer and I have been having an argument: we have a blog with short, 400 words posts. They have an H1 with nice keywords and a catchy title, and then a few subheadings. I don't like making the subheadings H2, because the font looks way too large in Wordpress, so my designer wants to make them all H4s, so the font looks to be a nicer size. Here's my problem with that and why I usually just bold the subheadings: Is it really bad to put a bunch of H4s right under an H1, with not H2's or 3's to separate? I'm reading different arguments on the internet about this and gladly welcome more debate and/or case studies. Thank you!
Intermediate & Advanced SEO | | genevieveagar0 -
What is Google supposed to return when you submit an image URL into Fetch as Google? Is a few lines of readable text followed by lots of unreadable text normal?
I am seeing something like this (Is this normal?): HTTP/1.1 200 OK
Intermediate & Advanced SEO | | Autoboof
Server: nginx
Content-Type: image/jpeg
X-Content-Type-Options: nosniff
Last-Modified: Fri, 13 Nov 2015 15:23:04 GMT
Cache-Control: max-age=1209600
Expires: Fri, 27 Nov 2015 15:23:55 GMT
X-Request-ID: v-8dd8519e-8a1a-11e5-a595-12313d18b975
X-AH-Environment: prod
Content-Length: 25505
Accept-Ranges: bytes
Date: Fri, 13 Nov 2015 15:24:11 GMT
X-Varnish: 863978362 863966195
Age: 16
Via: 1.1 varnish
Connection: keep-alive
X-Cache: HIT
X-Cache-Hits: 1 ����•JFIF••••��;CREATOR: gd-jpeg v1.0 (using IJG JPEG v80), quality = 75
��C•••••••••• •
••
••••••••• $.' ",#(7),01444'9=82<.342��C• ••••
•2!!22222222222222222222222222222222222222222222222222��•••••v••"••••••��••••••••••••••••
•���•••••••••••••}•••••••!1A••Qa•"q•2���•#B��•R��$3br�
••••%&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz���������������������������������������������������������������������������•••••••••••••••••••
•���••••••••••••••w••••••!1••AQ•aq•"2�••B���� #3R�•br�0 -
Problems with Squarespace Title Tags
Hi All, I'm having problems editing the title tags on individual pages on Squarespace. It seems the only way to do it is via the page title name. Here is an example: http://www.autismsees.com/research/. The page is called research, so it makes that the meta title. The problem is I want to keep research on the page and the Meta Title be: Autism Spectrum Research. I'v tried searching over the web, but no luck so far. Thanks for your help.
Intermediate & Advanced SEO | | PeterRota0 -
Title in serch result
Hi, Im the webmaster of http://www.canexel.es and we are having some problems with the title of the home page. this is my title tag: <title></span><span>Casas de madera mucho más que casas prefabricadas - Canexel</span><span class="webkit-html-tag"></title> This what apear in SERPS in keywords like casas de madera (google esp): Canexel: Casas de madera mucho más que casas prefabricada...
Intermediate & Advanced SEO | | Canexel0 -
Is this a Correct Time to Use 302 Redirects?
Hi Mozzers! We are going through a rebranding process, and as of this morning we have 3 domains, all with identical content. For example (not real domain names): www.fantastic.com
Intermediate & Advanced SEO | | Travis-W
www.fantasticfireworks.com
www.fireworks.com We are using 3 domains to ease the rebranding transition. We currently only want people to visit 'www.fantastic.com,' and if they visit the other 2 domains we want them redirected. Since we will be using these other domains eventually, should we use 302 redirects instead of 301s? The other domains are new and do not have any domain authority or sites linking in, so we do not need to worry about link juice. Does it really matter what type of redirect we use? Thanks!0 -
Using a 302 instead of a 301
I am trying to figure out the best way to garner the most amount of link value. We have an app that lives on a sub-domain ... For the purposes of this question, let's call it app.mydomain.com. We provide a service with this app that requires clients (with very high ranking websites) to link into app located on the sub-domain. Would I garner more authority if had the high ranking client website link into a url that wasn't a sub-domain and redirect it using a 302? For example: What if I created a 302 that was www.mydomain.com/app and have it redirected to the sub-domain version of app.mydomain.com? Additionally am I correct to assume that a 301 would merely pass that value to the sub domain and NOT provide much value to the root?
Intermediate & Advanced SEO | | NextGenEDU0 -
Canonical Tag Uses Source Title and Meta Data?
When optimising a regional same language micro site within a sub folder of a .com it dawned on me that our use of the hreflang and canonical meta elements will render individual elements such as H1 and title obsolete. As a canonical tag takes the canonical source title and meta right? It would still have value in optimising localised headings though? Appreciate any thoughts, suggestions (o:
Intermediate & Advanced SEO | | 3wh0