How it works
What it writes
Fill in the fields and the tags update at once: charset and viewport, the title element, description, robots, a canonical link and a theme colour. Empty fields are left out, and quotes and angle brackets in your text are escaped so the markup stays valid.
Copy the block, or download it as meta-tags.html, and paste it inside the head of your page.
Open Graph and X cards
Open Graph tags (og:title, og:description, og:type, og:url, og:image, og:site_name, og:locale) control the preview when a link is shared on most social sites and chat apps. The X tags set the card type, text, image and the site’s handle.
The card is Large image only when you give an image address; without one it falls back to the small summary card. A handle may be typed with or without @, or pasted as an x.com link.
Lengths
The counters compare the title and description with about 60 and 160 characters. Search engines measure in pixels, not characters, so these are guides: longer text may be cut off with an ellipsis, it is not rejected.
