Skip to content
CreatorKit

Social Sharing Preview

Write the title, description and image for a shared link, see a draft card, and copy the Open Graph meta tags to add to your page.

CreatorKit does not visit your page or store what you type. Images are only loaded if you choose to show them.

0 / ~60 — Add a title. Without one, platforms fall back to the page URL or <title>.

0 / ~160 — Add a description. Many cards show one or two lines of it.

“Show image” makes your browser request the picture directly from that website, which can see your IP address. CreatorKit never fetches or stores it. Or instead.

Large image card (typical layout)

No image loaded

Your page title

Your description appears here. Write one or two sentences that tell people what they will get.

Compact card (typical layout)

No image loaded

Your page title

Your description appears here. Write one or two sentences that tell people what they will get.

These are illustrations, not screenshots of any platform. Each network decides its own layout, may crop the image, and caches previews. CreatorKit does not visit or inspect your page; it only shows what you typed.

Meta tags for your page’s <head>

<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />

What Open Graph tags do

When someone shares a link, the platform looks in the page’s HTML for og: meta tags to decide which title, description and image to show. Without them, it guesses, often picking the wrong image or an unhelpful snippet. Adding the tags gives you control over that first impression.

How to use this tool

  1. Enter a title and description. The counters give rule-of-thumb guidance on length.
  2. Enter the page’s address and the full address of your share image.
  3. Press Show image to view it in the draft cards, or preview a file from your device instead.
  4. Copy the generated tags and paste them inside the <head> of your page. Website builders often have “social sharing” or “SEO” fields that set these for you.

Writing a good title and description

  • Put the most important words first; long titles are cut off, especially on phones.
  • Describe the benefit or what the reader will find, not just your brand name.
  • Make each page’s tags unique. Copying the same description to every page wastes the opportunity.
  • Character counts are only a guide: platforms truncate by width, and wide letters like “W” take more room than “i”.

Image tips

  • Use an absolute https:// URL. Relative paths like /share.jpg do not work in Open Graph tags.
  • Keep the file reasonably small (a few hundred KB) so platforms fetch it quickly. The image compressor can help.
  • Add og:image:alt to describe the image for people using screen readers.

Privacy and limits

CreatorKit never requests your page or image. If you press “Show image”, your own browser loads the image directly from the address you gave, as it would if you opened that address in a tab; that website can see the request. Some sites block their images from being shown elsewhere, in which case the preview will not appear even though platforms may still be able to fetch it. Files you preview from your device stay on your device.

Frequently asked questions

Is this exactly how my link will look on Facebook, LinkedIn or X?
No. The cards here are generic illustrations of two common layouts. Each platform has its own design, crops images differently, and changes its layout over time. Use each platform’s own sharing or debugging tool for the final check.
Does this tool read my website?
No. It only shows what you type into the form. It does not fetch your page or check what tags are already on it.
I updated my tags but the old preview still shows. Why?
Platforms cache link previews. Most offer a debugging or “inspect post” tool that lets you ask them to fetch your page again.
What image size should I use?
A 1200 × 630 pixel image (about 1.91:1) is a widely used choice for large cards. Keep important content away from the edges, as some layouts crop it. You can make one with the image resizer.

Related tools