Blog/Squarespace SEO Meta Tags: The Complete Guide (2026)
·10 min read

Squarespace SEO Meta Tags: The Complete Guide (2026)

Squarespace makes it easy to build a beautiful site — but its default meta tag settings are quietly costing you Google rankings. Here's every setting, every mistake, and exactly how to fix it.

Check your site right now

Free SEO audit in 30 seconds — find all the issues covered in this guide.

Audit for free →

What Squarespace gets wrong about SEO by default

Squarespace is one of the best platforms for building a polished website fast. But 'beautiful by default' does not mean 'search-optimised by default.'

When you launch a Squarespace site without touching the SEO settings, here is what Google actually sees:

  • Title tags that use your page name and site name with no keyword strategy
  • Meta descriptions that are either blank or auto-pulled from the first paragraph of your page
  • Open Graph images that default to your site logo — a tiny image that looks broken in social previews
  • No Twitter Card configuration
  • Site-wide SEO settings that override individual pages if you are not careful

Every one of these is fixable. None of them require a developer. But you need to know where to look — and Squarespace buries the important settings.

This guide covers every meta tag setting in Squarespace 7.1 (the current version), exactly where to find it, what to write, and the mistakes to avoid.


Part 1: How meta tags work in Squarespace

Squarespace has two layers of SEO settings:

1. Site-wide settings — applied globally across your entire site. These are your fallbacks. If a page does not have its own meta tags set, Squarespace uses these.

2. Page-level settings — set per page, per product, per blog post. These override the site-wide defaults.

The critical mistake most Squarespace users make: they set their site-wide settings and assume every page is covered. It is not. Each page needs its own title tag and meta description — especially your homepage, service pages, and product pages.


Part 2: Setting your site-wide SEO title and description

This is your global fallback. Set it, but do not rely on it.

Where to find it:

1. Log into your Squarespace account and open your site editor

2. Click Settings in the left sidebar (the gear icon)

3. Click SEO — this opens the main SEO panel

4. You will see SEO Site Title and SEO Site Description fields at the top

What to write:

  • SEO Site Title: Your brand name + your primary keyword. Example: 'Bloom Florals | Edinburgh Wedding Florist'. Keep it under 60 characters.
  • SEO Site Description: 1-2 sentences describing what you do and who you serve. Include your main keyword naturally. Keep it under 160 characters.

What Squarespace does with this:

Squarespace uses the SEO Site Title as the </code> tag on any page that does not have a page-specific title set. It also uses it as the og:site_name value across your whole site.</p> <hr class="border-gray-200 my-8" /> <h2 class="text-2xl font-bold text-gray-900 mt-10 mb-4">Part 3: Setting meta titles and descriptions for individual pages</h2> <p class="text-gray-600 leading-relaxed mb-4">This is where most of the ranking impact lives. Do this for every page that matters.</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">For regular pages (Home, About, Services, etc.):</strong></p> <p class="text-gray-600 leading-relaxed mb-4">1. In the Pages panel, hover over the page you want to edit</p> <p class="text-gray-600 leading-relaxed mb-4">2. Click the <strong class="font-semibold text-gray-900">gear icon</strong> that appears next to the page name — this opens Page Settings</p> <p class="text-gray-600 leading-relaxed mb-4">3. Click the <strong class="font-semibold text-gray-900">SEO</strong> tab at the top of the Page Settings panel</p> <p class="text-gray-600 leading-relaxed mb-4">4. You will see two fields: <strong class="font-semibold text-gray-900">SEO Title</strong> and <strong class="font-semibold text-gray-900">SEO Description</strong></p> <p class="text-gray-600 leading-relaxed mb-4">Fill in both. Do not leave either blank.</p> <ul class="list-disc list-inside space-y-1 my-4 ml-4"><li class="text-gray-600 mb-1 ml-4 list-disc"><strong class="font-semibold text-gray-900">SEO Title:</strong> Primary keyword first, then brand name. Example: 'Wedding Florist Edinburgh | Bloom Florals'. Under 60 characters.</li> <li class="text-gray-600 mb-1 ml-4 list-disc"><strong class="font-semibold text-gray-900">SEO Description:</strong> 150-160 characters. Include the keyword, a benefit, and a soft call to action. Example: 'Bespoke wedding flowers for Edinburgh ceremonies and receptions. Hand-tied bouquets, table centrepieces, and full venue dressing. Request a quote today.'</li> <p class="text-gray-600 leading-relaxed mb-4"></ul></p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">For blog posts:</strong></p> <p class="text-gray-600 leading-relaxed mb-4">1. Open the blog post in edit mode</p> <p class="text-gray-600 leading-relaxed mb-4">2. Click the <strong class="font-semibold text-gray-900">gear icon</strong> in the top toolbar (post settings)</p> <p class="text-gray-600 leading-relaxed mb-4">3. Select the <strong class="font-semibold text-gray-900">SEO</strong> tab</p> <p class="text-gray-600 leading-relaxed mb-4">4. Fill in the <strong class="font-semibold text-gray-900">SEO Title</strong> and <strong class="font-semibold text-gray-900">SEO Description</strong> fields</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">For product pages (Squarespace Commerce):</strong></p> <p class="text-gray-600 leading-relaxed mb-4">1. Go to <strong class="font-semibold text-gray-900">Commerce > Inventory</strong> in your dashboard</p> <p class="text-gray-600 leading-relaxed mb-4">2. Click on the product you want to edit</p> <p class="text-gray-600 leading-relaxed mb-4">3. Scroll down to the <strong class="font-semibold text-gray-900">SEO</strong> section within the product editor</p> <p class="text-gray-600 leading-relaxed mb-4">4. Fill in the SEO Title and Meta Description fields</p> <p class="text-gray-600 leading-relaxed mb-4">If you are running a Squarespace store and have not done this for every product, stop reading and go do it now. Missing product meta descriptions is the single biggest missed opportunity for Squarespace commerce sites.</p> <hr class="border-gray-200 my-8" /> <h2 class="text-2xl font-bold text-gray-900 mt-10 mb-4">Part 4: Open Graph tags in Squarespace</h2> <p class="text-gray-600 leading-relaxed mb-4">Open Graph (OG) tags control how your pages appear when shared on Facebook, LinkedIn, iMessage, and Slack. Get them wrong and your links look broken. Get them right and your previews look professional.</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">Squarespace's OG defaults (and why they are a problem):</strong></p> <p class="text-gray-600 leading-relaxed mb-4">By default, Squarespace sets:</p> <ul class="list-disc list-inside space-y-1 my-4 ml-4"><li class="text-gray-600 mb-1 ml-4 list-disc"><code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">og:title</code> — uses your page title or site title</li> <li class="text-gray-600 mb-1 ml-4 list-disc"><code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">og:description</code> — uses your SEO description if set, otherwise auto-generates from content</li> <li class="text-gray-600 mb-1 ml-4 list-disc"><code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">og:image</code> — <strong class="font-semibold text-gray-900">this is the problem.</strong> Squarespace defaults to your site logo as the OG image. Logos are usually square and small. Social platforms expect a 1200×630px image. The result: a tiny, blurry, or badly-cropped image in your preview cards.</li> <p class="text-gray-600 leading-relaxed mb-4"></ul></p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">How to set a proper OG image in Squarespace:</strong></p> <p class="text-gray-600 leading-relaxed mb-4">1. Go to <strong class="font-semibold text-gray-900">Settings > SEO</strong></p> <p class="text-gray-600 leading-relaxed mb-4">2. Scroll down to <strong class="font-semibold text-gray-900">Social Sharing</strong> (sometimes called <strong class="font-semibold text-gray-900">Social Image</strong> depending on your version)</p> <p class="text-gray-600 leading-relaxed mb-4">3. Upload a custom <strong class="font-semibold text-gray-900">Social Sharing Image</strong> — this becomes the default og:image for your entire site</p> <p class="text-gray-600 leading-relaxed mb-4">4. <strong class="font-semibold text-gray-900">Dimensions:</strong> 1200×630px minimum. Use a JPG or PNG. Keep it under 8MB.</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">For page-specific OG images:</strong></p> <p class="text-gray-600 leading-relaxed mb-4">1. Open Page Settings for the specific page (gear icon > SEO tab)</p> <p class="text-gray-600 leading-relaxed mb-4">2. Scroll down within the SEO panel to find the <strong class="font-semibold text-gray-900">Thumbnail Image</strong> or <strong class="font-semibold text-gray-900">Social Image</strong> field</p> <p class="text-gray-600 leading-relaxed mb-4">3. Upload a page-specific image here</p> <p class="text-gray-600 leading-relaxed mb-4">This page-level image overrides the site-wide social image for that page only — exactly what you want for key landing pages.</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">For blog posts:</strong> Squarespace automatically uses the blog post's thumbnail image as its og:image. Set a thumbnail for every post. Go to post settings > Content tab > Thumbnail Image.</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">For products:</strong> Squarespace uses the first product image as og:image. Make sure your first product image is high-quality and at least 1200px wide.</p> <hr class="border-gray-200 my-8" /> <h2 class="text-2xl font-bold text-gray-900 mt-10 mb-4">Part 5: Twitter Cards in Squarespace</h2> <p class="text-gray-600 leading-relaxed mb-4">Twitter Cards (now X Cards) control how your links appear when shared on X/Twitter. Squarespace handles the basic Twitter Card tags automatically — but only if you have your OG tags set correctly.</p> <p class="text-gray-600 leading-relaxed mb-4">Squarespace sets <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">twitter:card</code> to <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">summary_large_image</code> by default when it detects an OG image. If there is no OG image, it falls back to <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">summary</code> — which shows a tiny image. Not ideal.</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">What Squarespace outputs automatically:</strong></p> <ul class="list-disc list-inside space-y-1 my-4 ml-4"><li class="text-gray-600 mb-1 ml-4 list-disc"><code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">twitter:card</code> — set to summary_large_image (if og:image exists)</li> <li class="text-gray-600 mb-1 ml-4 list-disc"><code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">twitter:title</code> — mirrors og:title</li> <li class="text-gray-600 mb-1 ml-4 list-disc"><code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">twitter:description</code> — mirrors og:description</li> <li class="text-gray-600 mb-1 ml-4 list-disc"><code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">twitter:image</code> — mirrors og:image</li> <p class="text-gray-600 leading-relaxed mb-4"></ul></p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">What you need to do:</strong></p> <p class="text-gray-600 leading-relaxed mb-4">Set your OG tags correctly (title, description, image) and Squarespace will handle the Twitter Card tags. There is no separate Twitter Card setting in the Squarespace UI — it inherits from OG.</p> <p class="text-gray-600 leading-relaxed mb-4">The one thing you cannot control natively in Squarespace is <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">twitter:site</code> (your @handle). This requires custom code injection if you need it — covered below.</p> <hr class="border-gray-200 my-8" /> <h2 class="text-2xl font-bold text-gray-900 mt-10 mb-4">Part 6: The SEO panel — other important settings</h2> <p class="text-gray-600 leading-relaxed mb-4">While you are in <strong class="font-semibold text-gray-900">Settings > SEO</strong>, there are several other settings worth knowing:</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Page Title Format</h3> <p class="text-gray-600 leading-relaxed mb-4">This controls how Squarespace formats title tags when you set a page title but do not use a custom SEO title. The default format is usually: <strong class="font-semibold text-gray-900">Page Name | Site Name</strong></p> <p class="text-gray-600 leading-relaxed mb-4">You can change the separator and order. The recommendation: keep the keyword-rich page name first, brand second. Do not reverse this.</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Site Description</h3> <p class="text-gray-600 leading-relaxed mb-4">Used as the meta description fallback. Always fill this in even if you plan to set page-level descriptions — it catches any pages you miss.</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Hide from Search Engines (No-Index)</h3> <p class="text-gray-600 leading-relaxed mb-4">Squarespace has a toggle called 'Hide from Search Engines' — this adds a <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono">noindex</code> tag to your entire site. <strong class="font-semibold text-gray-900">Check this is OFF.</strong> It is sometimes accidentally left on during development and forgotten. If this is on, Google cannot index any of your pages.</p> <p class="text-gray-600 leading-relaxed mb-4">Find it: <strong class="font-semibold text-gray-900">Settings > SEO > Hide from Search Engines</strong> (scroll to the bottom of the SEO panel).</p> <p class="text-gray-600 leading-relaxed mb-4">You can also no-index individual pages. Go to Page Settings > SEO tab and look for a similar toggle. Use this intentionally for pages like /thank-you or /cart that do not need to rank.</p> <hr class="border-gray-200 my-8" /> <h2 class="text-2xl font-bold text-gray-900 mt-10 mb-4">Part 7: Code injection for advanced meta tags</h2> <p class="text-gray-600 leading-relaxed mb-4">Some meta tags are not exposed in Squarespace's UI — but you can add them via code injection.</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">Where to find it:</strong></p> <p class="text-gray-600 leading-relaxed mb-4">1. Go to <strong class="font-semibold text-gray-900">Settings > Advanced > Code Injection</strong></p> <p class="text-gray-600 leading-relaxed mb-4">2. Add your code to the <strong class="font-semibold text-gray-900">Header</strong> section — it will be injected into the <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono"><head></code> of every page</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">Common tags to add via code injection:</strong></p> <ul class="list-disc list-inside space-y-1 my-4 ml-4"><li class="text-gray-600 mb-1 ml-4 list-disc"><strong class="font-semibold text-gray-900">twitter:site</strong> — Your Twitter/X handle: <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono"><meta name='twitter:site' content='@yourhandle' /></code></li> <li class="text-gray-600 mb-1 ml-4 list-disc"><strong class="font-semibold text-gray-900">fb:app_id</strong> — For Facebook insights: <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono"><meta property='fb:app_id' content='YOUR_APP_ID' /></code></li> <li class="text-gray-600 mb-1 ml-4 list-disc"><strong class="font-semibold text-gray-900">theme-color</strong> — Mobile browser chrome colour: <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono"><meta name='theme-color' content='#000000' /></code></li> <p class="text-gray-600 leading-relaxed mb-4"></ul></p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">Page-specific code injection:</strong></p> <p class="text-gray-600 leading-relaxed mb-4">1. Open Page Settings for the specific page</p> <p class="text-gray-600 leading-relaxed mb-4">2. Go to the <strong class="font-semibold text-gray-900">Advanced</strong> tab</p> <p class="text-gray-600 leading-relaxed mb-4">3. Add page-level code in the <strong class="font-semibold text-gray-900">Page Header Code Injection</strong> box</p> <p class="text-gray-600 leading-relaxed mb-4">Use this to override specific meta tags on individual pages where the Squarespace UI is not flexible enough.</p> <hr class="border-gray-200 my-8" /> <h2 class="text-2xl font-bold text-gray-900 mt-10 mb-4">Part 8: The 7 most common Squarespace meta tag mistakes</h2> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Mistake 1: Using the page name as the SEO title</h3> <p class="text-gray-600 leading-relaxed mb-4">Squarespace defaults to using your navigation page name as the title tag if you do not set a custom SEO title. A page called 'Services' will have <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono"><title>Services | Your Site. That is not a keyword anyone searches for.

Fix: Always set a custom SEO title on every important page. Lead with the keyword.

Mistake 2: Site-wide social image is the logo

The most common OG mistake on Squarespace. Your logo is not a social sharing image. It is too small, wrong aspect ratio, and provides zero context when your link is shared.

Fix: Upload a 1200×630px branded image in Settings > SEO > Social Sharing Image.

Mistake 3: Blank meta descriptions

When meta descriptions are blank, Google writes its own — usually pulling a random sentence from your page. It is almost always worse than a human-written description.

Fix: Write a 150-160 character meta description for every page, product, and blog post that you want Google to show in search results.

Mistake 4: Duplicate meta descriptions across service pages

Many Squarespace sites have 5-10 similar service pages all sharing the same boilerplate meta description. Google treats this as duplicate content and often ignores all of them.

Fix: Write a unique meta description for every page. Even if services are similar, focus on the specific service, location, or audience for each page.

Mistake 5: No-index left on after development

Squarespace makes it easy to turn on 'Hide from Search Engines' while building your site. It does not make it obvious to turn off. If you launched and traffic is mysteriously zero, check this immediately.

Fix: Settings > SEO > scroll to bottom > verify 'Hide from Search Engines' is toggled OFF.

Mistake 6: Blog thumbnails not set

Every Squarespace blog post should have a thumbnail image set. This image is used as the og:image when the post is shared on social. Without it, Squarespace either uses your site logo or shows nothing.

Fix: Set a 1200×630px thumbnail image on every blog post. Make it relevant to the content.

Mistake 7: Forgetting the SEO title character limit

Squarespace does not warn you when your SEO title exceeds 60 characters. It will happily save a 90-character title and show it to Google, where it gets truncated mid-word in search results.

Fix: Count your characters before saving. Keep titles under 60 characters. Use a character counter tool if needed.


Squarespace SEO meta tags checklist

Use this every time you create a new page or product:

  • Site-wide SEO title set (under 60 characters, includes main keyword)
  • Site-wide meta description set (under 160 characters)
  • Social sharing image uploaded (1200×630px, not the logo)
  • 'Hide from Search Engines' is OFF
  • Every key page has a custom SEO title (under 60 characters)
  • Every key page has a unique meta description (150-160 characters)
  • Every product has its own SEO title and meta description
  • Every blog post has a thumbnail image set
  • Page-specific OG images set for key landing pages
  • No-index toggles are only ON for intentionally hidden pages (e.g., /thank-you)


How to audit your Squarespace site's meta tags

Going through every page manually works — but it is slow, especially if your site has dozens of pages or hundreds of products.

A faster approach: run your site through GetMetaFix. Paste your Squarespace URL and get a complete audit in 30 seconds. It checks:

  • Missing or blank meta titles and descriptions
  • Title tags over 60 characters
  • Missing or incorrectly sized og:image
  • Missing og:title or og:description
  • Missing Twitter Card tags
  • Pages accidentally set to no-index
  • Duplicate meta descriptions across pages

No account required. Free to audit. If you want the AI-generated fixes — the exact copy to paste into each Squarespace field — that is $29 one-time.

Run your free Squarespace SEO audit at getmetafix.com →


Summary

Squarespace is not broken for SEO — but its defaults are not good enough. Every page on your site needs a custom SEO title and meta description. Your social sharing image needs to be replaced with something that actually works at 1200×630px. And you need to check that 'Hide from Search Engines' is off.

None of this is technically difficult. It is just the kind of thing nobody tells you when you launch.

The fastest way to find out what is broken on your specific Squarespace site: getmetafix.com — free audit, 30 seconds, no signup.

Fix your site's SEO in 30 seconds

Free audit. AI-generated fixes for $29.

Audit for free →