# Open Graph Tags for Products

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.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FMNNzjbtlIvU3ZebOq3Ad%2Fimage.png?alt=media&#x26;token=92c8eafe-a8a0-40a7-868c-163e5f73c632" alt=""><figcaption></figcaption></figure>

* **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.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FgLWCTGQ9vwox6ulcQaEV%2Fimage.png?alt=media&#x26;token=bcddeab7-7041-49d0-9271-1e43176f12e6" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F0hoqzgNxMejM5menFonK%2Fimage.png?alt=media&#x26;token=76458304-5423-455d-b233-63e935acf763" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FVO62GImeaS2nHXtJ6Kuw%2Fimage.png?alt=media&#x26;token=f47797a3-9921-4c53-a409-691b44ec2572" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FTijEaOZXkIe93o0NgpXe%2Fimage.png?alt=media&#x26;token=4fddbcda-8fb7-4993-828f-9cd59d88b4d0" alt=""><figcaption></figcaption></figure>

Likewise, it will automatically take the product name as OG Title for the particular product.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FYhmh76ec1HTPw1wU12xk%2Fimage.png?alt=media&#x26;token=bae2d83c-df54-4b7a-b9bf-9e3d5de3e808" alt=""><figcaption></figcaption></figure>
