Sunday, February 21, 2010

Meta tags for Blogger pages

Someone just asked this question on a discussion board that I visit often, and it inspired me to give it a go. The procedure is the same as the one commonly used for adding custom meta tags to important posts, except that the URL is for your static Blogger Page instead of a post. You will need to edit your template to insert a Blogger conditional code block that detects the URL of the page currently displayed, and inserts the meta tags if there's a match. Details are shown below.

As always, backup your template before making changes to it. The easiest way to do this is to go to your Blogger Layout tab, select Edit HTML, then Select all template content (CTRL-A), copy it (CTRL-C), and paste it (CTRL-V) into your favorite text editor until you know everything is still working.

Then, insert a blogger conditional code block in the template's <head> tag, right after your blog title, as shown below:

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.url == "http://yourblog.blogspot.com/p/pagename.html"'> <meta content='Your description of static blogger page' name='description'/> <meta content='word1, word2' name='keywords'/> </b:if>
<b:skin><![CDATA[/*

Of course, you need to replace the page URL, description content and keyword content with our own. Insert one of these conditional blocks for each of your Blogger Pages. Yes, it's a bit of a pain, but at least you won't have as many pages as posts. Blogger will change the double quotes around your URL to the entity &quot; but that's alright. I tried it with my new "About" page, and it works fine. Blogger users have waited a long time for a static page feature, and I'm very happy they implemented it. So much nicer to have this option without hacking posts to make them seem like static pages!

Posted by araby at 9:37 AM
Labels: , ,

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)