Scribd Logo
Upload

Welcome to Scribd!

  • Open Graph Tags For Magento 2

    Uploaded by

    MageComp - Magento Development Company
    35 views8 pages
    Magento 2 Open Graph Tags enhance your webpage’s link previews on social media that catch customers’ attention, thus increasing web traffic and conversions.

    Original Title

    Open Graph Tags for Magento 2

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Magento 2 Open Graph Tags enhance your webpage’s link previews on social media that catch customers’ attention, thus increasing web traffic and conversions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    35 views8 pages

    Open Graph Tags For Magento 2

    Uploaded by

    MageComp - Magento Development Company
    Magento 2 Open Graph Tags enhance your webpage’s link previews on social media that catch customers’ attention, thus increasing web traffic and conversions.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 8

    Open Graph Tags for Magento 2

    Open Graph Tags Extension for Magento 2 enhances your web page’s link previews on social
    media that catch customers’ attention, thus increasing web traffic and conversions.

    Table of Content
    1. Configuration & Default Open Graph Tags
    2. Open Graph Tags for Products
    3. Open Graph Tags for Categories
    4. Open Graph Tags for CMS Pages
    5. Open Graph Tags Display on Social Media
    1. Configuration & Default Open Graph Tags

    Once you have successfully installed the extension, go to Stores -> Configuration to configure
    the extension for use. Here you can find various settings for the extension.

    ● Open Graph Tags: Enable or Disable Extension from here.


    ● Default OG Image: Set default open graph image.
    ● Default OG Title: Enter default open graph title.
    ● Default OG Description: Enter default open graph description.

    NOTE - Default OG tags are used when you do not add OG tags specifically for any product,
    category, or CMS page of your store.

    Now, in the storefront, open any page that does not contain OG tags. Right-click and select View Page
    Source or press Ctrl+U. You can find that the default Open Graph Tags have been successfully added for
    that page in the <head> section as per your configuration settings.
    2. 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.

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

    3. Open Graph Tags for Categories

    You can add category-specific open graph tags using this extension.

    For that, go to Catalog > Categories and select your desired category from the list in the left
    panel. Now move to the Open Graph Metadata tab and enlarge it.
    ● OG Title: Add an open graph title for this category.
    ● OG Description: Add an open graph description for this category.
    ● OG Image: Upload an open graph image for this category.

    Now, in the storefront, open this category 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.

    4. 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.
    ● 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.

    5. Open Graph Tags Display on Social Media

    After successfully configuring OG tags, your webpage link preview will be improved when shared on
    social media.

    Open Graph Tags on Social Media Post

    When you post a link that contains Open Graph Tags on social media platforms, it will be displayed as
    follows.
    Open Graph Tags for Social Media Share

    When you share a link that contains Open Graph tags on social media with your friends and networks, it
    will be displayed as follows.
    If anything goes wrong, please contact us at support@magecomp.com

    You might also like