Web
Open Graph Meta Generator
Prepare escaped metadata tags for a page title, description, URL, image, and site name.
About this tool
When to use it
Prepare escaped metadata tags for a page title, description, URL, image, and site name.
How to use it
Fill the relevant fields, generate the tags, and place them in the destination page's head through its normal metadata mechanism. Then inspect the deployed page and test previews on the platforms that matter to you.
Guide updated . Examples checked against this implementation.
Worked examples
Escape quotation marks in a title
Input
Title: Demo "Tools"; Type: website; other fields emptyExpected output
<meta property="og:title" content="Demo "Tools"">
<meta property="og:type" content="website">Blank optional fields are omitted. Escaping keeps the quotation marks inside the title attribute rather than breaking tag syntax.
Errors and unsupported input
A preview does not show the selected imageCheck the deployed absolute image URL, crawler access, platform requirements, and cached preview. The generator does not fetch or validate the image.
Continue this workflow
- URL Parser: Inspect the page and image URLs before publishing the metadata.
Questions
Frequently asked questions
Will changing these fields immediately update social previews?
No. Publish the tags on the actual page and allow the platform to fetch or refresh its cached metadata.