> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-open-graph-tags-extension/open-graph-tags-for-cms-pages.md).

# Open Graph Tags for CMS Pages

You can add open graph tags for CMS pages using this extension.

For that, go to **Content > Pages** and open your desired CMS page 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%2Fr0IWMaP6A2ajaZ7YNPfA%2Fimage.png?alt=media&amp;token=998ff79d-6590-4478-86d3-d86cb4856755" alt=""><figcaption></figcaption></figure>

* **OG Title:** Add an open graph title for this CMS page.
* **OG Description:** Add an open graph description for this CMS page.
* **OG Image:** Upload an open graph image for this CMS page.

Now, in the storefront, open this CMS 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%2FvOuNYvKMLhEOekig8SM9%2Fimage.png?alt=media&amp;token=f2ca752d-f226-43d2-893c-ca71b1b8846a" alt=""><figcaption></figcaption></figure>

If you have added a description to the content section of CMS pages, it will automatically add it to the OG Description.

For that, go to **Content > Pages** and open your desired CMS page in **Edit** mode. Now move to the **Content** tab and enlarge it.  Add a **Description** of the CMS page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FFDB8NUg4h6tfl9ZE5HUh%2Fimage.png?alt=media&amp;token=81a50428-702f-443f-ad30-974a1002e046" alt=""><figcaption></figcaption></figure>

Now move to the **Open Graph Metadata** tab and enlarge it. You will find that the 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%2FL8Ose4akHYDLH2WzaVbP%2Fimage.png?alt=media&amp;token=b41886a2-daac-40ff-8680-bef201bf3648" alt=""><figcaption></figcaption></figure>

Likewise, it will automatically take the CMS page name as OG Title for the particular CMS Page.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FbFgEwlLQX2a9ylCnuAEa%2Fimage.png?alt=media&amp;token=26f265d5-2b67-4b2a-b45d-945f3e39bd7b" alt=""><figcaption></figcaption></figure>
