SEO Tool
See exactly how any URL looks when shared on Facebook, Twitter/X, LinkedIn, and Slack. Use this to check the Open Graph tags on your Canvas HTML Template pages before they go live, and ensure your social share cards look professional across all platforms.
Open Graph (OG) is a protocol created by Facebook in 2010 that allows web pages to control how they appear when shared on social media. By adding og:* meta tags to your page’s <head>, you specify the title, description, image, and URL that social platforms display when someone shares your link. Without OG tags, platforms guess at this information — usually getting it wrong.
The core OG tags are og:title, og:description, og:image, and og:url. Twitter uses a parallel system called Twitter Cards (twitter:card, twitter:title, twitter:image) that falls back to OG if not specified separately. Use the Meta Tag Generator to create both sets at once.
For Canvas HTML Template pages, every page you intend to share should have a complete OG tag set. Canvas Builder includes OG tag generation in its meta tag output. Use this preview tool to verify the tags are working correctly before sharing on any platform.
Enter the full URL of your published page — must start with https:// and be publicly accessible.
Press Enter or click 'Fetch' — the tool fetches the page's OG meta tags and renders them as social previews.
Review the Facebook Share, Twitter Card, LinkedIn Preview, and Slack Unfurl previews.
If any preview shows incorrect title, description or image, update the og:* tags in your page's <head> and re-fetch.
For Canvas HTML Template pages, update the tags in the <head> section and re-upload; then re-test here.
If the social platform shows a cached old version, use each platform's cache refresh tool (Facebook Debugger, LinkedIn Post Inspector, Twitter Card Validator).
| Property | Description | Notes |
|---|---|---|
| og:title | Title shown in social share cards | Up to 90 chars; can differ from <title> |
| og:description | Description shown under the title | Up to 200 chars; make it compelling |
| og:image | Image displayed in the share card | 1200×630px; absolute URL required |
| og:url | Canonical URL of the page | Should match your canonical link tag |
| og:type | Content type (website, article, etc.) | Most pages: 'website' |
| og:site_name | Name of the website/brand | Shown on Facebook and Slack cards |
| og:image:width | Width of the OG image | Helps platforms size image correctly |
| og:image:height | Height of the OG image | Pair with og:image:width |
| og:locale | Language/region of content | e.g. en_US, en_GB, fr_FR |
The recommended Open Graph image size is 1200×630 pixels (1.91:1 aspect ratio). This renders correctly on Facebook, LinkedIn, WhatsApp, and Slack. For Twitter summary_large_image cards, 1200×628 pixels is ideal. Images must be at least 200×200px (Twitter minimum is 144×144px). Always use absolute URLs — relative paths won't work for social crawlers. Keep file size under 8MB.
Twitter uses its own meta tags (twitter:card, twitter:title, twitter:description, twitter:image) which fall back to Open Graph tags if the Twitter-specific ones aren't set. If your twitter:card type is set to 'summary' instead of 'summary_large_image', Twitter will show a small thumbnail instead of a large card. Also, Twitter caches card previews aggressively — use the Twitter Card Validator to force a refresh.
Each platform has a cache refresh tool: Facebook/Meta uses the Sharing Debugger (developers.facebook.com/tools/debug), LinkedIn has the Post Inspector (linkedin.com/post-inspector), and Twitter has the Card Validator (cards-dev.twitter.com/validator). Enter your URL and click 'Scrape Again' or 'Fetch' to force a fresh crawl. Cache typically expires in 24–72 hours naturally.
The most common og:type values are: 'website' (default, for most pages), 'article' (for blog posts and news — enables article:published_time and article:author), 'product' (for e-commerce product pages), 'video.movie' or 'video.episode' (for video content), and 'music.song' (for music). Most Canvas HTML Template landing pages should use og:type='website'.
Canvas Builder generates production-ready Canvas HTML Template pages with OG tags, meta descriptions, and social share optimisation built in.
Try Canvas Builder