中文

Open Graph Meta Generator

Generate complete Open Graph and Twitter card meta tags from JSON or four lines.

Open Graph Meta Generator
Local input
Output
Processing…
Processed locally in your browserNo input history is saved
About this tool

Made for the task at hand.

Create the core social-sharing metadata for a web page from either a JSON object or four lines in title, description, URL, image order. Values are validated and HTML-attribute escaped.

How to use

  1. Enter JSON with title, description, url, and image, or put those four values on separate lines.
  2. Generate the Open Graph and large-image Twitter card tags.
  3. Copy the meta elements into the page head and test the public URLs.
Your work stays yours.
Tool inputs are processed locally in your browser and are never sent to KitVerse servers. Clear the workspace when using a shared device.
Common questions
Which tags are generated?

The output includes og:title, og:description, og:url, og:image, og:type=website, twitter:card=summary_large_image, and matching Twitter title, description, and image tags.

Do the URLs need to be absolute?

Yes. og:url and og:image must be absolute HTTP or HTTPS URLs. Generating tags does not check whether the destination is publicly reachable.

Related tools · Development

Free

Regex Tester

Test JavaScript regular expressions and inspect matches, groups, and indices.

Free

Regex Replacer

Replace text with JavaScript regex patterns and capture references.

Free

Chmod Calculator

Convert three-digit Unix permissions and symbolic owner/group/other clauses.