<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Web Usability Blog&#187; title tag</title>
	<atom:link href="http://webusability-blog.com/tags/title-tag/feed/" rel="self" type="application/rss+xml" />
	<link>http://webusability-blog.com</link>
	<description>Tips, insights and meandering thoughts about usability and information architecture</description>
	<lastBuildDate>Sun, 20 Feb 2011 16:47:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Title and description tags: a complete guide</title>
		<link>http://webusability-blog.com/title-and-description-tags-a-complete-guide/</link>
		<comments>http://webusability-blog.com/title-and-description-tags-a-complete-guide/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 13:42:14 +0000</pubDate>
		<dc:creator>Els Aerts</dc:creator>
				<category><![CDATA[Search engine optimisation]]></category>
		<category><![CDATA[Writing for the web]]></category>
		<category><![CDATA[copywriting]]></category>
		<category><![CDATA[description-tag]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[title tag]]></category>

		<guid isPermaLink="false">http://webusability-blog.com/?p=1130</guid>
		<description><![CDATA[The most complete guide to page title and description tags on the web. How do you write good page titles and description tags? Read all about it.]]></description>
			<content:encoded><![CDATA[<h1>1. What is a title tag?</h1>
<p>The title tag determines the name of a web page as it appears in Google. The content of the title tag plays an important part in the ranking a page gets in Google and Bing.</p>
<p><a href="https://s3-eu-west-1.amazonaws.com/usabilityblogen/Title-description-tag%2Ftitle-tag-writing-for-the-web.gif"><img class="alignnone" title="Title tag = page title in Google" src="https://s3-eu-west-1.amazonaws.com/usabilityblogen/Title-description-tag%2Ftitle-tag-writing-for-the-web-small.gif" alt="" width="500" height="67" /></a></p>
<h1>2. What is a description tag?</h1>
<p>The description tag is a text of maximum 155 characters long that says what a page is about. Because Google often shows the description tag, it&#8217;s a great tool to persuade people to visit your page.</p>
<p><a href="https://s3-eu-west-1.amazonaws.com/usabilityblogen/Title-description-tag%2Ftitle-tag-webusability-blog.gif"><img class="alignnone" title="The description tag is the short sentence underneath the title" src="https://s3-eu-west-1.amazonaws.com/usabilityblogen/Title-description-tag%2Ftitle-tag-webusability-blog-small.gif" alt="" width="500" height="68" /></a></p>
<p>In our article ‘<a href="http://webusability-blog.com/description-tag-what-is-it-and-why-is-it-so-important/">what is a description tag and why is it so important</a>’ you can read in detail what Google does with the description tag and when it is and isn&#8217;t shown. </p>
<h1>3. Title and description tag create the first impression</h1>
<p>When making a website, a lot of attention always goes to the look &amp; feel of the website in general and to the homepage in particular. While this is certainly very important, it&#8217;s not true that you need to do this in order to &#8216;make a good first impression&#8217;. </p>
<p>For more than half of your visitors, their first contact with you is not your homepage. Or any other page of your website, for that matter. The first contact, the first impression, is made by the title and description tag shown in Google.<br />
<span id="more-1130"></span></p>
<h1>4. How can you find out what your title and description tags are?</h1>
<p>There are lots of seo-programmes that can do this for you. But there&#8217;s also Google. Just type in &#8217;site:&#8217; followed by your domain name and you&#8217;ll get the complete list of the title and description tags of all your pages. </p>
<p><a href="https://s3-eu-west-1.amazonaws.com/usabilityblogen/Title-description-tag%2Ftitle-description-tag-citroen.gif"><img class="alignnone" title="Citroën: work to be done" src="https://s3-eu-west-1.amazonaws.com/usabilityblogen/Title-description-tag%2Ftitle-description-tag-citroen-small.gif" alt="" width="500" height="819" /></a><br />
On the international website of Citroën, there&#8217;s room for improvement. The title tags are clearly not specific enough. For the description tag, they seem to have written some fluffy marketing nonsense and used that for most pages.</p>
<h1>5. Tips for the perfect title tag</h1>
<p>If you read our article <a href="http://webusability-blog.com/8-tips-for-the-perfect-title-tag/">8 tips for the perfect title tag</a> you should be well on your way to writing great title tags.</p>
<p>While you&#8217;re at it, have a look at our <a href="http://webusability-blog.com/4-examples-of-clumsy-title-tags/">4 examples of clumsy title tags</a> too. Just so you know what not to do. </p>
<h1>6. Tips for the perfect description tag</h1>
<p>The description tag does not influence your ranking in Google. But it is essential to get people to click on your page, as this interesting <a href="http://dynamical.biz/blog/web-analytics/serps-user-behaviour-eye-tracking-study-32.html">user behaviour study on search engine results pages</a> shows. </p>
<p>These <a href="http://webusability-blog.com/12-tips-for-the-perfect-description-tag/">12 tips for the perfect description tag</a> will help you write great description tags that will get more visitors to your pages.</p>
<h1>7. How to track down doubles in your title or description tags?</h1>
<p>Google doesn&#8217;t like title tags or description tags that are the same for more than one page of your website. It&#8217;s clear why: Google uses the title and description tags to find out whether or not a page has unique content. </p>
<p>The first thing you need to do is make sure every page of your website has a unique title and description tag.</p>
<p>The Google Webmaster Tools can help you track down doubles in your title or description tags.</p>
<p>Log in to Google Webmaster Tools and select your website (or add your website if you haven&#8217;t done that yet). Go to the left menu, click on ‘Diagnostics’ and then on ‘HTML suggestions’.</p>
<p>The report on this page gives you access to double tags and it also shows you the title and description tags that are too long or too short. </p>
<p><a href="https://s3-eu-west-1.amazonaws.com/usabilityblognl/titledescriptiontag/google-webmastertools.gif" rel="lightbox[1130]"><img class="alignnone" title="Quickly track down doubles with Google Webmaster Tools" src="https://s3-eu-west-1.amazonaws.com/usabilityblognl/titledescriptiontag/google-webmastertools-klein.gif" alt="" width="500" height="234" /></a> </p>
<p>Do you know of any other best practices, tools or studies on the importance of the title or description tag? Please share them in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://webusability-blog.com/title-and-description-tags-a-complete-guide/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>5 tips to show users where they are on your website</title>
		<link>http://webusability-blog.com/5-tips-to-show-users-where-they-are-on-your-website/</link>
		<comments>http://webusability-blog.com/5-tips-to-show-users-where-they-are-on-your-website/#comments</comments>
		<pubDate>Mon, 31 May 2010 14:31:20 +0000</pubDate>
		<dc:creator>Els Aerts</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[breadcrumb]]></category>
		<category><![CDATA[crumb trail]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[title tag]]></category>

		<guid isPermaLink="false">http://webusability-blog.com/?p=969</guid>
		<description><![CDATA[Not everyone enters your website via the homepage. 5 tips to show people which website they're on and where they are on your site.]]></description>
			<content:encoded><![CDATA[<p>Your homepage is not always the first page people see. Lots of visitors find your site via Google and immediately end up on a detail page. Or maybe they&#8217;ve clicked a link on another website. A link that doesn&#8217;t necessarily mention your website&#8217;s name. </p>
<p>Letting people know which site they&#8217;re on and where they are on that site is pretty basic usability stuff, but that doesn&#8217;t mean it isn&#8217;t important. </p>
<h1>1. Logo and company name in top left corner</h1>
<p>Put your logo in the top left corner. If your logo doesn&#8217;t contain your company name, put your name directly underneath the logo. Do this on every page. That way, people immediately know whose website they&#8217;re on. </p>
<p>Don&#8217;t think putting your logo on the right side will make you special. Sure, you&#8217;ll be different, but not in a way people appreciate. You&#8217;re just making it harder for them to know which website they&#8217;re on.</p>
<p><a href="http://farm5.static.flickr.com/4024/4655707337_171986a7d9_b.jpg" rel="lightbox[969]"><img class="alignnone" title="Ogilvy puts its logo in the bottom right corner. That's not where people expect it to be." src="http://farm5.static.flickr.com/4024/4655707337_171986a7d9.jpg" alt="" width="500" height="301" /></a><br />
Ogilvy puts its logo in the bottom right corner. Because that&#8217;s not where people expect it to be, it will take them longer to see it.</p>
<p>Not mentioning your name or logo at all is of course not the greatest idea either. </p>
<p><a href="http://farm3.static.flickr.com/2742/4493899784_3cc1bc98ed_o.gif" rel="lightbox[969]"><img class="alignnone" title="The Ghent Museum for Industrial Archaeology and Textile (MIAT) prefers to remain anonymous" src="http://farm3.static.flickr.com/2742/4493899784_457226da1b.jpg" alt="" width="500" height="301" /></a><br />
Without a logo or name in the top left corner, it&#8217;s not easy for visitors to know they&#8217;re on the website of the Museum for Industrial Archeology and Textile (MIAT) in Ghent.<span id="more-969"></span></p>
<h1>2. Breadcrumb</h1>
<p>A great way to let users know where they are on your website, is via a breadcrumb. A breadcrumb shows you where you are on a website by visualizing the site&#8217;s hierarchy, from the homepage to the current page.</p>
<p>You can find more details on what a good breadcrumb looks like in our article <a href="http://webusability-blog.com/breadcrumb-7-tips/">&#8216;Breadcrumb: 7 tips&#8217;</a>.</p>
<h1>3. Clearly visible page title</h1>
<p>A page title has to stand out. Use a larger font size and perhaps even a different colour than your regular text colour.</p>
<p>Put the page title always in the same, clearly visible place: at the top of the content part of the page, left-aligned.  </p>
<p>Use the same term as the one you use in your menu, or at least start the page title in the same way. Inconsistencies can be confusing.  </p>
<p><a href="http://farm5.static.flickr.com/4011/4656327464_ea05719acc_b.jpg" rel="lightbox[969]"><img class="alignnone" title="The page title or header 'Enjoying Flemish Brabant' is in blue and in a larger font size than the rest of the text on the page" src="http://farm5.static.flickr.com/4011/4656327464_ea05719acc.jpg" alt="" width="500" height="301"/></a><br />
The Belgian province Flemish Brabant puts the page title or header where it should be: at the top left of the page&#8217;s content part, in a larger font size and different colour than the regular text.  </p>
<h1>4. Navigation: active item in a different colour</h1>
<p>Navigation plays a very important part in telling people where they are on a website.</p>
<p>An easy way to show users what main and sub-category of the navigation they&#8217;re in is putting the active category in a different (background) colour.  </p>
<p><a href="http://farm5.static.flickr.com/4031/4656327506_9e6d664e8d_b.jpg" rel="lightbox[969]"><img class="alignnone" title="Amnesty International clearly shows people where they are in the navigation" src="http://farm5.static.flickr.com/4031/4656327506_9e6d664e8d.jpg" alt="" width="500" height="301" /></a><br />
On the site of Amnesty International it&#8217;s very clear which main and sub-category of the navigation the user is in. </p>
<h1>5. Title tag</h1>
<p>Another small but not unimportant element that can help users determine where they are on a website is the title tag. </p>
<p>But thanks to our &#8216;<a href="http://webusability-blog.com/8-tips-for-the-perfect-title-tag/">8 tips for the perfect title tag</a>&#8216; you already know everything about that.</p>
]]></content:encoded>
			<wfw:commentRss>http://webusability-blog.com/5-tips-to-show-users-where-they-are-on-your-website/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>4 examples of clumsy title tags</title>
		<link>http://webusability-blog.com/4-examples-of-clumsy-title-tags/</link>
		<comments>http://webusability-blog.com/4-examples-of-clumsy-title-tags/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 14:08:43 +0000</pubDate>
		<dc:creator>Els Aerts</dc:creator>
				<category><![CDATA[Search engine optimisation]]></category>
		<category><![CDATA[Writing for the web]]></category>
		<category><![CDATA[copywriting]]></category>
		<category><![CDATA[title tag]]></category>

		<guid isPermaLink="false">http://webusability-blog.com/?p=840</guid>
		<description><![CDATA[Title tags are important if you want to do well in Google. 4 examples of what not to do and 8 tips on how to get it right.]]></description>
			<content:encoded><![CDATA[<p>A little while ago, we talked about <a href="http://webusability-blog.com/8-tips-for-the-perfect-title-tag/">8 tips for the perfect title tag</a>.</p>
<p>Which provides us with a good excuse to also show you some examples of what not to do.</p>
<h1>1. The root of all evil</h1>
<p><a href="http://usability-blog.be/wp-content/uploads/2010/02/titletag-infrabel.gif" rel="lightbox[840]"><img class="alignnone size-medium wp-image-2153" title="Title tag: Roots" src="http://usability-blog.be/wp-content/uploads/2010/02/titletag-infrabel-504x139.gif" alt="Title tag: Roots" width="504" height="139" /></a></p>
<h1>2. Must remember to enter title tag. Very important!</h1>
<p><a href="http://usability-blog.be/wp-content/uploads/2010/02/titletag-insert-title2.gif" rel="lightbox[840]"><img class="alignnone size-medium wp-image-2154" title="Title tag: insert title" src="http://usability-blog.be/wp-content/uploads/2010/02/titletag-insert-title2-503x58.gif" alt="Title tag: insert title" width="503" height="58" /></a><span id="more-840"></span></p>
<h1>3. Final countdown? Final homapge!</h1>
<p><a href="http://webusability-blog.com/wp-content/uploads/finalhompage.gif" rel="lightbox[840]"><img class="alignnone size-medium wp-image-844" title="Title tag: final homapge" src="http://webusability-blog.com/wp-content/uploads/finalhompage.gif" alt="Title tag: final homapge" title="finalhomapge" width="505" height="54" class="alignnone size-full wp-image-844" /></a></p>
<h1>4. Friendly, but not really saying much</h1>
<p><a href="http://usability-blog.be/wp-content/uploads/2010/02/titletag-hasselt.gif" rel="lightbox[840]"><img class="alignnone size-medium wp-image-2150" title="Title tag: Welcome page" src="http://usability-blog.be/wp-content/uploads/2010/02/titletag-hasselt-503x57.gif" alt="Title tag: Welcome page" width="503" height="57" /></a></p>
<p>As you can see, our <a href="http://webusability-blog.com/8-tips-for-the-perfect-title-tag/">8 tips for the perfect title tag</a> could be useful for some people.</p>
<h2>Have you seen a title tag that made you laugh? Or cry?</h2>
<p>Share it in the comments or <a href="mailto:els.aerts@agconsult.be">email me</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://webusability-blog.com/4-examples-of-clumsy-title-tags/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>8 tips for the perfect title tag</title>
		<link>http://webusability-blog.com/8-tips-for-the-perfect-title-tag/</link>
		<comments>http://webusability-blog.com/8-tips-for-the-perfect-title-tag/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 09:08:53 +0000</pubDate>
		<dc:creator>Els Aerts</dc:creator>
				<category><![CDATA[Search engine optimisation]]></category>
		<category><![CDATA[Writing for the web]]></category>
		<category><![CDATA[copywriting]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[title tag]]></category>

		<guid isPermaLink="false">http://webusability-blog.com/?p=811</guid>
		<description><![CDATA[The title tag is very important if you want to score well in Google. 8 tips for the perfect title tag.]]></description>
			<content:encoded><![CDATA[<h1><strong>What is a title tag?</strong></h1>
<p>The title tag determines the name of a web page. Title tags are mostly visible in Google and in the browser.</p>
<p><strong>Google</strong><br />
The page title Google shows is a page&#8217;s title tag. The same goes for Bing.</p>
<p><a href="http://webusability-blog.com/wp-content/uploads/title-tag-google2.jpg" rel="lightbox[811]"><img class="alignnone size-medium wp-image-2126" title="Your title tag = page title in Google" src="http://webusability-blog.com/wp-content/uploads/title-tag-google2.jpg" alt="Your title tag = page title in Google" width="504" height="64" /></a></p>
<p><strong>Browser</strong><br />
The title tag appears in the browser title bar and the browser tabs. When you add a page to your favorites or when you share a page via social media, the title tag is what apppears as the page title.</p>
<p><a href="http://webusability-blog.com/wp-content/uploads/title-tag-browser2.jpg" rel="lightbox[811]"><img class="alignnone size-medium wp-image-2127" title="Your title tag = page title in browser" src="http://webusability-blog.com/wp-content/uploads/title-tag-browser2.jpg" alt="Your title tag = page title in browser" width="504" height="128" /></a></p>
<h1><strong>Is the title tag important?</strong></h1>
<p>You bet it is. The title tag is one of the most important things to get right if you want to do well in Google. It&#8217;s not the only thing but if you neglect your title tags you&#8217;re making it very hard on yourself.<span id="more-811"></span></p>
<h1><strong>Tips for a good title tag</strong></h1>
<h4>1. Use no more than 66 characters</h4>
<ul>
<li>Search engines only show a limited number of characters of the title tag. Google shows the first 66 characters. After that, it simply adds an ellipsis (…). If you want your title tags to look professional, don&#8217;t use more than 66 characters.</li>
<li>Short titles are easier to read than long ones.</li>
<li>The less words there are in your title tag, the more value Google attributes to each word. As a consequence, it&#8217;s easier for a keyword to score well in a title tag of 4 words than it is in a title tag of 8 words. This is called keyword density.</li>
</ul>
<h4>2. Make sure your title tag accurately describes your page</h4>
<ul>
<li>The title tag should contain the keyword you want to score with for that page.</li>
<li>Make sure you use that keyword somewhere on the page itself.</li>
<li>Use a keyword your visitors use. It&#8217;s nice to do well in Google but if it&#8217;s with a word nobody uses it&#8217;s not really going to do you any good.</li>
</ul>
<h4>3. Think about what you want the page to do</h4>
<ul>
<li>Make sure the title tag and content of the page correspond with the reasons people visit that page.<br />
‘Netbooks: reviews of the fastest models’ will appeal to a different audience and create different expectations than ‘Cheap netbooks&#8217;.</li>
</ul>
<h4>4. Put the keyword first</h4>
<ul>
<li>Google reportedly attributes more value to the first word in a title tag than the last one.</li>
<li>Jakob Nielsen&#8217;s research shows that <a href="http://www.useit.com/alertbox/nanocontent.html">the first 11 characters</a> determine whether someone continues to read on or not.</li>
</ul>
<h4>5. Don&#8217;t forget to mention your brand name</h4>
<ul>
<li>Putting your brand name in the title tag isn&#8217;t all that important if you&#8217;re a small company. But if you&#8217;re one of the leading players in your field, it&#8217;s a good idea to mention your brand name in your title tags.</li>
<li>Wa advise most companies to put their brand name last. Only on your homepage should your brand name be first.</li>
<li>If you&#8217;re an absolute top brand that the majority of people knows and trusts, it can be interesting to start your title tags with your brand name.</li>
</ul>
<h4>6. Separate your brand name from the page title</h4>
<ul>
<li>Use a vertical dash (|) or hyphen (-) to separate your brand name from the actual page title.</li>
</ul>
<h4>7. Write attractive title tags</h4>
<ul>
<li>If you stuff the title tag full of keywords, you&#8217;ll probably score well in Google. But it will make your title tag unattractive and people won&#8217;t click on it. So you&#8217;re kind of missing the point.</li>
<li>For a lot of people, the title tag is their first introduction to your brand. Make sure you make a good first impression.</li>
<li>Your web page&#8217;s title tag appears in a list with other search results. Make sure it stands out.</li>
</ul>
<h4>8. Unique for every page</h4>
<ul>
<li>Each page of your web site should have a unique title tag. If you can&#8217;t decide what a page is really about, how is Google supposed to know?</li>
</ul>
<h1><strong>How can you adapt your title tags?</strong></h1>
<p>That depends on your website. Hopefully, you&#8217;re using a content management system (CMS) that lets you adapt the title tag of every page manually.</p>
<p>If you&#8217;re choosing a new CMS, make sure it allows you to do that. If you want to do well in Google, it&#8217;s vital.</p>
<h1>More tips?</h1>
<p>Do you have some more tips for good title tags? Feel free to add them in the comments section.</p>
]]></content:encoded>
			<wfw:commentRss>http://webusability-blog.com/8-tips-for-the-perfect-title-tag/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

