Open Graph Tags for Products
Last updated
Last updated
You can add product-specific open graph tags using this extension.
For that, go to Catalog > Products and open your desired product in Edit mode. Now move to the Open Graph Metadata tab and enlarge it.
OG Title: Add an open graph title for this product.
OG Description: Add an open graph description for this product.
Now, enlarge the Images and Videos tab and open the Product image.
Select the OG Image role to add an open graph image for this product.
Now, in the storefront, open this product page. Right-click and select View Page Source or press Ctrl+U. You can find that the Open Graph Tags have been successfully added in the <head> section of the page as per your configuration settings.
If you have added a short description to the content section of products, it will automatically add it to the OG Description.
For that, go to Catalog > Products and open your desired product in Edit mode. Now move to the Content tab and enlarge it. Add a Short Description of the product.
Now move to the Open Graph Metadata tab and enlarge it. You will find that the short description content is automatically added to the OG Description field.
Likewise, it will automatically take the product name as OG Title for the particular product.