LastingWeb

Free tool · No signup

Open Graph tag generator

Fill in a few fields and get the meta tags that control how your page looks when it is shared on LinkedIn, Facebook, X, WhatsApp and Slack.

Runs entirely in your browser · Nothing is sent to our servers

Loading the Open Graph Generator…

What we check and why

What the generator produces

Open Graph is the set of meta tags most platforms read when someone shares a link. Without them, LinkedIn, Facebook, WhatsApp, Slack and Teams guess a title, description and image, often badly. The generator writes the tags for you as you type and shows a preview of the resulting card.

  • og:title, og:description, og:url, og:type and og:site_name.
  • og:image with og:image:width, og:image:height and og:image:alt.
  • og:locale for the page language, for example de_DE or fr_BE.
  • twitter:card set to summary_large_image, which X uses together with the Open Graph tags.

Writing good share copy

The social title does not have to match the page title. Search titles often end with the firm name for branding; a share title works better as a headline that makes sense in a busy feed. Keep it under about 60 characters and the description under about 150, since many platforms cut longer text.

Use an image of 1200 × 630 pixels with important content away from the edges, because some apps crop to a square. A photo of the team or the topic usually performs better than a logo alone. Give it an alt text describing the image for people using screen readers.

Adding the tags

Copy the generated block into the head of the page. In WordPress, SEO plugins such as Yoast or Rank Math have social fields per page that produce these tags; use those instead of pasting code, so the tags stay in sync. Make sure og:url matches the canonical URL and the image URL is absolute and public.

After publishing, check the result with our social preview checker, and refresh platform caches with LinkedIn's Post Inspector or Facebook's Sharing Debugger. Everything you type stays in your browser.

Common mistakes the generator avoids

Relative image paths, images behind a login, og:url pointing to a different page than the canonical one, titles that repeat the site name twice and missing image dimensions are the usual reasons for broken share cards. The generator writes absolute URLs, adds width, height and alt attributes for the image, and warns when a field is too long for most platforms. It also suggests the og:locale from the language you choose, so the card matches your page.

Frequently asked questions

Do I need separate tags for X (Twitter)?

X reads Open Graph for title, description and image. Add twitter:card to choose the large image layout; the generator includes it.

What image size should I use?

1200 × 630 pixels is the common recommendation. Keep the file reasonably small and use JPEG or PNG for maximum compatibility.

Should every page have its own tags?

Ideally yes, at least for pages that are likely to be shared, such as articles and service pages. Set a sensible default for the rest.

Is anything I enter sent to your servers?

No. The generator runs entirely in your browser.

Done for you

Want these fixed? We build it right.

LastingWeb builds fast, secure, compliant websites for professional firms — hosting, TLS, email authentication and GDPR-friendly analytics included.

See packages