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
-
I have updated title 4 days ago but still still showing old title and description on Google serps, How to resolve it?
I have updated the title tag but not showing, Please have look at the view source for this website- https://m.yolobus.in/ I want to show this title and description- <title>Online Bus Ticket Booking | YoloBus India</title> But showing the wrong title and description on google SERP- Title - YoloBus :: Home Description - Delhi Lucknow; Lucknow Delhi; Delhi Gorakhpur; Varanasi Lucknow; Gorakhpur Delhi; Delhi Delhi; Bangalore Bangalore; Manali Manali; Chennai Chennai 7mHsdmu
On-Page Optimization | | AnkitS.19900 -
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 -
Using a hyphen in title tags and the impact of spaces
Hi I am trying to arrive at a best practice template for a title tag for my organization so does the following template still holds Primary Keyword - Secondary Keyword | Brand Name will anything be impacted if I eliminate the spaces between the hyphen, will search bots be still able to treat the first one as a priority and the second as the secondary? Primary Keyword-Secondary Keyword | Brand Name thank you
On-Page Optimization | | lina_digital0 -
Page Title versus H1 title
What's the difference between the Page Title and the H1 title? It seems like both summarize the page. Is it a wasted opportunity to make them the same? Should they be similar but slightly different?
On-Page Optimization | | amybethmegjo1 -
Image File Names for eCommerce?
Hi everyone! I'm wondering about naming my product photo file names for an E-Commerce site. Let's say I say have product named Abe Lincoln in the **Print **category for sale with 4 images, relatively similar but from different views for example.Could I name them as follows? 1) abe-lincoln-print.jpg 2) abe-lincoln-print-side-view.jpg 3) abe-lincoln-print-close-up.jpg 4) abe-lincoln-print-font-view.jpg Or is that too many keywords for the page? Should I be worried about keyword stuffing? Plus once I add in title and alt tags and descriptions this could also increase the keyword count for "abe lincoln print"?
On-Page Optimization | | TheFlyingSweetPotato0 -
Image naming best practices?
While I have found many good sources of information for naming images for SEO purposes, I'm having trouble finding an up-to-date, exhaustive and authoritative source for image names, alt tags, etc. For instance... Max characters for image name? Max hyphens? How descriptive should you be? "ice-cream-flavors-icon_._jpg" or "ice-cream-flavors.jpg" or simply "ice-cream.jpg" How similar should the image name, alt text and page title be? At what point are you overusing a keyword? Rules to follow? So much more, but you get the idea! Anyone have a good reference or an answer to all things related to images and SEO? Thanks!
On-Page Optimization | | OSD0 -
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 -
Alt tag using photoshop
Simple question i think. Ive started adding alt tags to images using the slice tool in photoshop. This takes up a menu were the last part of is alt tag: This way to add alt tags does work right? I used SEO-browser afterwards and couldnt see the tag. There are maybe other better ways to see if your tags are in there ? Dan L.
On-Page Optimization | | danlae0