Skip to content
Categories
Meta Tag Generator
Generate meta tags with OGP and Twitter Card support from a title and description.
Overview
- Generates a full set of meta tags supporting OGP (OpenGraph) and Twitter Card, just by entering a title and description.
- Lets you prepare, all at once and with the correct tag structure, the title, description, and image that appear when the page is shared on social media.
- Characters like " or & in the title or description are automatically escaped to be safe as HTML attribute values.
Usage
- Enter a title and description (required).
- Optionally set the URL, image URL, site name, og:type, and Twitter Card type.
- Click "Generate" to get a set of meta tags ready to paste into <head>.
Example
Input
Title: Developer Tools Platform / Description: A collection of developer tools
Output
<title>...</title> <meta name="description" ...> <meta property="og:title" ...> ...
Use Cases
- Generating meta tags for SEO and social sharing all at once when publishing a new page
- Setting the title, description, and OGP image of a blog post or landing page to control how it looks when shared on social media
- Generating a complete set of tags as a reference when reviewing an existing page's meta tag setup
FAQ
Are the URL and image URL required?
No, they are optional. If left empty, the corresponding tags (og:url, og:image, twitter:image, etc.) are omitted from the output.
Can I include characters like " or & in the title or description?
Yes. They are automatically escaped to be safe as HTML attribute values before being output.
Does this also work for other social networks like Facebook?
Yes. The basic OpenGraph tags (og:title, og:description, og:image, og:url) are shared across most social networks, including Facebook.
Notes
- URL, image URL, and site name are optional. If left empty, the corresponding tags (og:url, og:image, etc.) are omitted.
- The basic OGP tags (og:title, og:description, og:image, og:url) are shared across most social networks, including Facebook.
- The generated result exists only on the page and is lost on reload, so copy and save it if you need to keep it.
Related Tools
Format HTML to make it easier to read.
Break a URL down into its individual components.
Generate multiple passwords by specifying character types and length.