Open Graph Tag Generator
Generate HTML Open Graph meta tags for social media previews. Customize title, description, image, page type, and locale for clean snippet sharing.
Run tool
This online Open Graph tag generator formats standardized HTML meta tags for web pages, articles, and social media sharing previews. Providing a non-empty page title produces formatted `<meta property="og:...">` elements ready to paste directly into an HTML document head. Along with the title, the generator includes a description tag and sets default values of website for the page type and en_US for the locale. You can customize the page type or locale, and add optional fields such as a canonical URL, a preview image URL, and a site name. The tool automatically escapes special HTML characters in your submitted text to prevent malformed tags in source code. When the title field remains blank, the generator outputs no meta tags. Use this utility to create structured social preview tags for blog posts, product pages, landing pages, and documentation sites before publishing.
Instructions
- Enter your webpage title in the Title field. A non-empty title is required to generate markup.
- Provide a concise summary in the Description field for social media preview snippets.
- Add the canonical webpage link in the URL field and a preview graphic link in the Image URL field.
- Optionally provide a Site Name, or adjust Type and Locale from their default values of website and en_US.
- Generate the markup and copy the resulting HTML meta tags into the head section of your page.
Examples
- Generating core website tags with Title 'Acme Analytics Platform', Description 'Web metrics and conversion reporting for growth teams.', and Site Name 'Acme Analytics', producing og:title, og:description, og:site_name, og:type='website', and og:locale='en_US'.
- Generating article tags with Title 'Understanding HTTP Status Codes', Description 'A practical guide to web server response codes.', Type 'article', Locale 'en_US', URL 'https://example.com/blog/http-codes', and Image URL 'https://example.com/images/cover.png'.
FAQ
Why is no markup produced when the title field is empty?
The generator requires a non-empty title before creating Open Graph tags. Entering a title generates the complete set of configured meta tags.
What are the default values for type and locale?
The tool defaults the Type field to website and the Locale field to en_US. You can overwrite both fields with any custom values as needed.
Does the generator check whether remote image URLs or links exist?
No. The generator assembles and HTML-escapes your entered text into meta tags. It does not fetch remote files, check link status, or test social network rendering.
How are special characters handled in the generated tags?
All entered text values are HTML-escaped automatically so that quotation marks, ampersands, and angle brackets do not break the resulting HTML code.