SEOLZ

Missing og title

Quick win

Found on 34% of audited stores.

Add an og:title meta tag to every page so your store looks great when shared on Facebook, Pinterest, LinkedIn, and other social platforms.

What it is

The og:title tag is a small piece of HTML code placed in the <head> of your page that tells social media platforms — Facebook, Pinterest, LinkedIn, WhatsApp, iMessage, Slack, and others — what title to display when someone shares a link to your store. It is part of the Open Graph protocol, a standard created by Facebook and now used across virtually every major platform. Without it, social networks either guess a title by scraping your page (often pulling something ugly or irrelevant) or display nothing at all. Think of it as the headline on the "preview card" that appears every time your URL is shared.

Why it matters

When a customer or influencer shares a product link and the preview card shows a garbled or missing title, shoppers are far less likely to click — directly costing you traffic and sales from social referrals. Pinterest in particular drives significant ecommerce revenue, and it relies heavily on Open Graph tags to build Rich Pins; missing og:title can disqualify your products from Rich Pin eligibility entirely. While og:title is not a direct Google ranking factor, a compelling social preview increases click-through rates and referral traffic, both of which positively influence organic visibility over time. Fixing this is a quick, low-effort change that immediately improves every share of your store across every social channel.

How to fix it

  1. Identify every page type that lacks an og:title tag — typically the homepage, product pages, collection/category pages, and blog posts.
  2. Decide on the title value: for product pages use the product name (and optionally brand), for category pages use the category name + store name, for the homepage use your store tagline or brand name. Keep it under 60–70 characters so it doesn't get truncated in previews.
  3. Add the tag inside the <head> element of your page template: <meta property="og:title" content="Your Page Title Here" />
  4. Make the value dynamic so it automatically uses each page's own title rather than a single hardcoded string — most platforms do this via a template variable.
  5. After deploying, validate your tags using the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) or the LinkedIn Post Inspector to confirm the correct title appears.
  6. Repeat for all page templates (product, collection/category, homepage, blog post, static pages) so no page type is left without og:title coverage.
<meta property="og:title" content="Your Product or Page Title Here" />

Fix it on your platform

Pick your platform for the exact steps.

How to fix missing og title on Shopify
  1. From your Shopify admin, go to Online Store → Themes → click the '...' (Actions) button next to your live theme → Edit code.
  2. Open the 'Layout' folder and click 'theme.liquid' (or your theme's main layout file).
  3. Locate the <head> section. Most modern Shopify themes already include an 'og-tags.liquid' snippet — look for {% render 'og-tags' %} or {% include 'og-tags' %}. If it exists, open that snippet file under Snippets.
  4. Inside the og-tags snippet (or directly in theme.liquid if no snippet exists), add or confirm this line exists: <meta property="og:title" content="{{ page_title | escape }}" />
  5. The variable {{ page_title }} automatically outputs the correct title for every page type (product, collection, page, blog post, homepage).
  6. Click Save, then use the Facebook Sharing Debugger to verify the tag appears correctly for a product URL.
Full Shopify guide →Official Shopify docs ↗
How to fix missing og title on WooCommerce
  1. The easiest approach is to use an SEO plugin. Install and activate Yoast SEO or Rank Math from WordPress admin → Plugins → Add New.
  2. For Yoast SEO: go to SEO → Social → Facebook tab, ensure 'Add Open Graph meta data' is toggled ON. Yoast will then automatically output og:title on every page using that page's SEO title.
  3. For Rank Math: go to Rank Math → Titles & Meta → each post type (Products, Categories, etc.) and confirm the 'Social Media' panel is enabled under Rank Math → General Settings → Links.
  4. To customise the og:title for an individual product, open the product in the editor, scroll to the Yoast SEO (or Rank Math SEO) meta box → Social tab → enter a custom Facebook title.
  5. If you prefer code, add the og:title output to your theme's header.php inside the <head> tag, but using a plugin is strongly recommended to avoid breaking updates.
  6. Validate with Facebook Sharing Debugger after saving.
Full WooCommerce guide →Official WooCommerce docs ↗
How to fix missing og title on BigCommerce
  1. From your BigCommerce admin, go to Storefront → Script Manager and check for any existing Open Graph or SEO scripts.
  2. For template-level edits, go to Storefront → My Themes → click Advance → Edit Theme Files (Stencil themes).
  3. Open templates/layout/base.html (or your theme's base layout). Locate the <head> section.
  4. BigCommerce Stencil themes expose page title via the {{head.title}} variable. Add: <meta property="og:title" content="{{head.title}}" /> inside <head>.
  5. For product pages specifically, you can use {{product.title}} in templates/pages/product.html for a more precise value.
  6. Save and push the theme update, then validate with the Facebook Sharing Debugger.
Full BigCommerce guide →Official BigCommerce docs ↗
How to fix missing og title on Wix
  1. Wix automatically generates og:title tags from your page's SEO title for most page types — first ensure your SEO titles are set correctly.
  2. To set or edit the SEO title for a specific page: open the Wix Editor, select the page, click the Pages panel → hover over the page → click the '...' menu → SEO Basics. Enter your desired title in the 'Page Title' field; Wix will use this as the og:title.
  3. For Wix Stores product pages: in your Dashboard go to Store Products → click a product → scroll to the SEO section at the bottom of the product editor → set the 'Page Title'. Wix maps this to og:title automatically.
  4. For blog posts: open the blog post editor → click the three-dot menu (or SEO panel) → SEO → set the title.
  5. Note: Wix does not currently allow direct editing of raw <head> HTML for og tags on standard plans; controlling it via the SEO title fields is the correct method.
  6. Use the Facebook Sharing Debugger and enter your page URL to confirm the og:title is being read correctly.
Full Wix guide →Official Wix docs ↗
How to fix missing og title on Squarespace
  1. Squarespace automatically outputs og:title for most pages based on the page title and SEO title fields — verify these are populated first.
  2. For any page: in the Pages panel, hover over the page → click the gear/settings icon → SEO tab → fill in 'SEO Title'. Squarespace uses this value as the og:title.
  3. For Squarespace Commerce products: go to Commerce → Inventory → click a product → click the gear icon → SEO → set the 'SEO Title' field.
  4. For blog posts: open the post → click the gear icon → SEO tab → set the title.
  5. If you need to inject a fully custom og:title (advanced use): go to Website → Pages → click the gear on a page → Advanced → Page Header Code Injection and add: <meta property="og:title" content="Your Custom Title" />. Note this overrides per-page only.
  6. Validate using the Facebook Sharing Debugger after publishing changes.
Full Squarespace guide →Official Squarespace docs ↗
How to fix missing og title on Webflow
  1. In the Webflow Designer, open the Pages panel (left sidebar) and click the gear icon next to the page you want to fix.
  2. In the Page Settings panel that appears, scroll to the 'SEO Settings' section. The 'Title Tag' field populates the page <title> and is also used by Webflow as the og:title by default in many templates.
  3. To set a dedicated og:title, scroll further in Page Settings to the 'Open Graph Settings' section → fill in the 'Open Graph Title' field. This outputs a separate og:title tag.
  4. For CMS-powered pages (e.g. Products, Blog Posts): open the CMS Collection settings → go to the Collection's page template in the Designer → in the page gear settings, bind the 'Open Graph Title' field to the CMS item's Name or Title field using the dynamic data binding (purple field selector).
  5. Publish your site, then validate with the Facebook Sharing Debugger.
Full Webflow guide →Official Webflow docs ↗
How to fix missing og title on Adobe Commerce (Magento)
  1. From the Admin panel, go to Content → Configuration → select your store view → Edit.
  2. Under 'HTML Head', confirm the Default Page Title is set — this feeds the base title but does NOT automatically create og:title.
  3. To add og:title sitewide, the recommended approach is to use an extension such as 'MagePlaza SEO' or 'Amasty SEO Toolkit' (available on the Adobe Commerce Marketplace) which will automatically generate og:title from product/category/page titles for all page types.
  4. If adding manually via theme: edit your theme's layout XML file (e.g. app/design/frontend/Vendor/theme/Magento_Theme/layout/default_head_blocks.xml) or override the head.phtml template to inject: <meta property="og:title" content="<?= $block->getTitle() ?>" />
  5. For product pages specifically, override Magento_Catalog/templates/product/view.phtml or use a layout XML update targeting catalog_product_view to inject the og:title with the product name variable.
  6. Clear the Magento cache (System → Cache Management → Flush Cache Storage) after changes, then validate with the Facebook Sharing Debugger.
Full Adobe Commerce (Magento) guide →Official Adobe Commerce (Magento) docs ↗
How to fix missing og title on PrestaShop
  1. Install a dedicated SEO module such as 'SEO Expert' or 'SEO Manager' from the PrestaShop Addons Marketplace — these automatically add og:title tags to all page types.
  2. Alternatively, edit your theme's header.tpl file (found in themes/your-theme/templates/_partials/head.tpl or similar) and add: <meta property="og:title" content="{$page.meta.title|escape:'html':'UTF-8'}" /> inside the <head> block.
  3. For product pages, the Smarty variable {$product.name} gives the product title; you can conditionally output it: {if isset($product)}<meta property="og:title" content="{$product.name|escape:'html':'UTF-8'}" />{/if}
  4. Save the template file and clear the PrestaShop cache via Advanced Parameters → Performance → Clear Cache.
  5. Validate using the Facebook Sharing Debugger.
Full PrestaShop guide →Official PrestaShop docs ↗
How to fix missing og title on Wix Studio
  1. In Wix Studio, open the site editor and select the page you want to fix from the Pages & Menus panel.
  2. Click the page settings (gear icon) → SEO tab → set the 'Page Title' field. Wix Studio maps this to the og:title tag automatically.
  3. For dynamic pages powered by a CMS dataset (e.g. a Products collection), click the dynamic page settings → SEO tab → use the dynamic field connector to bind 'Page Title' to the relevant collection field (e.g. 'Title' or 'Name').
  4. For full custom control, use the Wix Studio 'Custom Meta Tags' section (in the SEO tab of page settings) to manually add: property: og:title | content: [your title or dynamic field].
  5. Publish the site and validate with the Facebook Sharing Debugger.
Full Wix Studio guide →Official Wix Studio docs ↗

Does your site have this issue?

Run a free SEOLZ audit to find missing og title — and every other issue — across your whole site in minutes.

Scan my site free

Frequently asked questions

What is Missing og title?

The og:title tag is a small piece of HTML code placed in the &lt;head&gt; of your page that tells social media platforms — Facebook, Pinterest, LinkedIn, WhatsApp, iMessage, Slack, and others — what title to display when someone shares a link to your store. It is part of the Open Graph protocol, a standard created by Facebook and now used across virtually every major platform. Without it, social networks either guess a title by scraping your page (often pulling something ugly or irrelevant) or display nothing at all. Think of it as the headline on the "preview card" that appears every time your URL is shared.

Why does missing og title matter?

When a customer or influencer shares a product link and the preview card shows a garbled or missing title, shoppers are far less likely to click — directly costing you traffic and sales from social referrals. Pinterest in particular drives significant ecommerce revenue, and it relies heavily on Open Graph tags to build Rich Pins; missing og:title can disqualify your products from Rich Pin eligibility entirely. While og:title is not a direct Google ranking factor, a compelling social preview increases click-through rates and referral traffic, both of which positively influence organic visibility over time. Fixing this is a quick, low-effort change that immediately improves every share of your store across every social channel.

How do I fix missing og title?

Add an og:title meta tag to every page so your store looks great when shared on Facebook, Pinterest, LinkedIn, and other social platforms.

Authoritative references

Related SEO issues