LoginCreate an Account

SEO note Sep 2014 – Blogger Header Meta Tags Update

My customer sent me a feedback about they can not share post via Pinterest because post image that’s declared in Header Meta Tags is


My customer sent me a feedback about they can not share post via Pinterest because post image that’s declared in Header Meta Tags is too small.

This bug can make your site lost visitors from a big Social Network like Pinterest, so I suggest a new Header XML Code for Blogger template with right meta tag for Pinterest.

In this code, I will use new global layout data tag of Blogger: data:blog.postImageUrl (old is data:blog.postImageThumbnailUrl). This data tag will show the full image of post instead of the thumbnail (with 72×72 pixel size).

Access Template / Edit HTML and replace your header XML code of your template as below code:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    
    <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:include data='blog' name='all-head-content'/>
 <title><b:if cond='data:blog.pageType == &quot;index&quot;'><data:blog.pageTitle/><b:else/><b:if cond='data:blog.pageType != &quot;error_page&quot;'><data:blog.pageName/> | <data:blog.title/><b:else/>404 | <data:blog.title/></b:if></b:if></title>
 
 <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  <meta property='og:description' expr:content='data:blog.metaDescription' />
 </b:if>
 <b:if cond='data:blog.postImageUrl != &quot;&quot;'>
  <meta expr:content='data:blog.postImageUrl' property='og:image'/>
 </b:if>

Hope all blog masters will apply this update as soon as possible to increase traffic from Pinterest, special with photography blogs.

Load Comments (6)

4 Factors Affect Website Speed and How to Check

For web-masters, increase their website loading speed is always the top issues to bring the best experience for the visitor. If a website ... READ MORE


Active Search References and Make Blogger Better for SEO

Blogger (Blogspot) upgraded their SEO features, and one of them allows you enable search references for better SEO effect on your blog. In ... READ MORE