Tuesday, June 6

Structured Data For Blogger News Articles

Structured Data For Blogger News Articles

Adding structured data in your news, blog, and sports article page can enhance your appearance in Google Search results. Enhanced features include entry in a top stories carousel and rich result features such as headline text and larger thumbnail images.


AMP pages with structured data can appear in a carousel of rich results in mobile search results. These results can include images, page logos, and other interesting search result features. Non-AMP web page with structured data: Non-AMP article pages that include structured data can increase the likelihood of appearing in search results with rich result features or appearing in a top stories carousel.

How to add structured data for articles in blogger ?

Step1: Go to blogger > Theme >  Edit html and search for <div class='post-footer-line post-footer-line-2'>

Step2: Paste below codes before <div class='post-footer-line post-footer-line-2'> tag.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='application/ld+json'>
{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:post.title/>"
  },
  "headline": "Article headline",
  "image": {
    "@type": "ImageObject",
    "url": "<data:post.firstImageUrl/>",
    "height": 800,
    "width": 800
  },
  "datePublished": "<data:post.timestampISO8601/>",
  "dateModified": "<data:post.timestampISO8601/>",
  "author": {
    "@type": "Person",
    "name": "<data:post.author/>"
  },
   "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title/>",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK6okU1uIoKsDwosrCkfEwhI9QEiMJ1u3uRxBRQYdNSWnb36HZMnb_r_y3QnTdRX7s-kW_tDCnotjkjqyJvaWdpaGMAAVg2M-Hgib5B4TP1RAw-XAx4qhXh9BNE5aHP_p_5uHq_hWrXjc0/s1600/blue-028.jpg",
      "width": 600,
      "height": 60
    }
  },
  "description": "<data:post.snippet/>"
}
</script>
</b:if>

Step3: Change red bold text with your blog logo URL and save changes.