Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
What should I put in the image ALT and title text for blogger?
-
Hello, I wanted to know what should I put in the image ALT and title text for blogger.
I've read so many damn articles about ALT text and Title text for blogger; nothing explained what I put in it though. What am I supposed to put in it that will help me with my on page optimization? (Stuff like do I use spaces or dashes, do I put my keyword in there, how many characters should I not exceed, do I put one word or two words?)
If I have a picture of a backpack, what should the alt text be?
What if I have 10 different pictures of backpacks on 1 page?
How about if I had a backpack next to a tv in an image?
A specific answer or a detailed one is nice!
-
Please help me on this:
If on one post I use 'napsack' and 'backpack'
And on another post I use 'napsack' and 'backpack' again, is that Keyword Stuffing? I can't really think of synonyms of the keyword I'm using because 'it is what it is'
-
Nope, just use spaces between words like natural language text.
It gets indexed just like the regular text on the page, unlike file names and URLs which do need the dashes.
-
Okay thank you for the reply.
So lets just say this - The ALT text is somewhat like a meta description except it'll only be a few words long?
So take this : My keyword is 'backpacks' and I have 20 images of backpacks (All different styles but 2 colors) on the page. I try to describe each one to how it serves for the post?
Examples:
"Backpacks are used to carry items".
(Backpack image) - This is the image not title
ALT Text = Black Backpack
"Let me show you how to zip up a backpack"
(Backpack image with arrows of how to zip a backpack) - This is the image not title
ALT Text = How to zip a backpack
"This is what happens when you spill something in a backpack"
(Image of a backpack that is wet) - This is the image not title
ALT Text = Wet Backpack
Also, just like the uploading, do I use dashes for ALT text/Title?
-
Hi - i don't use blogger, but generally my policy for image alt text is to make the alt text relevant to the article that I'm embedding the image into. For instance, if I wrote an article about backpacks to consider buying for a trek to the Himalayas, I would probably mention the brand name of the backpack, and that it was for a Himalayas trek.
I don't recall seeing any kind of rule about how long to make the alt text, but based on my usage, my alt texts tend to be between 2 words to a sentence.
Another thing to consider about is that, you're trying to describe why you're using a certain image on the blog you've just posted. So in that regard, you could use the same exact image on different posts on your site, but use completely different alt text. Maybe the first post was about a trek to the Himalayas, while the second post was about how to choose a rugged backpack. In each case, you might want to draw out different characteristics of the backpack, and thus write a different alt text to match the page.
-
Sorry, missed your question about having 10 backpack images on one page...
In that case, you'll want alt text that describes each in a way that clearly differentiates it from the others on the page. You can also use the opportunity to work in some synonyms and closely related terms to help introduce some variety to your keyword use. (Too much use of the same keyword even in alt text is still seen by SEs as keyword stuffing.)
So...
Lightweight blue backpack ideal for traveling.
Expedition pack for mountain climbing.
Knapsack for women hikers.
Comfortable computer daypack for students.
etc....Make sense?
P.
-
The primary purpose of alt text (alternative text) is for usability. It is designed to provide an alternative description of the photo for users who either can't or choose not to view images - blind users using screen readers for example.
If you do it right, you'll also get a little SEO benefit as well. Like all good SEO - do what is best for your reader and you'll get rewarded by the search engines as well.
Specifically, alt text should be a natural language description of the photo. Keep it to one sentence long, and my preference is to keep it under 10 words - usually 5 or 6. Since the photo should be relevant to the page, describing it will naturally include the page's keywords. If possible, try to get the keywords towards the beginning of the description, but don't make it unnatural in order to do this, as the benefit just isn't that great.
DO NOT artificially stuff unrelated keywords into the photo's description. That'll defeat the whole purpose, and the search engines will recognize it and ignore it.
Title text is a little different - it's designed to be the text that shows up in the tooltip as you hover over an image. The reason it gets confusing is good old Microsoft. In IE, if an image has alt text but no title text, the hover text will show the alt text. In other browsers, if there's no title text, there will be no hover text.
So best practice is to include both alt and title. NOTE! Title text is pretty well considered NOT to contribute to SEO. It can be used to describe the photo (you can just duplicate the alt text) but more importantly it can be used to create a call to action or instructions that will show when the photo is hovered over.
So... using your example of the backpack photo:
alt text: Lightweight blue backpack perfect for traveling.
title text: Click for more lightweight backpack ideas for travelersOr for the second example...
alt text: Miniature TV fits in a backpack
title text: See more miniature backpacking TVsThere's no reason not to mention the second item in the photo, assuming it's related to the content of the page.
Don't use generic file names for your images! Before you upload them, give them a sensible file name that includes their keyword. So instead of uploading _DSC459083748.jpg, rename the file to lightweight-blue-backpack.jpg. Sensible means a couple of words long max, and separate words with a dash - not spaces or underscores. (This goes for any file you upload to the web.) Again, search engines assume the file name likely relates to the file contents, so that's another slight ranking signal.
To get the greatest benefit out of your posted images, it's also a good idea to include a caption for the photo that includes a slightly more thorough description of the photo as well. This can be in actual caption code, or just text entered right under or beside the image. Search engines assume text close to the image is about the image (since they can't understand the content of the image on their own).
There's a whole separate area of SEO dedicated to getting images to rank specifically in photo searches, but the above will serve you well to optimize them to help your page rank for your chosen keywords.
Paul
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
-
Text that appears when hovering over navigation tabs
Hi, I have a Wordpress website and want to delete or edit the text that appears when I hover over my navigation tabs. In my case, the text is always the same as the page title, but I don't know where to edit it separately. When I change the title of a page that is in the navigation, the text that appears changes too. So the general setting is that this text is the same as the page title. Does somebody have an idea where to edit this? Thanks!
On-Page Optimization | | Mat_C0 -
How to change images of a page without loosing ranking?
Hi, I have two reasons to change some images of a page on a wordpress site: 1.Google speed service advise me to optmize the images size to better spead load times. 2.I want to change images titles (to improve seo optimization for the page keyword), so i need to replace them, since im using wordpress. Now the question is: Can i just change the images without worring about any related seo issues? Or should i follow some best practice to change images in order to not affect the ranking of the page? tx for your support!
On-Page Optimization | | Dreamrealemedia0 -
Background Images and ALT text
We pretty much exclusively use background images for our sites. How do I add in alt text? I tried a Google search for this issue and the best answer I could find was "Use the 'title' tag in the containing div", but that was from 2010. Is there a better way to do it? And no, we're not going to switch to using standard images, because background images are way more slick for UX.
On-Page Optimization | | MichaelGregory0 -
Is there any benefit to removing brand name from the title tag?
I just signed up for Moz recently, and have noticed that in my crawl errors, I have hundreds of issues with my title tag being too long. My business is selling prints for landscape/travel/nature photography, and I've built these pages dynamically to where the title tag for pages selling individual photos has the title of the photo for sale followed by a hyphen and then the brand name. The same goes for gallery pages "Gallery Name | Brand Name". Would it be worth it to shorten the title tags by removing the brand name from these pages? Or will that actually harm more than help? Thanks in advance!
On-Page Optimization | | shannmg10 -
How important are image file names
Hi, How important do you think the image file names are for image search?
On-Page Optimization | | jjtech
I know it used to be the best practice a while ago but is it still important? Thanks in advance, JJ0 -
Punctuation at the Start of Page Titles
one of my clients appears to be using an exclamation mark (e.g. "! Graphic Prints By Mirrorin - Fun Childrens Graphic Prints") and to be completely honest, I have no idea if this is bad practice or if it wont have any affect from an SEO point of view? Any help would be appreciated because it is site wide, therefore if it is an issue I would like to be able to get it sorted asap! Thanks
On-Page Optimization | | ZaddleMarketing0 -
Prices in title tag
At our ecommerce site adwords ads generally perform a lot better when the product price is included in the ad title. Does anyone here have any experience and data on CTR with including product prices in title tags of product / category pages?
On-Page Optimization | | ese0 -
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