Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

A Complete Guide to add Meta Tags to Each Blogger Post

Do you really getting enough organic search traffic results from search engines like Google, Bing or Yahoo, even though you have great unique quality content on your blog? Most of the people says "No" because there is something missing in your blog post i.e. Meta tags. 
A Complete Guide to add Meta Tags to Each Blogger Post
Meta tags are snippets of text that describe a page's content and don't appear on the page itself. The search engine crawlers find out the exact information of a webpage with the help of Meta tags. 


How to check Meta Title, Keywords and Description on blogger post

You can find out whether a given blogger post is using Meta tags or not by right click anywhere on the blog post and tap on "View Page Source". A pop up window will appear in Firefox (new tab will open in Chrome), now try to find meta tags at the top or head of the page.

The meta tags will look something like this 

check Meta Title, Keywords and Description

Also See : How to use Alt tags in Blogger Images

You can also use this website to check Meta tags on blogger post 

How to check Meta Title, Keywords and Description on blogger post

How to add Meta Titles, Keywords and Description to each Blogger Post

Go to your blogger Dashboard and click on Template. We recommend you to Backup Your Template before making any changes to your blogger Template. Click on Edit HTML > Proceed > Expand Widget Templates



Also See : How to Prevent Copying Your Blog Content


Now search for <title> tag and add the following code like shown in image. 

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    <meta expr:content='data:blog.metaDescription' name='keywords'/>
 </b:if>
 <meta content='FOLLOW,INDEX' name='robots'/>

Note : You can also add this code just above </head> tag.

How to add Meta Titles, Keywords and Description to each Blogger Post


How to enable Search Description in Blogger
To enable search description, click on Setting Tab and tap on Search Preferences. Now enable search description, and enter the suitable keywords that describe your blog. 

Also See : How to Create High Quality Backlinks
 
When you publish new blog post, enter proper keywords in search description area that matches your blogger post content.

If you have any question about Meta tags, sound off at the comments section below.

How to Prevent Blogger from redirecting to Country Specific Domains

Google redirects their Blogger blogs to country specific domain extension since 2012. For Example open socialmedialoud.blogspot.com in your web browser, you will be redirected to socialmedialoud.blogspot.in if you are located in India or socialmedialoud.blogspot.fr if you are accessing the blog from France. Blog redirection only occurs if you are on a blogspot domain and country specific redirection not apply to custom domains. 
From my blog traffic log, it is sure that country specific redirection in Blogger is live in at least 15 countries. They are Argentina (blogspot.com.ar), Australia (blogspot.com.au), Brazil (blogspot.br), Canada (blogspot.ca), Germany (blogspot.de), India (blogspot.in), Italy (blogspot.it), France (blogspot.fr), Japan (blogspot.jp), Mexico (blogspot.mx), Portugal (blogspot.pt), Spanish (blogspot.cl), Sweden (blogspot.se)

 

To avoid country specific redirection in your Blogger blog, follow these simple steps given below.  

Login to Blogger account. Click on Template > Edit HTML > Press Ctrl + F to find <head> and press enter. Now copy one script from given below and paste it after the <head> and click on "save template". Now your Blogger Blog will always serve with the blogspot.com URL.
============================================
<script type="text/javascript">
 
  /* Get the full URL of the current blogger page */
  var blog = document.location.href.toLowerCase();

  /* Do not redirect if the domain is .com already */
  if (!blog.match(/\.blogspot\.com/)) {

    /* Replace the country TLD with .com and ncr switch */
    blog = blog.replace(/\.blogspot\..*?\//, ".blogspot.com/ncr/");

    /* Redirect to the new .com URL in the current tab */
    window.location.replace(blog);
  }
 </script>

============================================

Also See : How to Get Google Adsense Approved Account
============================================
<script type="text/javascript">
      var blog = document.location.hostname.split(".");
      if (blog[blog.length - 1] != "com") {
      var ncr = "http://" + blog[0] + ".blogspot.com/ncr";
      window.location.replace(ncr + document.location.pathname);   
      }
    </script>
 
============================================

Also See : How to Use Alt tags in Blogger Images
============================================
<script type="text/javascript">
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);
}
</script>

============================================

How to Add a Contact Form in Blogger Blog

Most of the blog don't have a contact form which is highly important for website or blog. Adding a contact form to Blogger can be done with a few coding tweaks. You can see contact form offered by Blogger in add a Gadget popup but unfortunately they've made it as a Gadget and placed it on the Layout page so that it is added to your sidebar. 


How to Add a Contact Form in Blogger Blog
To add contact form in your blog follow the procedure. Login to your Blogger account and click on Pages > Blank Page. Create a new page in your blog with page title "Contact Us". 



You have to switch to the HTML mode and paste the following code and replace blogger ID (like 6655176397219971080) . You can find your blogger ID on the URL bar of your browser when you are on any page of blog's dashboard.  Now click on Options and disable Readers comments by tick on "Don't allow, Hide Existing" . 


Once the page is published, go to this new page fill out the contact form, click on the send button and verify that it sends out the email to all the Blog admins.


 


How to Use Alt tags in Blogger images

Most common mistake done by many blogger is that they forget to put alt tag in images due to which loss of organic traffic. Do you know alt tag is very important in Google Blogger to increase blog ranking and organic traffic. You don't have any plugin in blogger like WordPress plugin in order to get alt tag in images. 

how to use alt tags in blogger images

Alt tag is a part of Search Engine Optimization (SEO) and Google image search tool is most popular service to find images, graphics and icons from all around the Web. In order to get more organic traffic from Google search engine always use atleast one image in your blog post with proper alt tag. 


How to Use Alt tag in Blogger

Login to your blogger account and click on post. You can either upload a fresh image for New post or use existing image in the Published post. Click on image > Properties. It will open a pop up with image properties like Title text and Alt text. 

blogger image properties alt tags
  Add the Title text and Alt text related to your Post, for example if you writing a Post about How to download torrent directly, Just use Download torrent directly in Title text and How to download torrent directly in Alt text. 

Note : Don't use special characters like @, $, %, &, *, ^, ! and more than 15 words in  Alt text and Title text.

There is another method to add Alt text in blogger. To do so, click on post > html view > Press Ctrl + F. Now find img and add alt="image keyword" after it. Replace image keyword with alt text .  To add Title text, find title and replace image title with Title text something like this. 

Also See : Best Methods to Remove Powered by Blogger


<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeHv2G16DQbmxXLSysff5VRLcxNBgKB157d43RjzzDBv49FgHjj8cx4Gxpph1otlny3ovMYJolk9O3ycjetBAo25Griz-uB6HLAVapfma-4rbzzYQrQwB_aWDp90_uXJZCc2a-jDJ5v2i9/s1600/How+to+Stop+Videos+Playing+Automatically+on+Facebook.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="image keyword" border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeHv2G16DQbmxXLSysff5VRLcxNBgKB157d43RjzzDBv49FgHjj8cx4Gxpph1otlny3ovMYJolk9O3ycjetBAo25Griz-uB6HLAVapfma-4rbzzYQrQwB_aWDp90_uXJZCc2a-jDJ5v2i9/s640/How+to+Stop+Videos+Playing+Automatically+on+Facebook.jpg" title="image title" width="640" /></a> 


 
If you have any other methods to use Alt text in blogger, lets us know by commenting below.