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
-
H1 text and Header Image Overlap?
I have images with text at the top of every page on my site. But no H1 or H tags at all. I would like the text on the image to be my H1 text. But I don't want to be repetitive. What should I do?
On-Page Optimization | | Calligraphy0 -
Logo Image H1 Tag SquareSpace
We have a site hosted on SquareSpace: Roomhance.com Going through the on-page optimizaton tool, we noticed that the H1 tags weren't fully optimized. If you click on view source on the page, it shows 2 H1 tags on the home page: id="logoImage"><a <span="" class="html-attribute-name">href</a><a <span="" class="html-attribute-name">="</a>/">src="//static1.squarespace.com/static/5bcca055ab1a62465f5b9ee7/t/5c18feb270a6adf771765799/1588613682225/?format=1500w" alt="Virtual Staging For Real Estate | Roomhance" /> style="text-align:center;white-space:pre-wrap;">Virtual Staging The 2nd one shown above it the H1 tag we want. I'm wondering if the H1 tag in the logo image is hurting us for SEO? Can't figure out how to modify it in SquareSpace.
On-Page Optimization | | vikasnwu0 -
Duplicating words in the page title OK?
Im finding a site with lots of duplicated words in the title tags, I have always avoided doing this in the past, Is there any penalty for having a word repeated twice in the title, indeed is there a benefit from having it twice, IM assuming not
On-Page Optimization | | Donsimong
For example: Marketing Services in Milton Keynes | Our Services | TFA
https://www.t-f-a.co.uk/services the word service is repeated twice, in my opinion this is of no benefit at all and is better rewritten to remove the duplication1 -
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 -
Clickable Images Question
This may seem like a minor issue but it is something that has been bothering me. When I write a blog post and place images within the text, is it better to have the image linking to nothing or link to the image url. I am guessing that unless I wish the image to rank for a certain keyword then it is not worth it linking to the image url. But would just like clarification if there is a more deep seated reason. Thanks Mark
On-Page Optimization | | markmiton0 -
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 -
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 -
Using commas in the title tag?
Is there a disadvantage/advantage to using commas to separate words in the title tag. Which will be more effective as a title tag: "keyword1 keyword2 - Brand" OR "keyword1, keyword2 - Brand"?
On-Page Optimization | | Audiohype0