Free tool · SEO
A plain link gets scrolled past. A link with a sharp image and a clear title gets clicked. Fill in a few fields and I will write the tags for you and show you the cards.
Your page
Test image for the preview
It stays on your device. I only use it to draw the preview and check its size.
Facebook and LinkedIn
example.com
Fargo Web Design for Local Businesses | Red River Co.
Custom websites for Fargo and Moorhead businesses. Fast, easy to edit and built to show up on Google. Get a free quote in one day.
X (Twitter)
From example.com
Every app draws cards a little differently, so treat these as close previews. After you publish, run the page through each platform's own debugger to clear old cached cards.
Your tags
All good<title>Fargo Web Design for Local Businesses | Red River Co.</title>
<meta name="description" content="Custom websites for Fargo and Moorhead businesses. Fast, easy to edit and built to show up on Google. Get a free quote in one day." />
<link rel="canonical" href="https://example.com/web-design" />
<!-- Open Graph (Facebook, LinkedIn, iMessage, Slack) -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Fargo Web Design for Local Businesses | Red River Co." />
<meta property="og:description" content="Custom websites for Fargo and Moorhead businesses. Fast, easy to edit and built to show up on Google. Get a free quote in one day." />
<meta property="og:url" content="https://example.com/web-design" />
<meta property="og:site_name" content="Red River Co." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Laptop showing a clean small business website" />
<!-- X (Twitter) -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@redriverco" />
<meta name="twitter:title" content="Fargo Web Design for Local Businesses | Red River Co." />
<meta name="twitter:description" content="Custom websites for Fargo and Moorhead businesses. Fast, easy to edit and built to show up on Google. Get a free quote in one day." />
<meta name="twitter:image" content="https://example.com/og-image.jpg" />- Title length is right.
- Description length is right.
- Page URL is a full address.
- Share image URL is a full address.
How to use it
Three minutes, tops.
- 1Fill in the title, description and page URL. Use the same words you would want on a Google result.
- 2Paste the full URL of your share image. If you have the file handy, choose it as a test image to check the crop and size.
- 3Pick HTML or Next.js, copy the code and paste it into your page head or your site builder's custom code box.
Questions
Things people ask me.
What are Open Graph tags?
They are meta tags that tell Facebook, LinkedIn, iMessage, Slack and most other apps which title, description and image to show when someone shares your link. Without them, apps guess, and the guess is usually a logo or nothing at all.
What size should my share image be?
Use 1200 by 630 pixels. That ratio works on Facebook, LinkedIn and X. Keep the file under 1 MB and keep important text away from the edges, since some apps crop a little.
Why is my old image still showing when I share the link?
Apps cache link previews. After you update your tags, run the page through the Facebook Sharing Debugger or LinkedIn Post Inspector to refresh it. X refreshes on its own within a few days.
Do meta tags help my Google ranking?
The title tag matters a lot. The meta description does not change rankings directly, but a good one gets more clicks, and more clicks is the whole point. Open Graph tags are about shares, not rankings.
Runs entirely in your browser. Nothing you type leaves this page unless you hit save.