Required microdata tags for catalogues

30/11/2019

You can use the Facebook pixel to create a catalogue for the products you sell on your website. This type of catalogue uses activity from your pixel to add products to your catalogue. Whenever someone views a product page on your website, it triggers a pixel fire and then adds the product to your catalogue. Before you can successfully add a product to your catalogue, you first need to add required tags that include information about the product called microdata – on its product page.

Note: You can only create e-commerce catalogues with the Facebook pixel. If you want to create another type of catalogue, upload a data feed instead.

There are two protocols that you can use to add the microdata: OpenGraph or Schema.org. Depending on the type of protocol you choose, the microdata needs to be in the right location on your website:

  • OpenGraph: Place the microdata in the header of your website.
  • Schema.org: Place the microdata across the product page where the products are located.
  • JSON-LD for Schema.org: Place the microdata within the script tag (see the example below).

Here are the required tags that you need to use when adding the microdata:

OpenGraph
  • og:title: The title of the item.
  • og:description: A description of the item.
  • og:url: The complete URL for the product page.
  • og:image: A link to the image used on the product page.
  • product:brand: The brand name of the item.
  • product:availability: The current availability of the item. You can choose "in stock", "out of stock", "preorder", "available for order" or "discontinued".
  • product:condition: The current condition of the item. You can choose "new", "refurbished" or "used".
  • product:price:amount: The current price of the item. The current price of the item. Don't include symbols like "£" in the price.
  • product:price:currency: The currency for the price. The currency for the price, in ISO format (for example, GBP).
  • product:retailer_item_id: The retailer's ID for the item.

Example

...
 
 
 
 
 
 
 
 
 
 
...
Schema.org
  • name: The title of the item.
  • brand: The brand name of the item.
  • description: A description of the item.
  • productID: The retailer's ID for the item.
  • URL: The complete URL for the product page.
  • image: A link to the image used on the product page.
  • price: The current price of the item. Don't include symbols like "£" in the price. Include this entry under "offers".
  • priceCurrency: The currency for the price, in ISO format (for example, GBP). Include this entry under "offers".
  • availability: The current availability of the item. You can choose "in stock", "out of stock", "preorder", "available for order" or "discontinued". Include this entry under "offers".
  • condition: The current condition of the item. You can choose "new", "refurbished" or "used". Include this entry under "offers".

Example

...
...
7.99
...
...
JSON-LD For Schema.org

Extracted from schema.org/Product

  • name: The title of the item.
  • brand: The brand name of the item.
  • description: A description of the item.
  • productID: The retailer's ID for the item.
  • URL: The complete URL for the product page.
  • offers: vector of objects of type schema.org/Offer
  • image: A link to the image used on the product page.
Extracted from schema.org/Offer (as a part of product offers)

  • price: The current price of the item. Don't include symbols like "£" in the price. Include this entry under "offers".
  • priceCurrency: The currency for the price, in ISO format (for example, GBP). Include this entry under "offers".
  • availability: The current availability of the item. You can choose "in stock", "out of stock", "preorder", "available for order" or "discontinued". Include this entry under "offers".
  • condition: The current condition of the item. You can choose "new", "refurbished" or "used". Include this entry under "offers".

Example

After you add the required microdata to your website, learn more about using Catalogue Manager to create a catalogue with your Facebook pixel.

* Nguồn: Facebook