Portal | Homepage | Blog

Enhance Pinterest with Rich Pins (New Meta Tags available to improve your SEO)


#1
We are delighted to announce that new meta tags are available in our ‘Beta’ and 5 branch. Meta tags are HTML elements that are used in optimizing your webstore. These tags can affect conversions and click-through rates hugely. Here is the code you need to add the Open Graph meta tags in the Header:
{if (pageproperty[‘pageid’] eq ‘product’)}
<meta property=“og:site_name” content=“{STORENAME}” />
<meta property=“og:type” content=“product” />
<meta property=“og:title” content=“{product[‘product_name’]}” />
<meta property=“og:image” content=“{UNSECURE_URL}{product[‘default_image’]}” />
<meta property=“og:description” content=“{defaultmetatags[‘description’]}” />
<meta property=“product:price:amount” content=“{product[‘product_priceweb’]}” />
<meta property=“product:price:currency” content=“{ns:getCurrency}” />
{if (product[‘product_stock’] gt 0)}
<meta property=“og:availability” content=“instock” />
{else}
<meta property=“og:availability” content=“outofstock” />
{endIf}
<meta property=“og:upc” content=“{product[‘product_code’]}” />
{if (product[‘product_priceweb’] ne product[‘product_price’])}
<meta property=“og:price:standard_amount” content=“{product[‘product_price’]}” />
{endIf}
{if (product[‘product_brandname’])}
<meta property=“og:brand” content=“{product[‘product_brandname’]}” />
{endIf}
{if (product[‘product_rating_count’] ne 0)}
<meta property=“og:rating” content=“{product[‘product_rating_customer’]}” />
<meta property=“og:rating_scale” content=“5” />
<meta property=“og:rating_count” content=“{product[‘product_rating_count’]}” />
{elseIf (product[‘product_rating’] ne 0)}
<meta property=“og:rating” content=“{product[‘product_rating’]}” />
<meta property=“og:rating_scale” content=“5” />
<meta property=“og:rating_count” content=“1” />
{endIf}
<link rel=“canonical” href=“{product[‘product_canonical_link’]}”/>
<meta property=“og:url” content=“{product[‘product_canonical_link’]}” />
{nsIf:EnableTwitterCard}
<meta name=“twitter:card” content=“summary” />
<meta name=“twitter:url” content=“{product[‘product_canonical_link’]}” />
<meta name=“twitter:title” content=“{product[‘product_name’]}” />
<meta name=“twitter:description” content=“{defaultmetatags[‘description’]}” />
<meta name=“twitter:image” content=“{UNSECURE_URL}{product[‘default_image’]}” />
{/nsIf:EnableTwitterCard}
{endIf}

You will need to select the correct meta tag associated with the unique identifier used by your products (ISBN, EAN, UPC):

<meta property=”og:upc” content=”{product[‘product_code’]}” />

The accepted values for the property are: og:upc, og:ean or og:isbn.
If your item has colours defined in any field, e.g. ‘product_subdescription1′ = ‘Black’ you could add the following meta tag:

{if (product[‘product_subdescription1′])}
<meta property=”product:color” content=”{product[‘product_subdescription1′]}” />
{endIf}

You can find a full list of Open Graph tags supported by Rich Pins here. (Search for ‘og:’)
These meta tags allow your product pages to convey information that will easily read and understood by Google and Facebook.
Furthermore you will be able to add your products to Rich Pins. Pinterest is continuously expanding their functionality and their latest addition includes extra information right on the Pin itself as current pricing details. These Pins will link directly to your product page, leading Pinterest users back to your website. You can find more information about Rich Pins here.
Once that you have added the Open Graph meta tags in the header you can validate if they are working as expected here. You should see an image like this:

Open Graph was used for the examples here as because all major platforms can use it as a fallback, but nothing stops you to add other meta tags with the new Nitroscript variables available.


Pinterest Pin It button intermittantly doesn't work
#2

@belen_ibanez Could you do these changes for me

Thanks a mill
David


#3

Hi David,

Sure.

@peter_szczepanowski, would you mind assisting David with this, please?

Thanks,
Belen