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:
COPY ALL 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 == "index"'><data:blog.pageTitle/><b:else/><b:if cond='data:blog.pageType != "error_page"'><data:blog.pageName/> | <data:blog.title/><b:else/>404 | <data:blog.title/></b:if></b:if></title>
<b:if cond='data:blog.metaDescription != ""'>
<meta property='og:description' expr:content='data:blog.metaDescription' />
</b:if>
<b:if cond='data:blog.postImageUrl != ""'>
<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.
No comments:
Post a Comment