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 (14)