Image ALT Attribute
-
Hi,
Got a message from the On-Page Optimizer to update the ALT Attribute in an image. Does that mean just rename the image and re-upload it on to the site?
Thanks!
-
Hi Heather,
Thanks for the reply. The site uses FCK Editor + Smarty + PHP. It's super easy to use when you are uploading content, but I think it might be very poorly set up for SEO.
On the FCK Editor there is a SOURCE button that shows the HTML. I'm not sure, but that MAY be the only place to put in the meta descriptions and ALT Attributes.
It's unfortunately very confusing!
-
Just to add to this:
Adding an ALT attribute (alternative text) to all of your images is a usability best practice and can also help with your SEO efforts.
Here's a (fairly old) video from Matt Cutts, head of Google's web spam team, that highlights the importance of not ignoring ALT attributes:
http://www.youtube.com/watch?v=3NbuDpB_BTc
And here's an article from Rand Fishkin that briefly touches on the topic:
http://www.seomoz.org/blog/perfecting-keyword-targeting-on-page-optimization
Specifically:
"Alt Attribute - Surprisingly, the alt attribute, long thought to carry little SEO weight, was shown to have quite a robust correlation with high rankings in our studies. Thus, we strongly advise the use of a graphic image/photo/illustration on important keyword-targeted pages with the term/phrase employed in the alt attribute of the _img _tag."
-
Could you tell us what CMS you're using and perhaps your site URL so we can take a look at the code.
The ALT attribute has to be added into the HTML and cannot to added to an image before upload, but there should be an option in your CMS to add this. If there isn't, you need a new CMS!
-
When you upload your image does the CMS not ask for a test description of the image? What CMS is it?
You can't do anything to the image files itself in order to do this. You could rename the image so that it has a meaningful filename which may help, but it still won't provide an ALT atribute.
-
Hi Guys,
Thanks for the detailed replies. On my CMS I can't really edit the image. Is it possible to edit the image before I upload it? That way the information I'm trying to include will be added.
Thanks!
-
The ALT attribute is part of the HTML code used to include the image on your page. It should look something like this:
The ALT attribute is displayed when the browser can't display your image (and used by screen readers).
The reason this is important for SEO is that it can help provide search engines with a clue as to what the image is about (and if you can use keywords that you're tying to get your page to rank for it should also help overall page relevancy). The text surrounding the image will also be used by search engines to provide more information for what the image is about.
Hope this helps.
-
Hi,
No it means that in your HTML-tag you should have an ALT attribute.
Like so:
-Rasmus
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
-
Multiple H1s and Header Tags in Hero/Banner Images
I work on education websites, and our sites are being flagged by SEO and accessibility checkers for having multiple H1s. The home pages have the site name as an h3 in the hero image, and an aspirational headline (think: Be Like Mike) as an H1. The sub-pages have two H1s: one on the site name in the banner image, and the other on the page title. Note that the site name is very keyword-rich. If we were to remove the H1 and H3 tags from the hero/banner images, would it do any SEO harm? At the same time, we’d rewrite the H1 on the home page to be more keyword-focused. Any other options? I also read that it’s OK to have multiple H1s as long as it’s clear which H1 belongs to the heading area and which one belongs to the body area of the page. Thanks in advance!
On-Page Optimization | | UWPCE0 -
IMG ALT tags - should they be the same or the product title?
I have about 300 products. Should I make all my IMG ALT tags with my keywords, such as sea glass jewelry, sea glass necklace, sea glass bracelets? Or, should I make them what their title is, some of which do not pertain to the keyword, such as By the Sea. Some of my products do have keywords in them, but not all. I am hesitant on changing all the titles, as almost all URLs are indexed.
On-Page Optimization | | tiffany11030 -
On page/site - Images & bold text
As I understand it on a page where you are going for the keywords 'Metal gates', you have an image titled 'Metal gates' (Lets say MG for Metal gates to save on my typing!) with the alt tag being 'MG' Now as I also understand it, if an image is also used as a link the Alt tag is also the anchor text? So, I have a page on Metal gates using the above methods, from this page I have image links to a metal driveway gates page (as well as text links), would I be best using an image titled 'Metal driveway gates' with the alt text as ' Metal driveway gates' to link to my metal driveway gates page (if you follow me)? Also on the image question, what if you have say six images (that are all links) on the metal gates page, how would you title the images and alt tags? Variations on Metal gates? Or using the keyword on the page that the link points to? (I'm not looking to keyword stuff but want to get it right! ) Also is it important to have your on page keywords in bold still? i ask because I've bolded text on my pages but not the main keywords - I've bolded text that I want people to see, but do not want to take away any power from my keywords if you follow me?
On-Page Optimization | | Jon-C0 -
Alt Tags On "VIEW INVENTORY" Button
I have an E-commerce site that sells events, and tickets. By default it shows 10 events per page, each event with its own "View Inventory Button" which leads a customer to a list of tickets for that particular event. My question is that by default ea event page has 10 listings all with View Inventory buttons, should I just remove ALL alt tags? For example if it was football game with Detroit lions, and the Detroit lions page shows 10 events by default, should each of my View tickets buttons say EX. "Buy Lions tickets"? I am so confused, i have an understanding of how and what alt tags do, but I am afraid to "over optimize the pages? I am just not sure how many times to have this alt tag visible with keywords in them, as the rest of the page is optimized in my descriptions and I would want to avoid keyword stuffing. Currently all that I can see how is "view tickets" view tickets" 10times as alt tags. Any help would be MUCH appreciated!!!! This was a response in the past from someone in the forums 'Depending what language/CMS your website is built on, you will be able to insert a bit of code that dynamically creates a suitable alt tag depending on the product. So whatever page/product template currently instructs the alt tag to be 'buy now', would instead instruct a dynamic name to be generated along the format of 'buy button for"
On-Page Optimization | | TP_Marketing0 -
What is the importance of image file names and H1, H2 and H3 tags
Hello, My client thinks they will get better rankings if we change the product image names to reflect the keywords for that page, is this true? I believe I just have to add "alt tags" but not sure now. Also, they think its very important to have H1, H2 and H3 tags on each page. I thought this wasn't a big factor anymore. Is it? Thanks
On-Page Optimization | | maximumrank0 -
SEO for Image only posts
Let's say I have a post where I show 25 different wood textures. I start the post with a small paragraph and then I show several images of wood textures linked to an internal or external page. Since I don't use a text link, then I have to rely on alt tags. It would be very difficult to assign a different alt tag to so many similar images, and I guess there would be a risk of keyword stuffing (walnut wood, oak wood, etc). On the other side, if I assign the same tag to all images, then that clearly is keyword stuffing (alt=wood textures). This is just an example, but it applies to most of my posts. What do you think I should do with the alt tags? Thanks!
On-Page Optimization | | enriquef0 -
What's the best way to name an image for SEO?
Hi Guys,
On-Page Optimization | | krseo
I'm thinking about images and SEO. What's the best way for naming and using images in HTML Code? For example: Image-Name: keyword-keyword2-keyword3.jpg or keywordkeyword2keyword3.jpg ?
How many Keywords should I use max for a picture? And also do you use the alt tag as description of the image and the title tag or only the alt tag? If you use the title, what do you use it for? Maybe someone can copy a HTML-Code example for me 😉 Thank you 🙂
Alex0 -
CSS background images weight impact
Hi,
On-Page Optimization | | GianniCuccu
do you think that the use of a single 1.8Mb background image sitewide could have a big negative impact and make a website disappear from SERPS? thank you0