Open Graph preview

Enter a page title, description and image URL to see roughly how your link will look when it is shared on LinkedIn, Facebook and X. Then copy the Open Graph and Twitter tags into your page.

39 chars
105 chars
Full https:// URL of a 1200 × 630 image. Your browser loads it directly.

Meta tags

<meta property="og:type" content="website" />
<meta property="og:url" content="https://yourbusiness.ca/" />
<meta property="og:title" content="Custom Kitchens and Millwork in Calgary" />
<meta property="og:description" content="Hand-built kitchens, vanities and built-ins, designed with you and installed by the people who made them." />
<meta property="og:image" content="https://yourbusiness.ca/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Custom Kitchens and Millwork in Calgary" />
<meta name="twitter:description" content="Hand-built kitchens, vanities and built-ins, designed with you and installed by the people who made them." />
<meta name="twitter:image" content="https://yourbusiness.ca/og-image.jpg" />

LinkedIn

No image

Custom Kitchens and Millwork in Calgary

yourbusiness.ca

Facebook

No image

yourbusiness.ca

Custom Kitchens and Millwork in Calgary

Hand-built kitchens, vanities and built-ins, designed with you and installed by the people who made them.

X

No image
Custom Kitchens and Millwork in Calgary

From yourbusiness.ca

Approximate layouts. Each platform changes its design from time to time.

Want share images that match your brand?

Send me your site and I’ll check how your key pages look when shared, with a note on what to fix. Free.

No newsletter. Just what you asked for, from me. Privacy

How to use it

  1. Paste your page URL, title and a short description.

  2. Paste the full URL of a 1200 × 630 image. It loads in your own browser.

  3. Check all three previews and shorten anything that looks cramped.

  4. Copy the meta tags into your page’s head.

Why it matters

Every time someone shares your site, the platform builds a little card from your Open Graph tags. Without them, it guesses, and it usually guesses badly: the wrong image, a cookie notice as the description, or no card at all.

For a service business this card is often the first impression in a referral. A partner shares your site in a LinkedIn post or a group chat, and the card is what people see before they click.

The image does most of the work. Use 1200 × 630 pixels, keep text away from the edges, and make sure it still reads when shown small.

Good to know

  • Use absolute URLs

    og:image must be a full URL starting with https://. Relative paths often fail.

  • Clear the cache

    Platforms cache cards. After changing tags, use LinkedIn’s Post Inspector or Facebook’s Sharing Debugger to refresh them.

  • Previews are approximate

    Each platform changes its layout from time to time. These previews show proportions and cropping, not pixel-perfect copies.

FAQ

Open Graph preview: questions

  1. 1200 × 630 pixels is the safe default for LinkedIn, Facebook and X large cards. Keep important content in the centre, because some placements crop the edges.

  2. LinkedIn caches link previews. Run the URL through LinkedIn’s Post Inspector to fetch it again after you update your tags.

  3. X falls back to Open Graph tags for title, description and image. Adding twitter:card set to summary_large_image makes sure it uses the large layout.

  4. No. It only uses what you type, and your browser loads the image URL directly. Nothing is sent to me.

Keep reading

Let’s begin

Let’s build something you’re proud to share.

Let’s Talk