Back to Docs

Website builder

Wix OG Image Integration

Add automatic Open Graph images to Wix pages using Advanced SEO additional meta tags or Velo for router pages.

Prerequisites

  • A Wix site with SEO settings access
  • A MyOG.social account with your domain added
  • The public URL for each page type or page you configure

How MyOG fits Wix

Wix lets you add additional meta tags in SEO settings and can apply settings by page type. That works well for fixed pages and some repeated page types.

For Velo router pages, Wix also exposes SEO APIs that can create meta tags dynamically.

A Wix app is possible in the broad platform sense, but the fastest valuable integration is a guide because site owners can already add the needed head tags.

1

Choose a layout

MyOG detects page content and branding automatically. The layout only controls image composition.

2

Add the Wix code

Additional meta tags for a static page

Use this when configuring one Wix page directly.

<meta property="og:image" content="https://api.myog.social/og?url=https%3A%2F%2Fexample.com%2Fabout&template=screenshot-right" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://api.myog.social/og?url=https%3A%2F%2Fexample.com%2Fabout&template=screenshot-right" />

For page-type settings, replace the literal URL with the Wix variable for the current page URL if available in that setting.

Velo router concept

For custom router pages, set the tag from your router SEO response.

const pageURL = "https://example.com/products/" + product.slug

return {
  title: product.name,
  description: product.description,
  metaTags: [
    { property: "og:image", content: `https://api.myog.social/og?url=${encodeURIComponent(pageURL)}&template=screenshot-right` },
    { name: "twitter:card", content: "summary_large_image" },
    { name: "twitter:image", content: `https://api.myog.social/og?url=${encodeURIComponent(pageURL)}&template=screenshot-right` },
  ],
}

Adapt this to your Wix router shape. The key is that crawlers receive meta tags from the router response, not client-side DOM edits after load.

3

Place it correctly

  1. Open SEO and GEO in the Wix dashboard, then SEO Settings.
  2. Choose the page type or individual page, open Additional meta tags, and add the MyOG tags.
  3. Use Wix variables when applying the tag to a page type; use a literal encoded URL for a single static page.
  4. Publish, then inspect the public page source.

Avoid duplicate og:image tags

Wix can output social share images from its SEO basics settings. Avoid two og:image tags for the same page. Either replace the social image with MyOG or use MyOG only where Wix has no image configured.

Dynamic pages

For repeated page types, use Wix's SEO variables in additional meta tags. For custom Velo router pages, set meta tags in router SEO logic so crawlers receive the final tags in head.

Test the result

  • Publish before testing.
  • Use View Source on a public page, not the editor.
  • Check both a normal page and any dynamic page type you configured.

Start with the MyOG Open Graph Checker, then refresh social platform caches if needed.

Known limitations

Literal page URLs do not scale across every Wix page.
Velo router pages need code-level SEO handling.
Wix editor previews are not reliable for social crawler testing.

Sources

Ready to get started?

Sign up for free and add generated social images to Wix pages.

Already have an account?

cdf733b534ea2f2ed964d150330b323c44837e4f