<?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>Malcolm Coles &#187; Wordpress</title>
	<atom:link href="http://www.malcolmcoles.co.uk/blog/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.malcolmcoles.co.uk/blog</link>
	<description>Where to find Malcolm Coles, reviews, and tips on how to do things I couldn&#039;t do.</description>
	<lastBuildDate>Tue, 20 Dec 2011 10:16:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Brighton SEO: Winning at SEO with duplicate content</title>
		<link>http://www.malcolmcoles.co.uk/blog/brighton-seo-duplicate-content/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/brighton-seo-duplicate-content/#comments</comments>
		<pubDate>Fri, 09 Sep 2011 07:00:14 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[SEO advice]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=6395</guid>
		<description><![CDATA[It turns out that you can dominate Google's search results in the short term via duplicate content - and here's the explanation, based on a talk I'm giving at Brighton SEO. 
]]></description>
			<content:encoded><![CDATA[<p>Usually duplicate content is bad. Google filters it out and links and social signals are split over several different URLs even if the content is the same.</p>
<p>But it turns out that you can dominate Google's search results in the short term via duplicate content - and here's the explanation, based on a talk I'm giving at Brighton SEO.</p>
<p><strong>Look at all the traffic I got</strong></p>
<p>Here's a graph that showed how I got loads of traffic to this blog by exploiting duplicate content. Don't look any further if you're easily offended or love the royal family.</p>
<p><div id="attachment_6396" class="wp-caption alignleft" style="width: 560px"><img class="size-large wp-image-6396" title="duplicate-content-traffic" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/duplicate-content-traffic-550x203.png" alt="Traffic graph" width="550" height="203" /><p class="wp-caption-text">WOW. Where did all that traffic come from? Where did it go?</p></div></p>
<p>I took this blog from a few hundred page views a day to 30,000 at its peak by exploiting the fact that Google was looking for new content when it comes to suddenly popular or brand new search terms. Then I stopped and I went back to normal levels.</p>
<p><span id="more-6395"></span>I'm sorry to report those search terms involved <a href="http://www.malcolmcoles.co.uk/blog/tag/pippa-middleton-arse/">Pippa Middleton's arse</a> and underwear and <a href="http://www.malcolmcoles.co.uk/blog/tag/twitter-super-injunction/">super injunctions and twitter</a>.</p>
<p>So I waited for something to happen that I knew would trigger lots of searches. After the Royal Wedding it was Pippa Middleton's arse. Then a few days later it was her underwear. Just as that died down, the whole Ryan Giggs / Twitter / superinjunction thing kicked off.</p>
<p>Each time something happened I would throw a short blog post together and publish as quickly as possible - my ambition each time was to beat the mainstream news sites to publishing something.</p>
<p>Then I pulled a trick - for a few stories, I republished the story shortly afterwards on a different URL and 301ed the first URL to the second one. Then I did it again.</p>
<p>(This trick only works on trending news topics - so search terms that are suddenly popular and which make Google think that it should throw away its usual search results and replace them with pages that have only just been published (to correspond with the new interest in the search term).)</p>
<h3>Look, two results for the same content ...</h3>
<p>Not sure what I'm on about? Well, look at this picture.</p>
<p><div id="attachment_6397" class="wp-caption alignleft" style="width: 560px"><img class="size-full wp-image-6397" title="brighton-seo-1" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/brighton-seo-1.png" alt="Google screenshot" width="550" height="486" /><p class="wp-caption-text">Step one: two results for the same content.</p></div></p>
<p>Hopefully at the bottom you can see that I have two URLs for my <a href="http://www.malcolmcoles.co.uk/blog/pippa-middleton-underwear-pictures-google-updates-autosuggests2/">Pippa Middleton underwear pictures</a> (NOTE: there are no pictures of this kind. She's in swimwear - blame the tabloids).</p>
<h3>What I did</h3>
<p>I took the first URL which was http://www.malcolmcoles.co.uk/blog/pippa-middleton-underwear-pictures-google-updates-<strong>autosuggest</strong> and I changed it to http://www.malcolmcoles.co.uk/blog/pippa-middleton-underwear-pictures-google-updates-<strong>autosuggests</strong> - the same URL but with an S on the end. I also tweaked the HTML title a bit (took the word its out).</p>
<h3>How WordPress helped</h3>
<p>Now a quirk of WordPress means that it tries to match partial URLs and will redirect accordingly. What this means is that if you tried to access the old -autosuggest URL you would get automatically redirected to the new -autosuggests one.</p>
<p>Try it with this URL: <a href="http://www.malcolmcoles.co.uk/blog/pippa-middleton-underwear-pictures-google-updates-auto">http://www.malcolmcoles.co.uk/blog/pippa-middleton-underwear-pictures-google-updates-auto</a> and see where you end up. That's not a manual redirect, it's WordPress doing it automatically.</p>
<h3>How this fooled Google</h3>
<p>What Google sees is as follows:</p>
<ul>
<li>It sees some content on a subject everyone is searching for but no on has published on lately.</li>
<li>So it shoves my result on page one.</li>
<li>Then it sees I've published another URL.</li>
<li>It's still desperate for new content so it gives me 2 results.</li>
</ul>
<p>Of course, the 2nd one is 99% the same as the first one but (1) it hasn't noticed that yet and (2) it hasn't revisited the first URL to see that it redirects to a new one.</p>
<h3>Now I've got three!</h3>
<p>But if I can pull that trick once ... Here's another screenshot.</p>
<p><div id="attachment_6398" class="wp-caption alignleft" style="width: 560px"><img class="size-full wp-image-6398" title="brighton-seo-2" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/brighton-seo-2.png" alt="Screenshot" width="550" height="487" /><p class="wp-caption-text">Hat trick</p></div></p>
<p>Yes, I've now got three results on page one. I'd changed the URL again. This time from <strong>-autosuggests</strong> to <strong>-autosuggests2</strong>. I didn't bother changing the title.</p>
<p>Again, Google is still desperate for new content. Everyone is searching for this term because American sites published the pictures. But very few UK sites have. So it gives me three results.</p>
<p>As a searcher, however, if you click on the old -autosuggest or -autosuggests URLs, which no longer exist, then WordPress will just match those to what it thinks you're looking for which is -autosuggests2. So you always end up at the same place.</p>
<h3>Boo. Back to two.</h3>
<p>Eventually, Google wised up to the fact that the first URL was 301ing (or was maybe the same, who knows). And it took me back to two results.</p>
<p><div id="attachment_6399" class="wp-caption alignleft" style="width: 560px"><img class="size-full wp-image-6399" title="brighton-seo-3" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/brighton-seo-3.png" alt="Results" width="550" height="448" /><p class="wp-caption-text">Back to two</p></div></p>
<p>As you can see, the first -autosuggest has now vanished.</p>
<p>Eventually, all the duplicates were filtered out and my current URL is now top of Google for a search on her undies. Oh good.</p>
<p>But for a crucial few hours, when loads of people were searching, I had the same content several times on page one of Google's results.</p>
<h3>Conclusion</h3>
<p>One side effect of this is that people think I'm a pervert. That aside, for spiking news terms you can insert the same piece of content into Google's results. It will eventually notice that the earlier URLs redirect or are duplicates of the later ones. But by that time everyone will have stopped searching.</p>
<p>To be honest, you probably shouldn't do this. It breaks Google.</p>
<p>You also need to be on the ball. You need to beat big news sites (if you're dedicated, this is possible). And it only works on spiking news terms (these <a href="http://www.malcolmcoles.co.uk/blog/news-search-tools/">news data tools</a> might be handy).</p>
<p>And don't cock it up. Duplicate content is bad. <a href="http://www.malcolmcoles.co.uk/blog/rel-canonical-infinite-express/">Ask the Express</a>. <a href="http://www.malcolmcoles.co.uk/blog/indy-jelly-bean/">Or the Indy</a>.</p>
<p>This is the last of my posts or conference talks on Pippa Middleton (here's my earlier talk on <a href="http://www.youtube.com/watch?v=PpW0S2vawcM">Karen Gillan's underwear</a>). I hope you enjoyed them. Don't blame me for the fact that nation is a bunch of perverts.</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=6395&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/brighton-seo-duplicate-content/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Open Graph: let people FaceBook “like” your WordPress (or other) website</title>
		<link>http://www.malcolmcoles.co.uk/blog/facebook-website-wordpress-open-graph/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/facebook-website-wordpress-open-graph/#comments</comments>
		<pubDate>Mon, 28 Feb 2011 11:07:24 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Latest]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[facebook]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=5548</guid>
		<description><![CDATA[How to use the Open Graph protocol and a Facebook Social Plugin to send people updates about your website - even if you don't have a Facebook page for it. ]]></description>
			<content:encoded><![CDATA[<p><strong>The advantage of a Facebook page for your website is that you can easily update people about new content. But it can be a pain - people can write what they want on your wall, you have to respond etc.</strong></p>
<p>The good news is that you can still send people updates via Facebook without having to have a page - you instead use the Open Graph protocol and a Facebook Social Plugin.</p>
<p>You see that box on the right hand side of the page that says "New: Get blog updates via Facebook"? If you press the like button in that then I get the ability to insert messages in your Facebook news stream - without my also having to run a separate Facebook page. Here's how to do it.</p>
<p><div id="attachment_5549" class="wp-caption alignleft" style="width: 560px"><img class="size-full wp-image-5549" title="facebook-wordpress" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/facebook-wordpress.png" alt="Facebook like and wordpress logos" width="550" height="230" /><p class="wp-caption-text">How to get Facebook to like WordPress</p></div></p>
<h3>Two types of Facebook like button</h3>
<p>The first thing to get your head round is that there are two types of Facebook like button.</p>
<p>With the normal one that you see on many websites, clicking it will share the URL of the page you're in with your friends. I've got one of those buttons up there, under the headline - although I've changed the word on it from "like" to "recommend".</p>
<p>The other type of like button allows you to become a fan of a Facebook page even without visiting it. The fact you've clicked it will be shared with your friends - but you're not sharing a URL, you're liking a Facebook page.</p>
<p>As a website owner, if someone does the former, that's quite good as the visitor's friends may see the link and come and see your site - but you don't get the ability to have an ongoing relationship via the first type of like button. Someone's shared your URL. That's it.</p>
<p>With the second type of like button, anyone who likes your Facebook page will have any updates you create or links you share appear in their news stream.</p>
<h3>Using Open Graph to turn your website into a Facebook page</h3>
<p>The second type of like button can also be used even if you don't have a Facebook page for your site. You use the Open Graph protocol to effectively turn your website into a Facebook page in Facebook's eyes (don't worry, it doesn't actually turn into one - it's just that Facebook treats it as if it is one).</p>
<p>So here's an example - this is one of the messages that I sent to everyone who had clicked the like button over there on the right.</p>
<p><div id="attachment_5591" class="wp-caption alignleft" style="width: 560px"><img class="size-full wp-image-5591" title="Picture 468" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/Picture-468.png" alt="Example facebook status update" width="550" height="190" /><p class="wp-caption-text">The message I sent people</p></div></p>
<p>You can <a href="http://developers.facebook.com/docs/opengraph/">read about the Open Graph protocol here</a>. There are two steps you need to follow. The instructions below are for WordPress but very similar ones will work for any other type of website.</p>
<h4>Add Open Graph meta data</h4>
<p>First you need to say in the opening HTML tag that you're doing this. You can copy the code from the Facebook page. But after your opening HTML tag, add: xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" - you can view the source of this page to see I've done that.</p>
<p>Then you need to assign meta data to the page on your website that you're going to set up as the pretend Facebook page. I do this on my homepage - you can choose another page if you want (EG a page with special offers or a particular category page).</p>
<p>The meta data is <a href="http://developers.facebook.com/docs/opengraph/">explained here</a>. But here's what I've added for my blog:</p>
<blockquote><p><code>&lt;?php<br />
if (is_home() ) {</code></p>
<p><code> </code><code>echo '<br />
&lt;meta property="og:image" content="http://www.malcolmcoles.co.uk/blog/malcolm-coles-facebook.png"/&gt;<br />
&lt;meta property="og:site_name" content="Malcolm Coles's blog"/&gt;<br />
&lt;meta property="fb:admins" content="175996222437753,522100824"/&gt;<br />
&lt;meta property="og:title" content="Malcolm Coles: SEO, Twitter and UK newspapers"/&gt;<br />
&lt;meta property="og:type" content="blog"/&gt;<br />
&lt;meta property="og:url" content="http://www.malcolmcoles.co.uk/blog/"/&gt;<br />
&lt;meta property="og:description" content="The blog of Malcolm Coles. It's about SEO, Twitter, the internet and stuff like that. You'll like it."/&gt;';<br />
} else{} ?&gt;</code></p></blockquote>
<p>This is a PHP if statement which makes sure this code appears only on my home page and is pasted into my header.php file in the head area (if you're not using WordPress, you might need something different).</p>
<p>The meta data should be fairly self-explanatory. Again, <a href="http://developers.facebook.com/docs/opengraph/">it's explained here</a> if you can't work something out. The one thing you might have problems with is the admins line - you need to insert Facebook user ID of your personal account. (To find your ID, look at your personal Facebook profile picture or album - the URL should contain it).</p>
<h4>Add a social plugin</h4>
<p>That's given Facebook the information it needs to understand your website. The next step is to add the relevant Facebook social plugin onto your site - that's the box over on the right that people can click to like your site.</p>
<p>You can get the code you need from the <a href="http://developers.facebook.com/docs/reference/plugins/like-box/">Like Box social plugin page</a>. You fill out the box on the left, and then it shows you what the box will look like - you then hit get code.</p>
<p><div id="attachment_5552" class="wp-caption alignleft" style="width: 552px"><img class="size-full wp-image-5552" title="facebook-like-social-plugin" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/facebook-like-social-plugin.png" alt="Like Box code generator" width="542" height="415" /><p class="wp-caption-text">The code generator for the Facebook like box</p></div></p>
<p>You'll be shown two sorts of codes: iframe or javascript. I've used the javascript version here, which means you also need to include <a href="http://developers.facebook.com/docs/reference/javascript/">Facebook's javascript SDK code</a> on your page.</p>
<p>If you're also using the other type of Facebook like button (the one that lets people share the URL) I'd recommend using the javascript, not iframe, version of both as users can add a comment when sharing a page if you do.</p>
<p>Either way, add the code to your website. So in my sidebar.php file you'll find this code:</p>
<blockquote><p>&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;&lt;fb:like-box href="http://www.malcolmcoles.co.uk/blog/" width="295" show_faces="true" stream="false" header="true"&gt;&lt;/fb:like-box&gt;</p></blockquote>
<p>I've also added a heading that says "New: get blog updates via facebook". You don't have to get a box that big - in fact, you can just use the standard tiny "like" button. I imagine users find this quite confusing (as they can't tell if the button shares the URL or likes the site) - so always add an explanation of what the button does (or else just trick them).</p>
<h4>Adding the javascript SDK</h4>
<p>If you are using the javascript version, you need to paste this code at the very end of your pages - in your footer.php file if you're using wordpress:</p>
<blockquote><p><code>&lt;div id="fb-root"&gt;&lt;/div&gt;<br />
&lt;script&gt;<br />
window.fbAsyncInit = function() {<br />
FB.init({appId: 'your app id', status: true, cookie: true,<br />
xfbml: true});<br />
};<br />
(function() {<br />
var e = document.createElement('script');<br />
e.async = true;<br />
e.src = document.location.protocol +<br />
'//connect.facebook.net/en_US/all.js';<br />
document.getElementById('fb-root').appendChild(e);<br />
}());<br />
&lt;/script&gt;</code></p></blockquote>
<p>You might be thinking "you clown, you've forgotten to put your app id where it says that." It doesn't matter - I don't have an app id and it works fine.</p>
<h3>It's all working - how do I use it?</h3>
<p>Go to Facebook, click Account in the top right and choose "Use Facebook as Page".</p>
<p>You will see a message at the top that says:</p>
<blockquote><p>Administer Your Page.</p>
<p>This is the administration interface for your webpage at http://www.malcolmcoles.co.uk/blog/. You can see Insights and publish to the users that have liked your webpage. Only the administrators of the webpage can view this interface, other users are sent to the webpage.</p></blockquote>
<p>And this is the key thing - you're the only person who sees what you can see. No one else see the Facebook page for your blog so there's nothing you need to manage and there's no wall where they can leave messages.</p>
<p>But if you click, say, link and share a link to a new piece of content on your blog, that update will appear in the news stream of anyone who has liked your site via this method - just as if you really did have a Facebook page and they had liked that.</p>
<h3>One caveat</h3>
<p>This method gives you a great way to communicate with people who like your website, without having the overhead of also managing a Facebook page.</p>
<p>However, you can't guarantee that people will see your status updates. There are two settings on Facebook news feeds - "top news" and "most recent". If they're looking at the latter, they will see your update if logged in when you send it (or if they look back that far). Whether they see it with the former view depends on how much Facebook thinks they want to see it - which depends on how many of their friends have also liked it, how many times they've liked previous updates etc. So there's no guarantees.</p>
<h3>Insights and statistics</h3>
<p>Once this is all up and running, you can also see data about who is doing what to your site. Here are the graphs for my Facebook insights.</p>
<p><div id="attachment_5553" class="wp-caption alignleft" style="width: 560px"><img class="size-large wp-image-5553" title="facebook-insights" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/facebook-insights-550x418.png" alt="Facebook insights graphs" width="550" height="418" /><p class="wp-caption-text">Facebook insights graphs: you can click them for more detail</p></div></p>
<p>They look a bit crap as I haven't blogged for a while and also I only set this all up a few weeks ago.</p>
<p>If you liked this, maybe you'll also like the way I've shown the <a href="http://www.malcolmcoles.co.uk/blog/twitter-follower-number-wordpress/">number of Twitter followers I've got using some PHP and wordpress</a>.</p>
<p>And if you've got any questions, let me know below.</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=5548&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/facebook-website-wordpress-open-graph/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to make your infographics accessible and SEO friendly at the same time</title>
		<link>http://www.malcolmcoles.co.uk/blog/how-infographics-accessible-seo-friendly/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/how-infographics-accessible-seo-friendly/#comments</comments>
		<pubDate>Mon, 24 Jan 2011 22:17:11 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Latest]]></category>
		<category><![CDATA[SEO advice]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=5448</guid>
		<description><![CDATA[Here is how to turn your infographic from one big picture into something that's accessible and SEO friendly.]]></description>
			<content:encoded><![CDATA[<p><strong>Infographics are everywhere. Some good - some bad. But most creators don't stop to think how to make sure search engines can understand their infographic - or how people who can't see pictures can consume them (maybe because they rely on screen readers or have chosen not to download images to their mobile phone).</strong></p>
<p>The trick to make infographics accessible and SEO friendly is to ensure:</p>
<ul>
<li>they're chopped into relevant sections (ie not one big image),</li>
<li>text is text (you should be able to select it with a mouse)</li>
<li>if anything has to be shown as an image, you set appropriate ALT text (the flipside of this is that, if the image doesn't add any information, you DON'T set ALT text - I'll explain this below.)</li>
</ul>
<p><div id="attachment_5449" class="wp-caption alignleft" style="width: 560px"><img class="size-full wp-image-5449" title="Picture 362" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/Picture-3621.png" alt="Making an infographic accessible" width="550" height="230" /><p class="wp-caption-text">Making an infographic accessible</p></div></p>
<p>There's lots of infographics out there. I'm going to use <a href="http://www.informationisbeautiful.net/2010/visualizing-bloodtests/">this illustration</a> from <a href="http://www.informationisbeautiful.net/">David McCandless</a> - not because I've got it in for him (in fact I think he's amazing) but he's released it under a licence that says all non-commercial use is cool.</p>
<p>Also I should point out that I'm a crap HTML coder so if anyone can improve on this, do let me know. And I'm only going to sort out the bit that says "4 What now, Diet &amp; Exercise" in the bottom left hand corner.</p>
<h3>Separate images and text</h3>
<p>As it stands, that bottom left bit is just part of an enormous image. So we need to separate out the image and the text, rendering each appropriately. I've taken a screenshot of the green jogger and the orange "4". Because that green jogger doesn't convey any information, I'm going to set that as a background image of a DIV. But I'm going to include the four as a proper image with ALT text, because you need it to understand how the picture is broken into 4 sections.</p>
<p>So here's my DIV (go on, try selecting the text), and here's my code (minus the sizes and the bits I had to put in to override my blog's CSS and get everything positioned correctly).</p>
<div style="border-top: 2px dotted; border-bottom: 2px dotted; width: 260px; margin-left:100px; ">
<div style="height: 43px; clear:both;">
<p style="margin-top: 2px;padding:0px;"><img src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/four.png" alt="point four of four" style="border:0px;float:left;margin-right:5px;padding:0px;"><strong>What now?</strong></p>
</div>
<div style="background-image: url(http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/infotest.png); height: 76px; background-repeat: no-repeat; clear:both;">
<p style="margin-left: 25px; margin-top: 2px;"><strong>Diet &#038; exercise</strong> can improve your cholesterol levels</p>
</div>
</div>
<blockquote><p>&lt;div style="border-top: 2px dotted; border-bottom: 2px dotted; "&gt;<br />
&lt;div style="height: 43px; clear:both;"&gt;<br />
&lt;p style="margin-top: 2px;"&gt;&lt;img src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/four.png" alt="point four of four" style="border:0px;float:left;margin-right:5px;"&gt;&lt;strong&gt;What now?&lt;/strong&gt;&lt;/p&gt;&lt;/div&gt;<br />
&lt;div style="background-image: url(http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/infotest.png); height: 76px; background-repeat: no-repeat; clear:both;"&gt;&lt;p style="margin-left: 25px; margin-top: 2px;"&gt;&lt;strong&gt;Diet &#038; exercise&lt;/strong&gt; can improve your cholesterol levels&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;</p></blockquote>
<p>As you can see, I created some divs, positioned some images and set some styles on the paragraph to make sure it didn't go over the little green man. The orange "4" has ALT text of "point 4 of 4" to help those with screen readers understand the structure of the information.</p>
<p>OK, you're thinking. That looks rubbish.</p>
<h3>Apply a fancy font easily</h3>
<p>So for my next trick, I'm going to change the font to something snazzy. To do so, we're going to use a <a href="http://webdesign.tutsplus.com/articles/typography-articles/a-web-designers-guide-to-font-replacement-methods/">font replacement method</a>, making use of <a href="http://code.google.com/webfonts">google fonts</a>.</p>
<p>To use google fonts, you add one line of javascript to the head section. (If you don't want to add this to every page of your wordpress blog, you could use <a href="http://farinspace.com/wordpress-hifi-plugin/">this plugin</a> to add it to just the one post, not that I've tried it).</p>
<p>So here it is with font-family: Lekton; added to the style section of my paragraph above, and a couple of other minor changes to adjust the height (the original didn't use Lekton (I don't know what font it was), but this shows you can change the font):</p>
<div style="border-top: 2px dotted; border-bottom: 2px dotted; width: 260px; margin-left:100px; margin-bottom:10px;">
<div style="height: 43px; clear:both;"><img src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/four.png" alt="point four of four" style="border:0px;float:left;margin-right:5px;padding:0px;">
<p  style="margin-top: 0px;padding:11px 0 0 0;font-family: Lekton; line-height:95%; font-size:1.5em;"><strong>What now?</strong></p>
</div>
<div style="background-image: url(http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/infotest.png); height: 66px; background-repeat: no-repeat; clear:both;">
<p style="margin-left: 25px; margin-top: 2px; font-family: Lekton; line-height:95%; font-size:1.1em;"><strong>Diet &#038; exercise</strong> can improve your cholesterol levels</p>
</div>
</div>
<h3>Is that it?</h3>
<p>Yes, that's it. It might not look much but I'm not a designer. However, I've successfully divorced the images from the copy, made the copy readable by search engines, applied a fancy font at different sizes, and added ALT text to the only image that conveys information.</p>
<p>That, my friend, is all most infographics are. And with some halfway decent HTML and CSS skills, you could recreate the entire original making sure that all the copy was readable, and the images hidden (or not, as necessary).</p>
<h3>What's with the background image and the image with ALT text</h3>
<p>SEO heresy though it may sound, shoving ALT text on every image, even if no actual information is given, is annoying from an accessibility point of view - people with screen readers don't want to hear the information twice (once from the text, once from the ALT text).</p>
<p>So if the image is decorative, keep it out the way - either make it a background image or set ALT="" (don't just leave the ALT text off, as some screen readers may then read out the file name which is even more annoying).</p>
<p>And finally, if anyone can think of a way to improve this advice, do let me know in the comments, below.</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=5448&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/how-infographics-accessible-seo-friendly/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>How to show the number of Twitter followers you have in WordPress</title>
		<link>http://www.malcolmcoles.co.uk/blog/twitter-follower-number-wordpress/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/twitter-follower-number-wordpress/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 22:14:05 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Latest]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=5432</guid>
		<description><![CDATA[You may notice that, over on the right hand side, next to my "Follow me on Twitter" button, there's some text that says (currently) "2,462 others do". If you want something similar to your Wordpress blog, here's how to do it.]]></description>
			<content:encoded><![CDATA[<p><strong>You may notice that, over on the right hand side, next to my "<a href="https://twitter.com/malcolmcoles">Follow me</a> on Twitter" <a href="http://twitter.com/about/resources/buttons">button</a>, there's some text that says (currently) "2,426 others do". If you want something similar on your <a href="http://www.malcolmcoles.co.uk/blog/category/wordpress/">WordPress</a> blog, here's how to do it.</strong></p>
<p><div id="attachment_5433" class="wp-caption aligncenter" style="width: 560px"><img class="size-full wp-image-5433" title="twitter-followers-number-wordpress" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/twitter-followers-number-wordpress.png" alt="Display the number of Twitter followers you have" width="550" height="229" /><p class="wp-caption-text">Display the number of Twitter followers you have.</p></div></p>
<p>First, you need to copy this code, which I <a href="http://www.problogdesign.com/wordpress/how-to-get-your-twitter-follower-number-in-plain-text/#comment-22567">picked up here</a>, and save it into your functions.php file (via the theme editor link in the left hand column of WordPress's admin page). You'll need to change screen_name=XXX to replace XXX with your username.</p>
<pre>function get_follower_count() {
// first check the transient
$count = get_transient('follower_count');
if ($count !== false) return $count;

// no count, so go get it
$count = 0;
$data = wp_remote_get
('http://api.twitter.com/1/users/show.json?screen_name=XXX');
if (!is_wp_error($data)) {
$value = json_decode($data['body'],true);
$count = $value['followers_count'];
}
// set the cached value
set_transient('follower_count', $count, 60*60); // 1 hour cache
return $count;
}</pre>
<p>Next, you need to call the number that this function works out by adding some code at the appropriate place in your theme - the sidebar.php file in my case. <a href="http://wptricks.net/the-better-way-display-twitter-followers-in-text/">One suggestion</a> is like this:</p>
<pre>&lt;?php echo (get_follower_count()); ?&gt; others do.</pre>
<p>The problem with that is that if you've got more than 999 followers, there's no formatting - so 1,000 comes out as 1000 with no comma. I know. Can you imagine?</p>
<p>The solution is to use the number_format command:</p>
<pre>&lt;?php echo number_format (get_follower_count()); ?&gt; others do.</pre>
<p>Now if you have 1,000 followers this will display 1,000 and not 1000. Sorted (though see comment below). (<a href="http://twilk.com/">Picture credit</a>.)</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=5432&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/twitter-follower-number-wordpress/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Any thoughts on the new look?</title>
		<link>http://www.malcolmcoles.co.uk/blog/any-thoughts-on-the-new-look/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/any-thoughts-on-the-new-look/#comments</comments>
		<pubDate>Thu, 13 Jan 2011 22:05:35 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Latest]]></category>
		<category><![CDATA[Malcolm Coles]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=5423</guid>
		<description><![CDATA[After months of indecision, I've finally settled on a new theme for my blog. I'll be tinkering away for the next few days / months / years but if you spot any problems, don't like anything, wish something was here that isn't etc etc then let me know]]></description>
			<content:encoded><![CDATA[<p>So after months of indecision, I've finally settled on a new theme for my blog - after ruling out 99% of the other ones on my list having read this article on <a href="http://wpmu.org/why-you-should-never-search-for-free-wordpress-themes-in-google-or-anywhere-else/">searching for free wordpress themes on Google</a>. Yikes.</p>
<p><div id="attachment_5424" class="wp-caption aligncenter" style="width: 560px"><img class="size-full wp-image-5424" title="Picture 346" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/Picture-346.png" alt="The new theme needs a lot of pictures to work ..." width="550" height="230" /><p class="wp-caption-text">The new theme needs a lot of pictures to work ...</p></div></p>
<p>Anyway, if you spot any problems, don't like anything, wish something was here that isn't etc etc then let me know in the comments (unless it's about the small font sizes. I'm fixing them. God how many CSS changes do I have to make to fix that?!?). And as I've finally achieved a <a href="http://www.malcolmcoles.co.uk/blog/logos-change-home-link/">logo that changes on rollover</a>, let me know how that works. Cheers!</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=5423&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/any-thoughts-on-the-new-look/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Ignore WordPress&#8217;s SEO advice</title>
		<link>http://www.malcolmcoles.co.uk/blog/ignore-wordpresss-seo-advice/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/ignore-wordpresss-seo-advice/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 12:39:20 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=3986</guid>
		<description><![CDATA[Whatever you do, don't follow the wordpress advice on SEO ...
It seems to think keywords are really important but meta descriptions aren't.]]></description>
			<content:encoded><![CDATA[<p>There's a good post about <a href="http://seobullshit.com/wordpress/">WordPress's permalink structure</a> on the SEObullshit blog. Which led me to reread the WordPress codex about <a href="http://codex.wordpress.org/Meta_Tags_in_WordPress">Meta tags in WordPress</a>. I realise it's put together by volunteers. But maybe <strong>if you ever read that page, add the word not to every sentence</strong> ...</p>
<h3>Howler 1: Keywords are important</h3>
<p>What WordPress says:</p>
<blockquote><p>Keywords meta tags, on the other hand, are still used by Google and other important search engines to categorize and rank your website. Those engines compare the keywords with the content, giving you "points" for having your keywords match your content. Keywords are one of the most important meta tags you can add to your WordPress site.</p></blockquote>
<p>This kind of conflicts with the official Google line:</p>
<blockquote><p>"<a href="http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html">Google doesn't use the "keywords" meta tag in our web search ranking.</a>"</p></blockquote>
<h3>Howler 2: Use the same meta description on every page</h3>
<p>I won't quote the full advice. But it involves adding the same meta description to every page:</p>
<blockquote><p>With these generic description meta tags, [your] website would be accurately described and that should please just about any search engine.</p></blockquote>
<p>Which kind of conflicts with <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=35264">Google's official advice</a>:</p>
<blockquote><p><strong>Differentiate the descriptions for different pages.</strong> Using identical or similar descriptions on every page of a site isn't very helpful when individual pages appear in the web results. ... Wherever possible, create descriptions that accurately describe the specific page. Use site-level descriptions on the main home page or other aggregation pages, and use page-level descriptions everywhere else. If you don't have time to create a description for every single page, try to prioritize your content: At the very least, create a description for the critical URLs like your home page and popular pages.</p></blockquote>
<h3>To sum up</h3>
<ul>
<li><strong>Don't</strong> pay attention to WordPress's advice.</li>
<li><strong>Don't </strong>bother with keywords.</li>
<li><strong>Do</strong> bother with meta descriptions.</li>
<li><strong>Do </strong>follow my advice to easily add unique <a href="http://www.malcolmcoles.co.uk/blog/unique-meta-description-and-meta-keywords-in-your-wordpress-themes/">meta descriptions to every wordpress post / page</a>.</li>
</ul>
<p>That's it!</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=3986&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/ignore-wordpresss-seo-advice/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Comment spam: using Backtype to spot it</title>
		<link>http://www.malcolmcoles.co.uk/blog/comment-spam-spotting/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/comment-spam-spotting/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 21:08:18 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[Good reviews]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[spam]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=3537</guid>
		<description><![CDATA[Like most bloggers, I'm plagued by comment spam - but I've found a good way to spot the spammers: Backtype. It shows you comments on blogs that link to a specific URL.]]></description>
			<content:encoded><![CDATA[<p>Google's written some <a href="http://googlewebmastercentral.blogspot.com/2009/11/hard-facts-about-comment-spam.html">hard facts</a> about comment spam (<a href="http://andybeard.eu/2457/comment-spam-facts.html">Andy Beard</a> and <a href="http://www.hobo-web.co.uk/seo-blog/index.php/comment-spamming/">Shaun Anderson</a> have some interesting follow ups - and it's good to be aware of <a href="http://seogadget.co.uk/google-page-penalty-for-comment-spam-rankings-and-traffic-drop/">how comment spam can get your blog penalised</a>).</p>
<p>Like most bloggers, I'm plagued by comment spam - <strong>but I've found a good way to spot spam: Backtype. </strong>It's designed to let you see all the comments you've left on many blogs - but you can use it to check comments that other people have left that link to a specific URL.</p>
<h3>Oh noes. 502 bad gateways ...</h3>
<p>Let's start with Matt Call who left a comment, giving his URL as freecallindia.info, saying that:</p>
<blockquote><p>"I had difficulty navigating past your website because I kept getting 502 bad gateway error. Just thought to let you know."</p></blockquote>
<p>Blimey, that's helpful, right - I should be worried. I was a bit suspicious that his surname was "call" and it linked to a telecoms site with call in its name. So let's <a href="http://www.backtype.com/url/freecallindia.info">check out Backtype, and see comments linking to that URL</a>.</p>
<p><div id="attachment_3543" class="wp-caption alignright" style="width: 500px"><img class="size-large wp-image-3543" title="freecallindia" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/freecallindia-490x473.png" alt="Freecallindia: notice any similarities ..." width="490" height="473" /><p class="wp-caption-text">Freecallindia: notice any similarities ...</p></div></p>
<p>Ah. There appear to be over 100 comments, all saying the same thing, all left by several people with different first names but the same surname.</p>
<h3>I'm an authority</h3>
<p>Some guy apparently from onlinecarinsuranceclaims.com left a comment about what an authority I am. Thanks. Finally, some recognition. <a href="http://www.backtype.com/url/onlinecarinsuranceclaims.com">But then I checked what other comments on blogs linked to that site</a>.</p>
<p><div id="attachment_3542" class="wp-caption alignright" style="width: 500px"><img class="size-large wp-image-3542" title="onlinecarinsurance" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/onlinecarinsurance-490x494.png" alt="Onlinecarinsurance: notice any similarities ..." width="490" height="494" /><p class="wp-caption-text">Onlinecarinsurance: notice any similarities ...</p></div></p>
<p>Yes, a series of comments (more than I've shown here) about insurance, menace and huge corporations. Preceded by one saying:</p>
<blockquote><p>Nice strategy Ajith.. though they say every backlink counts but I prefer dofollow links.. So I do check pagerank, type of link that are allowed.</p></blockquote>
<p>Right, thanks for the heads up.</p>
<h3>Maybe he did think it was a nice post ...</h3>
<p>Someone giving thesoftstuff.net as their URL left one of those "nice post" comments. They're always spam, true. But, you know, maybe this guy meant it, and thesoftstuff.net sounded OK ... <a href="http://www.backtype.com/url/thesoftstuff.net">Let's use Backtype to check the comments he's left on other blogs</a>.</p>
<p><div id="attachment_3541" class="wp-caption alignright" style="width: 500px"><img class="size-large wp-image-3541" title="thesoftstuff" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/thesoftstuff-490x378.png" alt="Thesoftstuff: notice any similarities ..." width="490" height="378" /><p class="wp-caption-text">Thesoftstuff: notice any similarities ...</p></div></p>
<p>Nope.</p>
<h3>Some others ...</h3>
<p>You get the idea:</p>
<ul>
<li><strong>Randy, who gave his URL as crushandshred.com, left a reasonable sounding comment.</strong> <a href="http://www.backtype.com/url/crushandshred.com">Check the blog comment profile for that site</a>, and you see a lot of people whose surname is Crushed leaving comments ... <strong>Update</strong> Randy has commented below that he always leaves useful comments, which his original one might have been. His latest one is certainly useful.</li>
<li><strong>Alex from instanthealthinsurancequotemaryland.com gave me a tip on an SEO post.</strong> He informed me that "Appropriate keywords make your search simple and also help your data searching quick too". <a href="http://www.backtype.com/url/instanthealthinsurancequotemaryland.com">Seems he gives out this advice a lot</a> ...</li>
<li><strong>Then Danni from AcneTreatmentDigest.com came along.</strong> <a href="http://www.backtype.com/url/acnetreatmentdigest.com">His comments fall into two types</a>. He had a lot to say about the death of Patrick Swayze - now he leaves the same message on loads of blogs about how "using Adwords for the last 2 years and i can only say that it increased my online sales by about 20%".</li>
</ul>
<p>These were all the undeleted comments I had awaiting moderation. Good old Backtype. Let me know if you spot anyone with backlink profiles worth a look.</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=3537&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/comment-spam-spotting/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>WordPress and smart/curly quotes: turning them off</title>
		<link>http://www.malcolmcoles.co.uk/blog/wordpress-smart-quotes/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/wordpress-smart-quotes/#comments</comments>
		<pubDate>Sun, 15 Nov 2009 00:05:44 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=3478</guid>
		<description><![CDATA[Wordpress has a habit of replacing normal quote marks with "curly" or smart quotes - the ones that look different at the start of a quote than at the end. They look nice - but they tend to break copy and paste (especially when you're pasting code, such as my wordpress title / description code).]]></description>
			<content:encoded><![CDATA[<p>WordPress has some annoying habits. One on my blog is wrapping image divs inside &lt;p&gt; tags, breaking the HTML.</p>
<h3>Smart quotes: the problem</h3>
<p><div id="attachment_3479" class="wp-caption alignright" style="width: 147px"><img class="size-full wp-image-3479" title="smart-quotes" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/smart-quotes.png" alt="Smart quotes" width="137" height="61" /><p class="wp-caption-text">Smart quotes</p></div></p>
<p>Another is its habit of replacing normal quote marks with "curly" or smart quotes - the ones that look different at the start of a quote than at the end.</p>
<p>They look nice - but they tend to break copy and paste (especially when you're pasting code, such as my <a href="http://www.malcolmcoles.co.uk/blog/unique-meta-description-and-meta-keywords-in-your-wordpress-themes/">unique wordpress title / description code</a>, and my code to <a href="http://www.malcolmcoles.co.uk/blog/avoid-duplicate-meta-descriptions-in-pages-2-and-higher-of-the-wordpress-loop/">add page numbers to titles</a> in the loop).</p>
<h4>SEO issue</h4>
<p><div id="attachment_3480" class="wp-caption alignright" style="width: 500px"><img class="size-full wp-image-3480" title="im-a-celebrity-not-bold" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/im-a-celebrity-not-bold.png" alt="I'm a Celebrity - but the I'm wasn't bolded" width="490" height="238" /><p class="wp-caption-text">I&#39;m a Celebrity - but the I&#39;m wasn&#39;t bolded</p></div></p>
<p>I also noticed that they can interfere with your SEO. I've just written a post about <a href="http://www.malcolmcoles.co.uk/blog/im-a-celebrity-2009-itv-seo/">I'm a Celebrity 2009</a>.</p>
<p>However, when it appeared in Google for a search on those words, the <strong>I'm</strong> in the title wasn't bolded, as this screenshot shows.</p>
<p>Why? Because wordpress had put a smart quote in I'm - and so Google wasn't recognising it as the same word as I'd searched for.</p>
<h3>How to fix the smart quote problem</h3>
<p>To fix this, you can disable the automatic smart quote function. Go to  your functions.php file, and enter the following code:</p>
<blockquote><p>remove_filter('the_content', 'wptexturize');</p>
<p>remove_filter('comment_text', 'wptexturize');</p>
<p>remove_filter ('single_post_title', 'wptexturize');</p>
<p>remove_filter ('the_title', 'wptexturize');</p>
<p>remove_filter ('wp_title', 'wptexturize');</p></blockquote>
<p>You can remove the use of smart quotes in other places, too. There's a <a href="http://forum.bytesforall.com/showthread.php?t=2932">complete list here</a>.</p>
<p><strong>NB</strong> This didn't completely solve the problem. Although wordpress now doesn't put curly quotes, the apostrophe in the HTML title is still rendered using the HTML entity of ampersand and then #039; - which means Google still won't recognise the word <strong>I'm</strong> in its results (ie it doesn't bold them etc). Everywhere else, however, wordpress now puts a proper ' instead of an HTML code.</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=3478&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/wordpress-smart-quotes/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Draft &#8211; any suggestions: Google&#8217;s cache and its limitations as a backup</title>
		<link>http://www.malcolmcoles.co.uk/blog/googles-cache-as-backup/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/googles-cache-as-backup/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 05:00:24 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=2883</guid>
		<description><![CDATA[I overwrote my wp-content folder as part of my wordpress upgrade - deleting all my blog's images, CSS and theme PHP files. I'll be returning to that ...

Anyway, I, and a few others who answered my plaintive plea for help, thought using the Google cache (the copy of your webpage that it stores) might help. Here's what it can and can't help with as a backup if you've ever deleted your whole website ...]]></description>
			<content:encoded><![CDATA[<p><strong>This is a draft: Got any thoughts, corrections etc? Let me know (credit will be given, naturally).</strong></p>
<p>I overwrote my wp-content folder as part of my wordpress upgrade - deleting all my blog's images, CSS and theme PHP files. I'll be returning to that ...</p>
<p><img class="alignright size-full wp-image-2907" title="google-cache-backup" src="http://www.malcolmcoles.co.uk/blog/wp-content/uploads/2009/04/google-cache-backup.png" alt="google-cache-backup" width="250" height="173" />Anyway, I, and a few others who answered my plaintive plea for help, thought using the Google cache (the copy of your webpage that it stores) might help. Here's what it can and can't help with as a backup if you've ever deleted your whole website ...</p>
<h3>Getting the words back</h3>
<p>You can get all your words back from Google's cache (this was no benefit for me - I had all the posts in my database still. But if you need to get the words back, read on).</p>
<p>Obviously, if Google visits your site and finds nothing there, eventually it will replace the version in its cache with ... nothing.</p>
<p>So if you've deleted the words (either static webpages or your underlying database), visit the Google cache asap and start downloading / copying everything you wrote.</p>
<p><a href="http://www.ehow.com/how_4930002_recover-website-using-googles-cache.html">Here are some instructions for doing so</a> if you're not sure how to use the Google cache (<a href="http://googlesystem.blogspot.com/2007/01/browsing-web-using-google-cache.html">with more here</a> and <a href="http://www.thecookblog.com/how-to-recover-your-deleted-blog">yet more here</a> - all with varying degrees of assumed understanding)</p>
<p>If you are more advanced, some people have written scripts to automate this process. I haven't tried these, but if you have a lot of pages you want to find, try this one:<a href="http://www.guyrutenberg.com/2008/10/02/retrieving-googles-cache-for-a-whole-website/"> Retrieving Google's cache for a whole website</a>.</p>
<h3>Getting the images back</h3>
<p>Google doesn't store images. When you look at the cache and see them, it's either getting them off your server or else some other cache is serving them up (probably your browser's). The only exception is the thumbnail of your image you see in a google images search which is a google-stored file - so with smaller images, this might be usable (if you can construct a search in google images that makes the picture you want appear).</p>
<p>Anyway, if you see your images in Google's cache, save them asap (right click and save as or just drag to your desktop). Don't leave the page and come back later as they might not be there.</p>
<p>If you don't see images in Google's cache, you could try your browser cache (I'm assuming as it's your site, you've visited the page in question at some point). There's some advice on doing this (I've never tried it) here:</p>
<ul>
<li><a href="http://www.metacafe.com/watch/2130669/retrieve_images_from_browser_cache/">Retrieve images from browser cache</a></li>
<li><a href="http://lifehacker.com/385883/resurrect-images-from-my-web-browser-cache">Resurrect images from my browser cache</a></li>
</ul>
<p>There's some <a href="http://blog.httpwatch.com/2008/02/27/image-caching-in-internet-explorer/">technical stuff about IE here</a>.</p>
<h4>Note for wordpress users</h4>
<p>I found a large proportion of my images lying around my hard disk and trash file. Hooray. So I rapidly FTPed them across. Here are some things to watch out for if you are this lucky:</p>
<ul>
<li><strong>Folders </strong>Remember, when you upload images they go into a certain folder. Make sure you put them in the right one (probably a date-based folder structure in your wp-content/uploads/ directory).</li>
<li><strong>File names </strong>If you have multiple images with the same name (EG image53.jpg), wordpress adds a -2, -3 etc when you upload later versions to the same folder (so you don't overwrite them). Your originals on your hard drive will all have the same name. You'll have to unentangle this by manually renaming your versions. I have vowed to always give my images proper names from now on as I had about 11 called image5.jpg in 11 different folders. Grr.</li>
<li><strong>Sizes </strong>If you use the wordpress image resizer (ie you choose a medium or large image as part of the upload), wordpress will rename the image as <em>name-horizontalsize-verticalsize</em>. Your original will be just <em>name</em>. Unless the image is massive, the easiest way round this is to edit the HTML view of a particular page/post in wordpress and strip out the dimensions from the file name. The blog reader's browser will resize the image anyway (not ideal, but better than nothing).</li>
</ul>
<h3>Getting the CSS back</h3>
<p>Google doesn't store the CSS. You're stuffed here as far as I can tell unless you've saved a version somewhere.</p>
<h3>Getting your theme back</h3>
<p>If you've lost your theme (EG the files that generate the pages and include the post, your tags, categories etc etc), then it's impossible to get that back from the Google cache (despite this april fool about a <a href="http://www.smashingmagazine.com/2009/03/31/breaking-internet-explorer-81-eagle-eyes-leaked/">server side decompiler in IE8.1</a>).</p>
<h3>Conclusion</h3>
<p>If you've deleted a webpage or website, I hope this helps you get it back.</p>
<p>The Google cache isn't magic, and it's most useful for retrieving words. The best advice, of course, is to backup often, and especially before an upgrade. Even better advice for wordpress is to change the upgrade process to separate core files which need upgrading from user-uploaded ones ...</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=2883&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/googles-cache-as-backup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Meta keywords tag: Bing says carry on but Google says it&#8217;s a waste of time &#8211; but</title>
		<link>http://www.malcolmcoles.co.uk/blog/meta-keywords-tag-google/</link>
		<comments>http://www.malcolmcoles.co.uk/blog/meta-keywords-tag-google/#comments</comments>
		<pubDate>Mon, 21 Sep 2009 17:51:57 +0000</pubDate>
		<dc:creator>Malcolm Coles</dc:creator>
				<category><![CDATA[How to]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[bing]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.malcolmcoles.co.uk/blog/?p=2889</guid>
		<description><![CDATA[I've been trying to get people I work with to stop filling out meta keywords fields for ages, with varying degrees of success.

Google has come out and said this: "Does Google ever use the "keywords" meta tag in its web search ranking? In a word, no."]]></description>
			<content:encoded><![CDATA[<p>I've been trying to get people I work with to stop filling out meta keywords fields, with varying degrees of success <strong>(although read on to see that Bing says there still is some still benefit)</strong>.</p>
<p>Google has now come out and said this:</p>
<blockquote><p>Does Google ever use the "keywords" meta tag in its web search ranking?</p>
<p>A: In a word, no.</p></blockquote>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="src" value="http://www.youtube.com/v/jK7IPbnmvVU&amp;hl=en&amp;fs=1&amp;color1=0x234900&amp;color2=0x4e9e00" />
<param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="295" src="http://www.youtube.com/v/jK7IPbnmvVU&amp;hl=en&amp;fs=1&amp;color1=0x234900&amp;color2=0x4e9e00" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
There's more <a href="http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html">here</a>. But essentially, let's all stop bothering (we're not going to bother <a href="http://help.yahoo.com/l/us/yahoo/search/ranking/ranking-02.html">just for Yahoo</a>, surely - <strong>although you should still bother if your site's own search engine uses them</strong>).</p>
<p>The only slight caveat is that if Bing is important to you, you might decide the effort is still worth it - and it is growing its market share. <a href="http://www.bing.com/community/blogs/webmaster/archive/2009/07/18/head-s-up-on-lt-head-gt-tag-optimization-sem-101.aspx">Bing says</a>:</p>
<blockquote><p>The &lt;meta&gt; tag’s keyword attribute is not the page rank panacea it once was back in the prehistoric days of Internet search. It was abused far too much and lost most of its cachet. But there’s no need to ignore the tag. Take advantage of all legitimate opportunities to score keyword credit, even when the payoff is relatively low. Fill in this tag’s text with relevant keywords and phrases that describe that page’s content.</p>
<p>When creating keyword text, remember the following:</p>
<ul>
<li>Choose words that may be secondary keyword terms (save the primary keywords for use in the &lt;title&gt; and &lt;meta&gt; description tags), and even include a few, commonly seen typographical errors of primary keywords, just for good measure</li>
<li>Limit your keyword and key phrase text, separated by commas, to no more than 874 characters</li>
<li>Don’t repeat a keyword more than 4 times among the keywords and phrases in the list</li>
</ul>
</blockquote>
<p>It's still <a href="http://www.malcolmcoles.co.uk/blog/thelondonpaper-closing-seo/">important</a> to get your meta descriptions right, of course (and here's how to <a href="http://www.malcolmcoles.co.uk/blog/unique-meta-description-and-meta-keywords-in-your-wordpress-themes/">generate unique ones for your wordpress post, page, tag, archive and category pages</a> - along with tips on <a href="http://www.malcolmcoles.co.uk/blog/avoid-duplicate-meta-descriptions-in-pages-2-and-higher-of-the-wordpress-loop/">adding page numbers to them</a>).<br />
You can read more about <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=79812">which meta tags Google pays attention to</a>. And there's help with <a href="http://www.google.com/support/webmasters/bin/topic.py?hl=en&amp;topic=21997">implementing structured data tags for rich text snippets</a>.</p>
<img src="http://www.malcolmcoles.co.uk/blog/?ak_action=api_record_view&id=2889&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.malcolmcoles.co.uk/blog/meta-keywords-tag-google/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

