Adding Meta keywords to each Individual Blog Post in Blogger for Improved Presence on Google with improved SEO in 3 simple ways
 |
| Adding Meta Keywords to each Blog Post for SEO |
Instructions to Follow:
Adding Meta Keywords using Blogger Template:
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.<b:if cond=’data:blog.url == “Your Blog post URL”‘> <meta name=’keywords’ content=’Your Keywords For that particular blog post URL’ /> </b:if>
Adding Meta Keywords using Tags Ratio
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<meta name=’keywords’ content=’Your Category and Tag Pages as Keywords’ />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.<b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageName + ",keyword1,keyword2,keyword3,keyword4 ," + data:blog.title ' name='keywords'/> <b:else/> <meta content='Your most used tags and categories)'/> </b:if>
Adding Meta Tags using Google's recommended Meta Tag (Pushstate SEO)
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.<meta name="fragment" content="!">
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: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.<meta name="keywords" content="Add whatever you want or add some dummy keywords">
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)<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>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.<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
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.
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.