<?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/"
xmlns:media="http://search.yahoo.com/mrss/"
><channel><title>Yoast&#187; SEO Archives  - Yoast - Tweaking Websites</title> <atom:link href="http://yoast.com/tag/seo/feed/" rel="self" type="application/rss+xml" /><link>http://yoast.com</link> <description>Tweaking Websites</description> <lastBuildDate>Sun, 07 Mar 2010 11:56:16 +0000</lastBuildDate> <generator>http://wordpress.org/?v=</generator> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <image><title>Yoast</title> <url>http://netdna.yoast.com/wp-content/themes/yoast-v2/images/yoast-logo-rss.png</url><link>http://yoast.com</link> <width>144</width> <height>103</height> <description>Tweaking Websites</description> </image> <item><title>Optimizing for Rich &quot;Jump To&quot; Snippets</title><link>http://yoast.com/jump-to-snippets-optimization/#utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=jump-to-snippets-optimization</link> <comments>http://yoast.com/jump-to-snippets-optimization/#comments</comments> <pubDate>Mon, 01 Mar 2010 14:00:36 +0000</pubDate> <dc:creator>Joost de Valk</dc:creator> <category><![CDATA[SEO]]></category> <category><![CDATA[fragment identifier]]></category> <category><![CDATA[rich snippets]]></category> <category><![CDATA[search result]]></category> <category><![CDATA[tables of contents]]></category> <category><![CDATA[usability]]></category><guid
isPermaLink="false">http://yoast.com/?p=2113</guid> <description><![CDATA[Back in September last year Google announced a new form of rich snippets: those with jump to links in them. They themselves used the example for this trans fat search result:Now I hadn't paid too much attention to this new feature until we started testing a new search traffic monitoring tool we've built at OrangeValley, [...]<p><a
href="http://yoast.com/jump-to-snippets-optimization/">Optimizing for Rich "Jump To" Snippets</a> is a post from <a
href="http://yoast.com/about-me/">Joost de Valk</a>&#39;s <a
href="http://yoast.com">Yoast - Tweaking Websites</a>.A good WordPress blog needs good hosting, you don't want your blog to be slow, or, even worse, down, do you? Check out my thoughts on <a
href="http://yoast.com/wordpress-hosting/">WordPress hosting</a>!</p> ]]></description> <content:encoded><![CDATA[<p>Back in September last year Google <a
href="http://googleblog.blogspot.com/2009/09/jump-to-information-you-want-right-from.html">announced</a> a new form of <a
href="http://yoast.com/tag/rich-snippets/">rich snippets</a>: those with jump to links in them. They themselves used the example for this trans fat search result:</p><div
class="aligncenter"><img
src="http://netdna.yoast.com/wp-content/uploads/2010/03/trans-fats-google-search.jpg" alt="Google result leading to Wikipedia page for trans fat" title="Google result leading to Wikipedia page for trans fat" width="560" height="88" class="aligncenter size-full wp-image-2118" /></div><p>Now I hadn't paid too much attention to this new feature until we started testing a new search traffic monitoring tool we've built at <a
href="http://www.orangevalley.com/">OrangeValley</a>, and I noticed that 5% of the traffic coming to my <a
href="http://yoast.com/articles/wordpress-seo/">WordPress SEO</a> article had such rich "jump to" snippets. I could see this because they entered the site with a URL with a fragment identifier (aka hash: #) in it.</p><p>Now 5% of the traffic didn't immediately make me go all nuts, until I started thinking about what this meant usability wise: instead of people having to search within the article for the content they came for, they're taken straight there. That's a bonus, right? I've yet to prove that this improves conversions, but I'd guess it would.</p><h2 id="research">Researching jump to snippets</h2><p>So here starts the research: how do we optimize for these rich snippets? In the <a
href="http://googlewebmastercentral.blogspot.com/2009/09/using-named-anchors-to-identify.html">post on the Google Webmaster blog</a> accompanying the official release, they state that:</p><blockquote><p>There are a few things you can do to increase the chances that they [these jump to snippets, JdV] might appear on your pages. First, ensure that long, multi-topic pages on your site are well-structured and broken into distinct logical sections. Second, ensure that each section has an associated anchor with a descriptive name (i.e., not just "Section 2.1"), and that your page includes a "table of contents" which links to the individual anchors.</p></blockquote><p>When I dove more deeply into our stats, I noticed a couple of things:</p><ul><li>almost every article that has an internal Table of Contents is getting this kind of traffic</li><li>those articles are getting more search engine traffic in general (probably related to their length too)</li><li>they use different ways of identifying the anchor, and all seem to work</li><li>their tables of contents are always marked up using a list</li><li>articles with "just" inline internal links to other parts of the article do not seem to get this kind of traffic</li></ul><h2 id="createinternal" title="Create internal anchors">How to create internal anchors</h2><p>Basically there's three ways of defining these anchors:</p><div
class="wp_syntax"><div
class="code"><pre class="xml" style="font-family:monospace;">1. <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;h2</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;heading&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Heading<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/h2<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
2. <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;h2<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;heading&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Heading<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;/h2<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
3. <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;h2<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;heading&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Heading<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;/h2<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div><p>All three options require linking to them like this:</p><div
class="wp_syntax"><div
class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;#heading&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Heading<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div><p>Where my WordPress SEO article uses option #2, our <a
href="http://yoast.com/articles/magento-seo/">Magento SEO</a> is using option #1, and the examples Google gives are using option #3. I can't see any real reason to choose one over the other, so I chose the cleanest one: option #1.</p><h2 id="optimization">Optimizing for jump to snippets</h2><p>So what <em>do</em> we need to do?</p><p>It turns out this is awfully simple, you need to do two things:</p><ol><li>properly identify the different sections of longer articles, and identify their headings with fragments;</li><li>create a table of contents, linking to these fragments.</li></ol><p>While the Magento SEO article has a clearly marked Table of Contents, the WordPress SEO article only has a listing of internal links, without any heading. They do have one thing in common: a list, either <code>ul</code> or <code>ol</code> linking to the different sections with their appropriate fragments.</p><p>So your table of contents should look like something like this at the minimum:</p><div
class="wp_syntax"><div
class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ol<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;#research&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Researching jump to snippets<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;/li<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;#createinternal&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>How to create internal anchors<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;/li<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;#optimization&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Optimizing for jump to snippets<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #000000; font-weight: bold;">&lt;/li<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ol<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div><p>I'll keep track of this kind of traffic from now on, and I'll let you know if I find any more optimizations. There's one caveat to this: this is not based on a very large data set yet, and it just so happens to be that all of the pages with ToC's I found getting this traffic have these ToC's marked up as lists. It could be that other ways of marking up a ToC work too, I just haven't found a working example yet.</p><p><a
href="http://yoast.com/jump-to-snippets-optimization/">Optimizing for Rich "Jump To" Snippets</a> is a post from <a
href="http://yoast.com/about-me/">Joost de Valk</a>&#39;s <a
href="http://yoast.com">Yoast - Tweaking Websites</a>.A good WordPress blog needs good hosting, you don't want your blog to be slow, or, even worse, down, do you? Check out my thoughts on <a
href="http://yoast.com/wordpress-hosting/">WordPress hosting</a>!</p> ]]></content:encoded> <wfw:commentRss>http://yoast.com/jump-to-snippets-optimization/feed/</wfw:commentRss> <slash:comments>26</slash:comments> <media:thumbnail url="http://netdna.yoast.com/wp-content/uploads/2010/03/trans-fats-google-search-125x88.jpg" /> <media:content url="http://yoast.com/wp-content/uploads/2010/03/trans-fats-google-search.jpg" medium="image"> <media:title type="html">Google result leading to Wikipedia page for trans fat</media:title> <media:thumbnail url="http://yoast.com/wp-content/uploads/2010/03/trans-fats-google-search-125x88.jpg" /> </media:content> </item> <item><title>Web Designer Mag should fix its SEO</title><link>http://yoast.com/web-designer-mag-bad-seo/#utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=web-designer-mag-bad-seo</link> <comments>http://yoast.com/web-designer-mag-bad-seo/#comments</comments> <pubDate>Wed, 30 Dec 2009 20:06:26 +0000</pubDate> <dc:creator>Joost de Valk</dc:creator> <category><![CDATA[WordPress]]></category> <category><![CDATA[robots txt]]></category> <category><![CDATA[SEO]]></category> <category><![CDATA[web designer]]></category><guid
isPermaLink="false">http://yoast.com/?p=1923</guid> <description><![CDATA[Ok I just had to post this, as it's too funny. I got a Google Alert this afternoon for this post, which mentioned one of my plugins as being listed by Web Designer Magazine. So, I Googled them, as the post didn't link to them, and got this result:Notice something? I know I did: there's [...]<p><a
href="http://yoast.com/web-designer-mag-bad-seo/">Web Designer Mag should fix its SEO</a> is a post from <a
href="http://yoast.com/about-me/">Joost de Valk</a>&#39;s <a
href="http://yoast.com">Yoast - Tweaking Websites</a>.A good WordPress blog needs good hosting, you don't want your blog to be slow, or, even worse, down, do you? Check out my thoughts on <a
href="http://yoast.com/wordpress-hosting/">WordPress hosting</a>!</p> ]]></description> <content:encoded><![CDATA[<p>Ok I just had to post this, as it's too funny. I got a Google Alert this afternoon for <a
href="http://kerrywebster.com/news/comment-from-matt-mullenweg-in-web-designer-magazine/">this post</a>, which mentioned one of my plugins as being listed by <a
href="http://www.webdesignermag.co.uk/">Web Designer Magazine</a>. So, I Googled them, as the post didn't link to them, and got this result:</p><p><a
class="thickbox" title="Google Result for Web Designer Mag" href="http://yoast.com/cdn-edge/uploads/2009/12/web-designer-magazine.jpg"><img
src="http://yoast.com/cdn-edge/uploads/2009/12/web-designer-magazine-300x103.jpg" alt="Web Designer Magazine results in Google" title="Web Designer Magazine" width="300" height="103" class="aligncenter size-medium wp-image-1924" /></a></p><p>Notice something? I know I did: there's no description there. So I clicked on and checked the page to see what could cause that, finding it was easy:</p><div
class="wp_syntax"><div
class="code"><pre class="html" style="font-family:monospace;">&lt;meta name='robots' content='noindex,nofollow' /&gt;</pre></div></div><p>It was listed right above the <code>EditURI</code> line that WordPress puts in by default, telling me they forgot to uncheck a box (that get's checked by default on some auto installers, I've been told on Twitter):</p><p><a
class="thickbox" href="http://yoast.com/cdn-edge/uploads/2009/12/privacy-settings.jpg"><img
src="http://yoast.com/cdn-edge/uploads/2009/12/privacy-settings-300x114.jpg" alt="" title="privacy-settings" width="300" height="114" class="aligncenter size-medium wp-image-1925" /></a></p><p>One issue though... If Google had actually <em>seen</em> that tag, it wouldn't have listed the site <em>at all</em>. So there had to be something else. And of course, there is: meet <a
href="http://www.webdesignermag.co.uk/robots.txt">Webdesigner Magazine's robots.txt</a>:</p><pre>User-agent: *
Disallow: /

Sitemap: http://www.webdesignermag.co.uk/sitemap.xml.gz</pre><p>The first two lines there prevent Google from indexing the site entirely. But it just became funnier... The fourth line was added by a plugin they're running, pointing search engine bots at their XML sitemap. Yes, the same bots they just forbade entry to their entire site... If you check out their <a
href="http://www.webdesignermag.co.uk/sitemap.xml">XML sitemap</a>, you'd notice they're running Arne Brachold's <a
href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/">Google XML Sitemap Generator</a>...</p><p>So: they installed an XML sitemap plugin, let's see what else they did: ah... Cool! They're running All In One SEO too! Now AIOSEO is "ok", except: it doesn't warn you for stupidities like these... Might be a darn good feature for an SEO plugin to check whether your site is actually allowing crawlers to come in, don't you think? Ah well, nothing can be perfect.</p><p>Anyway, this tells me one thing: Web Designer Mag needs help with their WordPress install. And they need it bad. If you work for them, and read this, feel free to contact me <a
href="http://twitter.com/yoast">on Twitter</a> or through the <a
href="/contact/">contact form</a>. I'd be happy to help!</p><p><a
href="http://yoast.com/web-designer-mag-bad-seo/">Web Designer Mag should fix its SEO</a> is a post from <a
href="http://yoast.com/about-me/">Joost de Valk</a>&#39;s <a
href="http://yoast.com">Yoast - Tweaking Websites</a>.A good WordPress blog needs good hosting, you don't want your blog to be slow, or, even worse, down, do you? Check out my thoughts on <a
href="http://yoast.com/wordpress-hosting/">WordPress hosting</a>!</p> ]]></content:encoded> <wfw:commentRss>http://yoast.com/web-designer-mag-bad-seo/feed/</wfw:commentRss> <slash:comments>61</slash:comments> <media:thumbnail url="http://netdna.yoast.com/wp-content/uploads/2009/12/web-designer-magazine-125x125.jpg" /> <media:content url="http://netdna.yoast.com/wp-content/uploads/2009/12/web-designer-magazine.jpg" medium="image"> <media:title type="html">Web Designer Magazine</media:title> <media:thumbnail url="http://yoast.com/wp-content/uploads/2009/12/web-designer-magazine-125x125.jpg" /> </media:content> <media:content url="http://netdna.yoast.com/wp-content/uploads/2009/12/privacy-settings.jpg" medium="image"> <media:title type="html">privacy-settings</media:title> <media:thumbnail url="http://netdna.yoast.com/wp-content/uploads/2009/12/privacy-settings-125x125.jpg" /> </media:content> </item> <item><title>Changing your permalink structure</title><link>http://yoast.com/changing-your-permalink-structure/#utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=changing-your-permalink-structure</link> <comments>http://yoast.com/changing-your-permalink-structure/#comments</comments> <pubDate>Tue, 03 Oct 2006 14:16:17 +0000</pubDate> <dc:creator>Joost de Valk</dc:creator> <category><![CDATA[WordPress]]></category> <category><![CDATA[apache]]></category> <category><![CDATA[htaccess]]></category> <category><![CDATA[permalinks]]></category> <category><![CDATA[SEO]]></category> <category><![CDATA[Serverside]]></category><guid
isPermaLink="false">http://www.joostdevalk.nl/blog/changing-your-permalink-structure/</guid> <description><![CDATA[I recently changed the permalink structure of this Wordpress blog, going from /%year%/%monthnum%/%day%/%postname%/ (Wordpress default i think) to the much more elegant and simple /%postname%/. This is very cool ofcourse, both because it's simpler and SEO wise, but on an existing blog, this leaves you with lots of links that point to the wrong URL. [...]<p><a
href="http://yoast.com/changing-your-permalink-structure/">Changing your permalink structure</a> is a post from <a
href="http://yoast.com/about-me/">Joost de Valk</a>&#39;s <a
href="http://yoast.com">Yoast - Tweaking Websites</a>.A good WordPress blog needs good hosting, you don't want your blog to be slow, or, even worse, down, do you? Check out my thoughts on <a
href="http://yoast.com/wordpress-hosting/">WordPress hosting</a>!</p> ]]></description> <content:encoded><![CDATA[<p>I recently changed the permalink structure of this Wordpress blog, going from <code>/%year%/%monthnum%/%day%/%postname%/</code> (Wordpress default i think) to the much more elegant and simple <code>/%postname%/</code>. This is very cool ofcourse, both because it's simpler and SEO wise, but on an existing blog, this leaves you with lots of links that point to the wrong URL. If you're running your blog on Apache, the solution is quite simple, if you can tweak your <code>.htaccess</code> file or your Apache config.</p><p>The solution can be found in one single RedirectMatch line. This line should be placed above the Wordpress code, or in the Apache config. The line is the following:</p><div
class="wp_syntax"><div
class="code"><pre class="apache" style="font-family:monospace;"><span style="color: #00007f;">RedirectMatch</span> <span style="color: #ff0000;">301</span> /([<span style="color: #ff0000;">0</span>-<span style="color: #ff0000;">9</span>]+)/([<span style="color: #ff0000;">0</span>-<span style="color: #ff0000;">9</span>]+)/([<span style="color: #ff0000;">0</span>-<span style="color: #ff0000;">9</span>]+)/(.*)$ http://www.<span style="color: #00007f;">example</span>.com/$<span style="color: #ff0000;">4</span></pre></div></div><p>This matches every URL which starts with  a date, and permanently redirects it to the new URL for this post. Ofcourse you could be running your blog in a subdirectory, like I am, in that case, the line would be:</p><div
class="wp_syntax"><div
class="code"><pre class="apache" style="font-family:monospace;"><span style="color: #00007f;">RedirectMatch</span> <span style="color: #ff0000;">301</span> /subdir/([<span style="color: #ff0000;">0</span>-<span style="color: #ff0000;">9</span>]+)/([<span style="color: #ff0000;">0</span>-<span style="color: #ff0000;">9</span>]+)/([<span style="color: #ff0000;">0</span>-<span style="color: #ff0000;">9</span>]+)/(.*)$
http://www.<span style="color: #00007f;">example</span>.com/subdir/$<span style="color: #ff0000;">4</span></pre></div></div><p>This way, all your incoming links will still work, and thus count for SearchEngines <em>and</em> you have the benefits of the new URL structure.</p><p><a
href="http://yoast.com/changing-your-permalink-structure/">Changing your permalink structure</a> is a post from <a
href="http://yoast.com/about-me/">Joost de Valk</a>&#39;s <a
href="http://yoast.com">Yoast - Tweaking Websites</a>.A good WordPress blog needs good hosting, you don't want your blog to be slow, or, even worse, down, do you? Check out my thoughts on <a
href="http://yoast.com/wordpress-hosting/">WordPress hosting</a>!</p> ]]></content:encoded> <wfw:commentRss>http://yoast.com/changing-your-permalink-structure/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> </channel> </rss>
<!-- This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Minified using apc
Page Caching using apc
Database Caching 7/20 queries in 0.008 seconds using apc
Content Delivery Network via netdna.yoast.com

Served from: webserver.yoast.com @ 2010-03-12 18:42:16 -->