Image Tags And Titles
-
Hi,
I am currently revamping my website with a new look. Some questions i have with regards to the images found on a page.
- I know that we need an alt tag for each image. This should not be keyword spammed. However, what about the title tag for the image?
What is the best practice for image title tags? Should it be the same as the alt tag? Should it be different? Should I leave it blank?
- If I am running a wordpress platform for my website. The defaulted settings for wordpress is that all images inside a post are clickable. When clicked, the page loads from abcdef.com/page/ to abcdef.com/page/image.jpg.
This seems to be generating alot of internal links but I don't see the value of loading an image when my visitors click on that. Should I let the image be clickable or remove the link on the image for best SEO practices?
Thanks for your advice.
paul
-
That's a good rule of thumb from Brett Collins, though I typically make the alt attribute (technically it's an attribute to an image "tag" rather than a tag in and of itself, but it's just a semantics thing) descriptive of the image instead of the post - often it's the same thing either way. I know some people, myself included much of the time, who don't even use the title attribute unless it is within the href tag of a linking image. I know others who use it as the actual title of the image (e.g. funnydog.jpg would be "funny dog" and cats-are-evil.png would be "cats are evil"). I do typically make the alt and title attributes of an image two different things. I disable the creation of image attachment pages in Wordpress. When inserting individual images, ensure that the Link is set to File Url. When inserting a gallery, ensure that "Link thumbnails to" is set to Image File. You can also find plugins that will redirect the attachment pages. I typically block those in the robots.txt file too.
-
Generally I use the title tag to tell people what is in the pic, if it's a picture of a funny dog I call it "funny dog". The alt tag can be a bit more general and should say what the article itself is about. without necessarily using a keyword, (though it can contain the keyword). So if the article is about pet food in London, the alt tag could be "London pet food" or Great pet food London" or some variant on that.
Personally I usually don't make my images clickable.
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
-
Title Tags & Meta descriptions do not update
Hi, I have a question about the title tags and meta descriptions of my domain b-buildingbusiness.com. I've updated them about 5 days ago but the new versions don't show in the search engines. However it does show when you check with the facebook developers tool https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fb-buildingbusiness.com%2F . Does anyone have an idea why they're not updated in the search engines and how I can resolve this? Best, Rik
On-Page Optimization | | bbuildingbusiness0 -
Use of the word Find in Title Tags
Hey, So i'm looking to make content that is optimized for Finding an injury lawyer in boston. The Phrase "Personal Injury Lawyers in Boston" get's a lot more searches than "Find Personal Injury Lawyers in Boston" but with the Find is it less competitive? The same thing goes for "Find lawyers in Boston" vs. "Lawyers in Boston." My question is, is it better to put the word FInd in front or not? Is there a downside?
On-Page Optimization | | RafeTLouis0 -
Different title tags and meta descriptions for desktop and mobile?
Is it possible to use different title tags and meta descriptions for mobile users? For Example: In the SERP for desktop you'll see the desktop title tags and meta descriptions, but in the SERP for mobile you'll the mobile versions of the webpage.
On-Page Optimization | | alex19780 -
Avoid Multiple Page Title Elements...
Hi guys i'm just going trough some pages with the seomoz one page optimization tool. As one of the "easy fix" suggestions it says: "Avoid Multiple Page Title Elements" "Explanation: Web pages are meant to have a single title, and for both accessibility and search engine optimization reasons, we strongly recommend following this practice.Recommendation: Remove all but a single page title element." By single element does it mean 1 single word? Is that realistic?
On-Page Optimization | | Immanuel0 -
I am optimizing title tags and was wondering if it makes a difference if I use "commas" in between keywords that are synonyms or should I use "and" instead?
For example: "pants, trousers at pants.com" or "pants and trousers at pants.com".
On-Page Optimization | | EcomLkwd0 -
Duplicate Page Title
Not sure how to fix this. I am getting a duplicate page title for my main url, and the index page. I have attached an image. Thanks. 0RnG6.jpg
On-Page Optimization | | pixel830 -
Fixing Wordpress Title and Description Tag Placement
I know how important the title and description tag are and I know it is important to have them place at the top of the code. However, when I view the source on a Wordpress template, I see it looks messy. Here is an example of what the source looks like. Is there a plugin or an adjustment to be made so the code is cleaner? To get rid of spaces and blank lines in code. Or should I just not worry about the way the code looks? Notice the first example has a break after the <title>, then after the title there is this</p> <p style="color: #5e5e5e;"><strong><em><meta http-equiv="content-type" content="text/html; charset=UTF-8" /> </em></strong></p> <p style="color: #5e5e5e;"><strong><em> </em></strong>then the description? Can that be moved?</p> <p style="color: #5e5e5e;"> </p> <p style="color: #5e5e5e;"><span style="color: #5e5e5e;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"></span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><span> </span><head profile="http://gmpg.org/xfn/11"></span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><span> </span><title></span><span style="color: #5e5e5e;"><br /></span><span style="color: #5e5e5e;"><span> </span>tite text goes here <span> </span></title> " /> Here there are no breaks after <title>and the <title> is directly above the description</p> <p style="color: #5e5e5e;"> </p> <p style="color: #5e5e5e;"><span style="color: #5e5e5e;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span></p> <p style="color: #5e5e5e;"><span style="color: #5e5e5e;"> </span><span style="color: #5e5e5e;"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"></span></p> <p style="color: #5e5e5e;"><span style="color: #5e5e5e;"><head profile="http://gmpg.org/xfn/11"></span></p> <p style="color: #5e5e5e;"><span style="color: #5e5e5e;"><meta http-equiv="content-type" content="text/html; charset=UTF-8" /></span></p> <p style="color: #5e5e5e;"><span style="color: #5e5e5e;"><title>tite text goes here</title>
On-Page Optimization | | hfranz0 -
Title, description modification?
If i make, modifications in my paget title and sescription, it's possible to will decrase my page visits? If yes, when will increase my page visits? thanks
On-Page Optimization | | rejja0