Free Tool
Meta Tag Generator
Build SEO meta tags, Open Graph, and Twitter Card markup for Squarespace Dev Mode pages. Preview how your page will appear in search results and social shares.
Why this matters
When someone shares your website on Facebook or texts it to a friend, what shows up? A broken link with no image? Or a polished preview with your title, description, and a great photo? Meta tags control all of that — plus how you appear in Google. This tool writes them for you.
Displayed in browser tabs and search results. Aim for 50-60 characters.
Optimal length: 150-160 characters
0
The preferred URL for this page. Prevents duplicate content issues.
robots: index, follow
Open Graph
Controls how the page appears when shared on Facebook, LinkedIn, and other platforms. Falls back to base title and description if left empty.
Recommended: 1200 x 630 pixels. Must be an absolute URL.
Twitter Card
Controls the card shown when shared on X (Twitter). Falls back to Open Graph values if left empty.
Unlock Open Graph & Twitter Card fields
Live Preview
Google Search Result
example.com/page
Page Title
Social Media Card Preview
Unlock SERP & social card previews
Generated Code
<!-- Basic Meta Tags -->
Squarespace Dev Mode placement
In Dev Mode, title and description are set in the .conf file for each page. Open Graph and Twitter Card meta tags go in site.region inside the <head>, before {squarespace-headers}.