Friday 25 July 2014

3 ways to add Meta Keywords to each Blog Post in Blogger

Adding Meta keywords to each Individual Blog Post in Blogger for Improved Presence on Google with improved SEO in 3 simple ways

how to add meta keywords to each blog post in blogger via geniushowto.blogspot.com 3 ways to Google SEO meta keyword guideline
Adding Meta Keywords to each Blog Post for SEO
Apart from writing and creating awesome content one thing that a blogger or a freelance writer concentrates the most on is SEO (search engine optimization) and work really hard in optimizing their blog posts, blog titles, keywords and more so that they are not left behind by the competitor sites which with the help of SEO packages, social media presence and link building get ranked higher in Google while the bloggers lacking such resources and SEO knowledge try their best to optimize their sites for search engines by using various Google and other SEO checker based guidelines on search engine optimization. One of the very basic and yet very important part of SEO is meta tags which play a crucial role in getting your site visible in search engines like Google,Yahoo, Bing, etc which use your meta tags to display your content on searched for related search queries and one of them is meta keywords which plays a crucial role in tagging your content better, although Google has deprecated the percentage of importance of these meta keywords, they still exist and play their role especially in client served apps and sites like eCommerce which consists of millions of products under various categories. So let's get started with adding Meta Keywords to Individual blogger blog posts which are not supported by meta keywords although they have slots of meta descriptions. The how to consists of 3 simple ways of adding Meta Keywords to your blog posts.

Instructions to Follow:

  1. Adding Meta Keywords using Blogger Template:

    Actually adding meta keywords to individual blog posts is quite easy via the blogger template by using the selective targeting of meta tags for each written post by following the below code:
    <b:if cond=’data:blog.url == “Your Blog post URL”‘>
    <meta name=’keywords’ content=’Your Keywords For that particular blog post URL’  />
    </b:if>
    Just replace the above code with the respective blog post URL and post keywords as marked in green and red and place them after the <title> tag in your blogger template or the modified <title> tag in case you have already optimized your blog post titles. Now this method is not a feasible one since one can't write keywords for all of their posts, just imagine writing keywords this way for 60 articles itself will make your template so big that it will instantly crash before loading as Blogger limits the size of the template and the posts served on the homepage and any crossed bandwidth limits will cause your blog to break. So avoid this method at all costs.
  2. Adding Meta Keywords using Tags Ratio

    Tags or categories is one of the most crucial parts in keeping a blog or website organized and in fact should be used carefully to avoid redundant pages being served under different category or tag pages. Well the trick here is to target your tags and narrow them down to include the most used keywords under that section. You can use textalyser.net to get an idea of your most used keywords and narrow them down accordingly using the tags section. Finally add these narrowed down categories as your meta keywords which work for both Homepage, category pages and individual blog posts as well.
    <meta name=’keywords’ content=’Your Category and Tag Pages as Keywords’  />
    Now just add the above code below your <title> tag in your blogs template. This way meta tags are visible for all your pages improving both SEO and rankings. Make sure to include these tags as cloud tags in the sidebar and also in the navigation Bar and footer. Now comes the coolest part to see XML and data tags in action, just add the following optimized code
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageName + &quot;,keyword1,keyword2,keyword3,keyword4 ,&quot; + data:blog.title '  name='keywords'/>
    <b:else/>
    <meta content='Your most used tags and categories)'/>
    </b:if>
    In the above code replace keywords in second line (marked in green) with you most used tags each separated by a comma. Do not use more then 4 or 5 most used tags.While in the 5th line marked in red replace it with the code we prepared in first code of this method. The code serves as keywords for both homepage and individual blog posts including your title and blog name as keywords with the help of data tags thereby serving SEO optimized tags in your title tag as keywords to your content.
  3. Adding Meta Tags using Google's recommended Meta Tag (Pushstate SEO)

    Well this method also known as Pushstate SEO is a very highly SEO optimized technique which is mainly used for websites serving dynamic content via Javascript or other client based and server based scripts. While PHP usage could have been the simplest to use, but unfortunately Blogger doesn't support PHP serving maybe because Blogger creators are too lazy to update the platform. While that being said the following method is crawler friendly that is normally Google and Yahoo crawlers don't crawl content served with Javascript but with this method they can.So in order to serve unique meta keywords for our Individual blogger posts first a fall we must include the Google crawler meta tag for our site or blog by adding the following meta tag (HTML5) after the <title> tag or somewhere in the head section:
    <meta name="fragment" content="!">
    Well basically the above meta tag scans the displayed content into parsed HTML by adding a #! to the end of your blog post urls and then is served as completely different page to the crawler which otherwise would be invisible because crawlers can't see Javascript executions as they don't run them at all, making Javascript served content non crawlable.

    Serving Meta Keywords with Javascript

    Now that we have added an Google crawler friendly meta tag to your blog let's serve the meta keywords using Javascript. This method is generally used to serve lots of meta data but since we only require meta keywords we will only use them. Start by adding an dummy meta keyword in the head section of your blog (preferably after the title tag) like the one below:
    <meta name="keywords" content="Add whatever you want or add some dummy keywords">
    Now lets target this meta keyword with Javascript and serve unique keywords for each blog post. To do so add the following script at the end of your blog post by switching to HTML view for your blog post and edit the red section with the keywords of your that particular blog post.
    <b:if cond='data:blog.pageType == "item"'>
    <script type='text/javascript'>
    $(document).ready(function() {
        $('meta[name=keywords]').remove();
        $('head').append( '<meta name="keywords" content="Add your blog posts respective keywords"/>' );
    });
    //**Script by Nell @ geniushowto.blogspot.com (Keep Intact)**
    </script>
    </b:if>
    Since above code is in Jquery you need to include Jquery library in the head section of your template by including the following script just before the </head> section of your blog. (Ignore this step if you already have Jquery Installed)
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    If you don't wish to use Jquery then you can always use Javascript by adding an ID to the dummy meta keyword tag and then removing it by getElementById part of Javascript then removing the child element and then adding your respective keywords dynamically. After you add all these codes you are done with adding meta keywords to your individual blog posts which you won't be able to see but web crawlers will be.
    The above method is very useful for sites unable to use PHP or are using Javascript to add content dynamically particularly Java based apps. The above method makes crawling equivalent to PHP served content all thanks to HTML5 meta fragment tag.
Just use the above methods to add meta keywords to each of your Individual blog posts with priority order from 3>2>>>1 with method 3 being the most optimized version, method 2 holds its ground while method 1 is plain ridiculous to use.There was also a talk about a method 4 of serving meta keywords inside your blog posts but usually meta tags are served in the head section and only a few Iphone,tumblr and Opera based clients are able to pull these meta keywords from the body and serve it in Head section but is inconsistent with other modern browsers and crawlers.Meanwhile Method 3 not only serves meta data to crawlers it also serves the Javascript widgets like Popular posts or related posts to the crawlers which are otherwise not crawled.

Note for Developers: Those serving extensive Javascript or other server side script based platforms like Angular JS can use the method 3 to add meta data effortlessly apart from that you can also use prerender.io which works in the similar manner of serving Pushstate of the sites rendered by Javascript to the crawlers.