Open Graph Tag Generator

When a webpage is shared, social platforms can use metadata in the page head to choose a title, description and image for the link preview. Open Graph properties provide a common way to publish those values, while X also supports its own card metadata.

The Wild Creek Open Graph Tag Generator helps you create that metadata without writing each tag by hand. Enter the page details, inspect approximate Facebook-style, X-style, LinkedIn-style and WhatsApp-style cards, and copy the generated HTML.

The previews are intentionally labelled as approximations. Social platforms can change their card layouts, cache older metadata, crop images differently or choose not to display a supplied value. A browser preview can help you draft the content, but it cannot reproduce every live platform decision.

Fill in the fields to generate tags.

What the generator includes:

• `og:type`
• `og:title`
• `og:description`
• `og:url`
• `og:site_name`
• `og:locale`
• `og:image`
• Optional image width, height and alt text
• Article author, section, published time and modified time when Article is selected
• X `summary` and `summary_large_image` card metadata
• Optional X site and creator handles

Why only two X card types?

Summary and summary_large_image can be generated from the information this form collects. App and player cards need additional platform-specific properties, so offering those options without their required supporting fields would produce incomplete output.

Writing the Share Title

A social share title does not need to match the page’s search title exactly. It should accurately identify the page and make sense when someone encounters it outside the site.

Do not chase one universal character count. Different platforms and devices allocate different widths. Put the distinctive information early and review whether the title still makes sense when shortened visually.

Writing the Share Description

Use the description to provide useful context beyond the title. Again, there is no single display length that applies to every platform. Lead with the most important information and avoid relying on the final words to carry the meaning.

Choosing a Share Image

Use an absolute HTTPS image URL that the platform can fetch publicly. A wide image around a 1.91:1 aspect ratio is a practical cross-platform starting point, and 1200 × 630 pixels is a common implementation choice.

That does not guarantee identical rendering everywhere. Some services crop more aggressively, some display a compact card, and messaging apps can use different layouts depending on device and context. Keep important subjects and text away from vulnerable edges.

Image alt text can provide a machine-readable description of the share image for platforms that support the relevant property. Write it as a useful image description rather than repeating the share title.

Generated HTML Safety

The generator escapes user-entered attribute values in the actual copied HTML, including quotes and angle brackets. This matters because the output is designed to be pasted into page markup.

The generator itself runs in the browser and sends no form data to Wild Creek or an external API.

Before Implementing the Tags

Check the rendered page source first. WordPress SEO plugins, ecommerce plugins and themes frequently generate Open Graph metadata already. Adding a second set of `og:title`, `og:url` or `og:image` properties can create conflicts rather than improve the preview.

If your existing SEO plugin exposes social-sharing fields, setting the values there is usually cleaner than adding a separate manual block.

After publishing, use the debugging or inspection tools provided by the relevant platform when available. Remember that cached social previews may need time or an explicit refresh before a new image or title appears.

Open Graph and SEO Rankings

Open Graph metadata is primarily about link presentation on services that consume it. It is not a direct Google ranking control. Better share presentation can make links clearer and more attractive to people, but the generator does not claim that adding these tags will improve organic rankings.