Join our Telegram group to get instant answers to all your questions, stay updated with the latest posts, and receive regular updates: Join Now!.

Adding Product Structured Data To Articles

Learn how to use Product structured data types to improve your Blogspot posts' appearance in Google search results.
Adding Product Structured Data to Articles

If you have a small blog selling products or plan to create a similar blog in the near future, you can refer to my post below on how to add Product structured data to each article.

Keyword, Tag, Search Keyword: How to add Product structured data in each article

First, familiarize yourself with Product structured data through introductions and tutorials from Google. Adding Product structured data to your articles enables this data to appear below the article in Google's search results, as shown in the image below.

Adding Product Structured Data to Articles

Note:
To ensure the accuracy of structured data and avoid duplication across posts, it's essential to utilize the article data tags provided by Blogspot. These tags allow you to customize the data for each post, ensuring unique results for each article. By incorporating these tags effectively, you can enhance the visibility and relevance of your blog posts in search results.

Here are the essential data tags for Blogspot articles:

  • data:post.id: Unique identifier for the article.
  • data:post.title: Title of the article.
  • data:post.featuredImage: URL of the featured image for the article.
  • data:view.description: Search description for the article.
  • data:post.url.canonical: Canonical URL of the article.
  • data:label.name: Name of the label for the article (one label only).
  • data:post.numberOfComments: Number of comments on the article.
  • data:post.author.name: Name of the author of the article.

Using these tags, you can ensure that each article has unique and accurate structured data for optimal search engine visibility.

To integrate the default Blogspot comment system, you can insert XML code into a Blog widget. This code should be placed within a specific tag in your article's HTML. This tag acts as a placeholder, ensuring that the comment section appears correctly within your article.

<b:includable id='post' var='post'>

....

<!-- Schema product code -->

<b:if cond='data:view.isPost'>

<div style='display:none'>

  <div itemscope='' itemtype='http://schema.org/Product'>

    <meta expr:content='data:post.id' itemprop='mpn'/>

    <meta expr:content='data:post.title' itemprop='name'/>

    <link expr:href='data:post.featuredImage' itemprop='image'/>

    <meta expr:content='data:post.snippet' itemprop='description'/>

    <div itemprop='offers' itemscope='' itemtype='http://schema.org/Offer'>

      <link expr:href='data:post.url.canonical' itemprop='url'/>

      <meta content='https://schema.org/InStock' itemprop='availability'/>

      <meta content='INR' itemprop='priceCurrency'/>

      <meta content='https://schema.org/UsedCondition' itemprop='itemCondition'/>

      <meta expr:content='data:post.labels[0].name' itemprop='price'/>

      <meta content='2024-02-19' itemprop='priceValidUntil'/>

      <div itemprop='seller' itemscope='' itemtype='http://schema.org/Organization'>

        <meta content='Name of organization, company, website selling products' itemprop='name'/>

      </div>

    </div>

    <div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating'>

      <meta expr:content='data:post.numberOfComments' itemprop='reviewCount'/>

      <meta content='4' itemprop='ratingValue'/>

    </div>

    <div itemprop='review' itemscope='' itemtype='http://schema.org/Review'>

      <div itemprop='author' itemscope='' itemtype='http://schema.org/Person'>

        <meta expr:content='data:post.author.name' itemprop='name'/>

      </div>

      <div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'>

        <meta content='4' itemprop='ratingValue'/>

        <meta content='5' itemprop='bestRating'/>

      </div>

    </div>

    <meta expr:content='data:post.id' itemprop='sku'/>

    <div itemprop='brand' itemscope='' itemtype='http://schema.org/Thing'>

      <meta content='Product brand' itemprop='name'/>

    </div>

  </div>

</div>

</b:if>

Replace the following code data with your actual product information:

  • <meta content='Product Brand' itemprop='name'/>: Replace 'Product Brand' with the actual brand name of your product.
  • <meta content='Name of organization, company, website selling products' itemprop='name'/>: Replace 'Name of organization, company, website selling products' with the actual name of your organization, company, or website selling the products.
  • <meta content='2024-02-19' itemprop='priceValidUntil'/>: Replace '2024-02-19' with the date until which the price of the product is valid.
  • <meta content='INR' itemprop='priceCurrency'/>: Replace 'INR' with the currency code of the price (e.g., USD, EUR, GBP).

Note:
For the availability date, ensure regular updates if it is overdue. Customize the number of comments (marked in blue) using the following conditions for displaying the comment number:

  • If the number of reviews is less than 3 => reviewCount = number of comments + 3, ratingCount = 3
  • If the number of comments is between 3 and 5 => reviewCount = number of comments + 5, ratingCount = 3.5
  • If the number of reviews is between 6 and 8 => reviewCount = number of comments + 8, ratingCount = 4
  • If the number of reviews is between 9 and 11 => reviewCount = number of reviews + 11, ratingCount = 4.5
  • If the number of comments is above 11 => reviewCount = number of comments + 14, ratingCount = 5

Once you've added and edited the structured data, you can check the results using the article URL at one of these two Google addresses:

  1. Google Structured Data Testing Tool
  2. Google Rich Results Test

After verifying that the structured data is correct and error-free, you should wait a few days for Google to update the search results of the article. This allows Google to add the product data you included in the article, ensuring it is displayed correctly in search results.

Versatile Professional | Blogger, Web Developer, & Trader | Bridging Content Creation, Tech Innovation, & Financial Markets

You may like these posts

2 comments

Enter Image URL / Code Snippets / Quotes / name tag, then click parse button accordingly that you have entered. then copy the parse result and paste it into the comment field.


  1. Legends use this to show rating default 🗿💯
    <script type='application/ld+json'>{

    &quot;@context&quot;: &quot;https://schema.org/&quot;,

    &quot;@type&quot;: &quot;CreativeWorkSeries&quot;,

    &quot;name&quot;: &quot;Dk technozone&quot;,

    &quot;aggregateRating&quot;: {

    &quot;@type&quot;: &quot;AggregateRating&quot;,

    &quot;ratingValue&quot;: &quot;4.9&quot;,

    &quot;bestRating&quot;: &quot;5&quot;,

    &quot;ratingCount&quot;: &quot;4970&quot;

    }

    }</script>

    1. Nice One
Cookie Consent

We use cookies on our website to analyze traffic, enhance your browsing experience, and remember your preferences. By continuing to use our site, you consent to our use of cookies. You can manage your cookie preferences in your browser settings. For more information, please read our Privacy Policy.

Google Translate
Bookmark Post