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 -
Duplicate page titles and Content in Woocommerce
Hi Guys, I'm new to Moz and really liking it so far!
On-Page Optimization | | jeeyer
I run a eCommerce site on Wordpress + WooCommerce and ofcourse use Yoast for SEO optimalisation I've got a question about my first Crawl report which showed over 600 issues! 😐 I've read that this is something that happens more often (http://moz.com/blog/setup-wordpress-for-seo-success). Most of them are categorized under:
1. Duplicate Page Titles or;
2. Duplicate Page Content. Duplicate Page Titles:
These are almost only: product category pages and product tags. Is this problem beeing solved by giving them the right SEO SERP? I see that a lot of categories don't have a proper SEO SERP set up in yoast! Do I need to add this to clear this issue, or do I need to change the actual Title? And how about the Product tags? Another point (bit more off-topic) I've read here: http://moz.com/community/q/yoast-seo-plugin-to-index-or-not-to-index-categories that it's advised to noindex/follow Categories and Tags but isn't that a wierd idea to do for a eCommerce site?! Duplicate Page Content:
Same goes here almost only Product Categories and product tags that are displayed as duplicate Page content! When I check the results I can click on a blue button for example "+ 17 duplicates" and that shows me (in this case 17 URLS) but they are not related to the fist in any way so not sure where to start here? Thanks for taking the time to help out!
Joost0 -
Difference in using dividers in TITLE TAG
Hi everyone, i know that dividers in title or even title tag doesnt have much of an impact on better rankings. I had great rankings for many keywords, not using dividers or using only one divider. However for better reading comprehension and usability, and also aesthetics i started to use the pipe as my main divider and other secondary dividers. I saw many pages drop in rankings vs other less competent and with less content pages. My format was as follows: Product Brand | Product description - Additional info or local info ie. Fiber Glass MBI | Insulation Batts for Home and Commercial use - Acoustic and Thermal Insulation I changed the format for a handful of pages, and saw immediate results on rankings and traffic on those pages. Product Brand with Product Description - Additional Info ie. Fiber Glass MBI Insulation Batts for Commercial use - Acoustic and Thermal Insulation. Does it sound like something i should implement page wide. I personally like the aesthetics of the pipe as it gives a cleaner look, but the better rankings on the changed pages with using only one divider makes me think. Does it sound familiar, or its just a coincidence, Regards,
On-Page Optimization | | JesusD0 -
Image titles and alt tags for multiple images
I'm hoping some of you may be able to help me understand the best way to optimize my image titles and alt tags for a specific situation. I'm working on an interior design website and they have hundreds of pictures. each of their projects has about 10 pictures. Is it best for me to us the key phrase in each title and tag? or is that to repetitive? here is what I mean: A project called "urban interior design" all images are of urban interior design, just different angles and features, so my initial idea is to just have each image title like this: Title: "urban interior design dinning area" Alt: "urban interior design dinning area view" Title: "urban interior design living room" Alt:"urban interior design living room couch view" Is this the best way or will it actually hurt my ranking with too much exact keyword use? Thanks for your help!
On-Page Optimization | | TBSEO0 -
Keyword Stuffing in Alt Tags!
Hello, I have on a main page over 50 images. The first page i want to optimize it for MAINKW (let's say). Now, if i use in the alt tags "MAINKW KW1", "MAINKW KW2", "MAINKW KW3" ... "MAINKW KW50" then Google may say that i stuff the MAINKW in that page? Those images are reprezentative for main Categories and i have direct links to them from the main page with the anchors KW1, KW2...KW50.
On-Page Optimization | | VertiStudio0 -
Title tag for category page
I'd like to know your views on the best approach for title tags for category pages for ecommerce sites. 3 examples A) Category name | Free delivery on $50 purchase | Brand name B) Discover best "category name" on brand name C) Category Name | 1st Keyword, 2nd keyword | Brand name Thanks!
On-Page Optimization | | walidalsaqqaf0 -
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