Back to Docs

Hosted site builder

Squarespace OG Image Integration

Add automatic Open Graph images to Squarespace pages with page header code injection and MyOG.social.

Prerequisites

  • A Squarespace plan with code injection
  • A MyOG.social account with your custom domain added
  • The public URL for each page you want to configure

How MyOG fits Squarespace

Squarespace supports site-wide and page-specific code injection. For OG images, page-specific header injection is usually the safer option because MyOG needs the current page URL.

Use a literal page URL when adding MyOG to a landing page, service page, or guide. Blog and store collections may need a different approach if individual item header injection is unavailable in your template.

A Squarespace extension is not the right first step for this use case; the marketplace is mostly external service integrations, while head metadata is easiest to document as setup guidance.

1

Choose a layout

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

2

Add the Squarespace code

Page header code

Use a page-specific absolute URL in the MyOG url parameter.

<meta property="og:image" content="https://api.myog.social/og?url=https%3A%2F%2Fexample.com%2Fservices&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%2Fservices&template=screenshot-right" />

Replace the example URL with the encoded URL of that exact Squarespace page.

3

Place it correctly

  1. Open Pages, choose the page, then open its settings.
  2. Open Advanced and paste the MyOG tags in Page Header Code Injection.
  3. If you want one image system across the site, remove the page's built-in social image first or confirm MyOG is the only og:image in source.
  4. Save and open the published page source to verify the tag appears in the head.

Avoid duplicate og:image tags

Squarespace can emit social sharing images from page or site settings. If a native og:image remains before the MyOG tag, crawlers may ignore MyOG. Clear the social image for pages using MyOG, or use MyOG only on pages with no native image.

Dynamic pages

For normal pages, use the page's literal public URL. For blog posts, products, and portfolio items, confirm whether your Squarespace template exposes item-level header injection before promising automatic coverage.

Test the result

  • Test the public URL, not the Squarespace editor URL.
  • Check the page source for duplicate og:image tags.
  • Refresh social caches after changing the tag.

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

Known limitations

Some collection item types may not expose page header injection in all Squarespace setups.
Site-wide injection with one fixed URL is not appropriate for multi-page MyOG coverage.
Private or password-protected pages cannot generate public social previews.

Sources

Ready to get started?

Sign up for free and give key Squarespace pages stronger social previews.

Already have an account?

cdf733b534ea2f2ed964d150330b323c44837e4f