Getting Started

Create a connection

Sign in to OpenGraph+
Go to your website’s Meta Tags page
On your first visit you’ll see the Terms of Service; click Agree & Create Connection, then copy your connection URL

Your connection URL looks like https://$OGPLUS_KEY.ogplus.net.

Find your theme layout

In your Shopify admin, go to Online Store → Themes → Edit code. Open layout/theme.liquid.

Add Open Graph meta tags

Add the following inside the <head> tag in theme.liquid:

<head>
  <!-- ... other tags ... -->
  <meta property="og:title" content="{{ page_title }}">
  <meta property="og:description" content="{{ page_description | default: shop.description }}">
  <meta property="og:url" content="{{ canonical_url }}">
  <meta property="og:site_name" content="{{ shop.name }}">
  <meta property="og:type" content="{% if template contains 'product' %}product{% elsif template contains 'article' %}article{% else %}website{% endif %}">
  <meta property="og:image" content="https://$OGPLUS_KEY.ogplus.net{{ request.path }}">
  <meta name="twitter:card" content="summary_large_image">
</head>

Replace https://$OGPLUS_KEY.ogplus.net with your actual connection URL.

Tag reference

Tag	Value	Source
`og:title`	Current page, product, or collection title	`page_title`
`og:description`	Page SEO description, falls back to store description	`page_description` / `shop.description`
`og:url`	Full canonical URL of the current page	`canonical_url`
`og:site_name`	Your store name	`shop.name`
`og:type`	`product`, `article`, or `website` based on page type	`template`
`og:image`	Dynamic social card image from OpenGraph+	Connection URL + page path
`twitter:card`	Always `summary_large_image` for large preview cards	Static value

What each variable does

page_title - Shopify sets this automatically for each page, product, collection, and blog post
page_description - the SEO description set in each page/product’s SEO settings
shop.description - your store description from Settings → General (used as fallback)
canonical_url - the full URL of the current page, set by Shopify
shop.name - your store name from Settings → General
template - identifies the current page type (product, article, collection, page, etc.)
request.path - the current page path, used to build the og:image URL

Remove existing og:image tags

Shopify themes typically include og:image tags already. Search your theme files for existing og:image meta tags and remove or comment them out to avoid duplicates. Common locations:

snippets/social-meta-tags.liquid
snippets/meta-tags.liquid

Verify

Open the preview tool and paste a URL from your store. View your page source and confirm all Open Graph meta tags are present with correct values.

Multiple domains

Running staging and production, subdomains, or several sites under one account? See Multiple domains & environments. For a single site, the connection tag above is all you need.