All free tools Tags built in your browser

Open Graph Tags Generator

Decide how your links look when they are shared on Facebook, LinkedIn, WhatsApp, Slack, Telegram and X. Fill in a few fields, preview the card and copy ready-made meta tags, or audit the tags a live page already has.

Build your social meta tags

HTML tags
Optional: start from a live page
The VPSLake server reads the page's og: and twitter: tags, tests the share image, and fills the form below so you can fix and copy a corrected set.

Use an absolute https:// URL. 1200 × 630 px (1.91:1), JPG or PNG under 1 MB, works everywhere.

Paste inside <head>

social-meta-tags.html

                                        

After publishing, refresh old previews with the Facebook Sharing Debugger ("Scrape Again") and the LinkedIn Post Inspector. To roll back, remove these lines from your template.

1200 × 630 image
example.com
Your page title
A short description of the page.

Approximate layout. Each network crops and truncates slightly differently.

Create share tags in four steps

Start from scratch or from a live page; the generated tags update as you type.

  1. 1

    Optionally load a live page

    Enter a URL under Start from a live page to audit its current tags and share image. The form is filled with what the page already declares.

  2. 2

    Write the title and description

    Keep the title under about 60 characters and the description under about 160. The counters warn you when text is likely to be cut short.

  3. 3

    Add the page URL and image

    Use the canonical page URL and an absolute image URL. The preview loads the image so you can see how it will be cropped.

  4. 4

    Copy into your template

    Copy or download the tags and paste them into the page's <head>. In a CMS, use your SEO plugin's social fields instead of hard-coding them.

What Open Graph tags control

Open Graph is a set of <meta property="og:…"> tags that tell social networks and messaging apps what to show when someone shares a link: a headline, a short summary, an image, the site name and the canonical address.

Without them each platform guesses, often picking a logo, an advert or nothing at all as the image, and the first line of the page as the description.

Twitter cards and Open Graph together

X reads its own twitter: tags first and falls back to Open Graph for anything missing. The one tag it really needs is twitter:card, which chooses between a small square thumbnail and a wide image card.

The generator outputs both sets from the same fields, so every platform shows the same wording.

Getting the share image right

Use 1200 × 630 pixels, keep text and logos away from the edges because some apps crop to a square, and keep the file small so messaging apps do not skip it. The image must be publicly reachable: not behind a login, a hotlink rule or a firewall that blocks bots.

If you serve images from your own VPS, make sure your hotlink protection allows the crawlers of Facebook, LinkedIn and X.

Why the old preview keeps showing

Platforms cache link previews, sometimes for weeks. After changing your tags, ask Facebook to re-scrape in the Sharing Debugger and LinkedIn in the Post Inspector. Messaging apps refresh on their own over time; adding a harmless query string such as ?v=2 to the shared link forces a fresh fetch.

Privacy and accuracy

The tags are generated in your browser and nothing you type is sent to VPSLake. The preview image is loaded by your browser directly from the address you enter. Only the optional page audit uses the VPSLake server, and it does not store the URL or the page. The preview is an approximation; final appearance is decided by each platform.

Open Graph Generator FAQ

The protocol lists og:title, og:type, og:image and og:url as the basic four. In practice add og:description and og:site_name as well, plus twitter:card for X. The generator outputs all of them whenever you fill the matching field.
Yes. Networks use og:url to group likes and shares, so it should be the clean canonical address without tracking parameters. If it differs from your canonical tag, shares of the same page can be counted separately.
The most common causes are a relative image path, an image smaller than 200 × 200 px, a file that is too large, a URL that redirects to a login or block page, and a firewall or hotlink rule that refuses the network's crawler. The page audit tests the image the way a crawler would and reports its real size.
They are not a ranking factor for search results. They improve how links look when shared, which affects how many people click, and better-shared content tends to earn more visits and links over time.
No. The generator runs in JavaScript on this page. Only when you use Check Page Tags is the page address sent to the VPSLake server, which fetches that page once, returns its tags and keeps nothing.
Yes. The <title> and meta description are for search engines, while og:title and og:description are for social cards. Many sites use a shorter, more conversational headline for sharing.