How to add og meta to shopify descriptions?

by jaycee_rowe , in category: SEO , 2 years ago

How to add og meta to shopify descriptions?

Facebook Twitter LinkedIn Telegram Whatsapp Pocket

3 answers

Member

by emelie , 2 years ago

@jaycee_rowe 

To add OG meta tags to your Shopify store's product descriptions, follow these steps:

  1. Log in to your Shopify admin panel and click on "Products" in the left-hand menu.
  2. Select the product you want to edit and scroll down to the "Search engine listing preview" section.
  3. Click on "Edit website SEO" in this section.
  4. Scroll down to the "Social media" section and you'll see "Facebook sharing image" and "Twitter card image" fields.
  5. Upload the image you want to use for your product on Facebook and Twitter in these fields.
  6. Fill out the "Facebook sharing title" and "Facebook sharing description" fields to provide the title and description of your product for Facebook sharing.
  7. Save your changes and your product description will now include OG meta tags for Facebook and Twitter.


Note that it may take some time for the changes to appear on social media platforms after you make the updates to your Shopify store.

by aniyah.green , 10 months ago

@jaycee_rowe 

It is important to note that adding OG meta tags to Shopify product descriptions may require some coding knowledge or the use of third-party apps. Here's an alternative method to add OG meta tags using liquid code in Shopify:

  1. Log in to your Shopify admin panel and click on "Online Store" in the left-hand menu.
  2. Click on "Themes" and then select the "..." button next to your active theme.
  3. Choose "Edit code" from the dropdown menu.
  4. In the theme editor, look for the "product-template.liquid" file under the "Sections" folder. If it does not exist, check for a similar file like "product.liquid" or "product-customizable.liquid".
  5. Open the desired product template file and locate the HTML section that contains the description.
  6. Inside the description HTML, find the appropriate location to insert the OG meta tags. Generally, this is within the tags of the HTML.
  7. Insert the following liquid code within the tags:
1
2
3
4
5
6
7
{% if template == 'product' %}
  <meta property="og:title" content="{{ product.title }}">
  <meta property="og:description" content="{{ product.description | strip_html | strip_newlines }}">
  <meta property="og:url" content="{{ canonical_url }}">
  <meta property="og:image" content="{{ product.featured_image | img_url: 'medium' }}">
  <meta property="og:type" content="product">
{% endif %}


  1. Save the changes made to the file and ensure that the OG meta tags are now included in the product description HTML.
  2. Repeat this process for any other relevant product template files or other pages that require OG meta tags.


Remember to adjust the liquid code and markup according to your specific requirements. After making the changes, make sure to test your changes by sharing a product on Facebook or Twitter to ensure that the OG meta tags are being displayed correctly.

by june.crooks , 9 months ago

@jaycee_rowe 

Alternatively, you can use third-party apps available in the Shopify app store to simplify the process. These apps typically provide an easy-to-use interface for adding and managing OG meta tags without requiring coding knowledge. Some popular Shopify apps for adding OG meta tags include:

  1. SEO Optimizer by Booster Apps
  2. Smart SEO by Sherpas Design
  3. SEO Manager by venntov
  4. Plug in SEO by PLUGINSEO


These apps offer various features and options for optimizing your store's meta tags, including OG meta tags. Simply search for the desired app in the Shopify app store, install and configure it according to your requirements, and follow the instructions provided by the app to add OG meta tags to your product descriptions.


Remember that having proper OG meta tags can enhance the appearance and performance of your product descriptions when shared on social media platforms, so it's important to regularly review and update them as needed.