Open Graph Preview Checker
Open Graph metadata shapes how your page may appear when someone pastes the link into social feeds, chat apps, and team updates. Use this checklist before launch so the preview describes the right page, uses the production URL, and does not rely on confusing fallbacks.
Who this is for
Built for practical launch reviews
- Builders preparing to share a launch link on social, in communities, or with customers.
- Small teams polishing landing pages, tool pages, resource pages, and product announcements.
- Anyone who wants share previews to be clear without making unsupported marketing claims.
What to check first
Start with the checks most likely to block launch
Check the title and description
They should name the page clearly and describe what someone will get after clicking.
Confirm the preview URL
Use the final canonical URL. Avoid preview deployment links, localhost URLs, and old campaign paths.
Review the image honestly
The image should represent the page, product, or resource. A generic image can make a useful page feel unfinished.
Practical checklist
Work through these checks before launch
Review the core fields
A useful preview usually starts with a specific title, description, URL, and image.
Keep the title specific
Use the page name or offer first. Avoid vague labels that only make sense after someone has already visited the site.
Make the description truthful
Describe what the page actually offers. Do not pad the preview with claims you cannot support on the page.
Use the canonical public URL
Set the URL to the final page address so previews, analytics, and sharing all point to the same destination.
Check the image
The image should help someone recognize the page, product, or resource.
Avoid misleading artwork
Use an image that represents the actual page or product rather than a generic background that tells users nothing.
Keep text readable
If the image includes text, make sure it still works when the preview is cropped or displayed on a small screen.
Confirm the image is publicly reachable
Preview images must be available to external crawlers. A local file path or protected asset will not work reliably.
Compare with search metadata
Open Graph and search metadata can differ, but they should not contradict each other.
Match the page intent
A social preview can be warmer than a search snippet, but both should describe the same page and audience.
Check fallbacks
If a platform ignores one field, the page title and meta description may be used instead, so review those too.
Retest after URL changes
Changing domains, redirects, or canonical tags can leave old previews cached elsewhere, so verify again after launch changes.
Practical examples
What good launch checks look like
Clear title
Vercel Launch Checklist for New Websites is stronger than Launch Checklist because it tells people exactly what the page covers.
Clear description
Check domains, redirects, production builds, metadata, and final smoke tests before sharing a Vercel site.
Needs attention
A preview that uses Example App, Coming Soon, or a localhost image URL will feel unfinished when shared.
Related pages
Keep checking the same launch path
Google Search Console Setup Checklist for New Websites
Set up Google Search Console for a new website with clear checks for verification, sitemap submission, URL inspection, indexing basics, and launch follow-up.
Open checklist ->SEO filesSitemap and Robots.txt Checker
Review sitemap.xml and robots.txt before launch so public pages are discoverable, blocked paths are intentional, and search crawlers get clear instructions.
Open checklist ->Launch checksVercel Launch Checklist for New Websites
Launch a new Vercel website with practical checks for domains, redirects, production builds, environment values, SEO files, metadata, and final smoke tests.
Open checklist ->FAQ
Short answers before launch
Is Open Graph metadata the same as SEO metadata?
No, but they overlap. SEO metadata is aimed at search snippets. Open Graph metadata is aimed at link previews. They should support the same page intent.
Do I need a different Open Graph image for every page?
Not always. Important pages benefit from specific images, but a clear site-level fallback is better than a broken or misleading image.
Why does a shared preview show old content?
Some platforms cache previews. Fix the metadata first, then use the platform's preview/debug tool if one is available.
What should I check before posting a launch link?
Check the title, description, image, canonical URL, and how the page reads if a platform falls back to normal metadata.
Related checks
Related ShipCheckr checks
Follow these links to keep the launch review moving across search, metadata, deployment, and AI-specific checks.
Start Here
Follow a guided path through ShipCheckr launch checks.
Open check ->ToolOpen Graph Preview
Preview social and messaging link metadata.
Open check ->ToolMeta Title and Description Preview
Preview search title and description copy.
Open check ->SEO guideGoogle Search Console Setup Checklist
Verify the property, submit the sitemap, and inspect key URLs.
Open check ->ShipCheckr tools
Useful tools for this review
Open Graph Preview
Preview how a page may look when shared on social and messaging apps.
Open toolMeta Title and Description Preview
Check how your page title and description read in search results.
Open toolLaunch Readiness Scorecard
Score the basics that make a small app feel ready to use.
Open tool