Free tool

Open Graph tag generator

Fill in the page, the title, the description, and the image. The meta tags update as you type, including the Twitter Card tags. Copy them into the HTML your server sends, then check the live page. This stays in your browser. No account, and it does not use a check.

A common size for the large card image is 1200×630.

Sketch

Title, description, domain, and image from the fields. Large image puts the picture on top. Summary puts a small picture beside the text. This is not a preview from X, LinkedIn, Slack, Discord, iMessage, or any other app.

Add an image URL to see it here.

Meta tags

Paste this into the head of the page. og:type is website. Change that to article if the page is a post. Twitter title, description, and image match the Open Graph values.

Length notes are in the title and description guide. Image URL rules are in the absolute image URL guide. Tags added only after JavaScript runs are invisible to preview clients — put this block in the first HTML response.