Before a page ranks, a person has to choose it from a list of results or from a link in a chat, and the few tags in the head of the page decide what that person sees. This generator writes them for you: the title and description for search engines, the canonical address, and the Open Graph and Twitter card tags that control how a shared link looks. A live preview shows both, and counters tell you when a title or description may be cut off.
Create your tags in three steps
- Fill in the page title, the description and the page URL.
- Add a share image address and the site name if you want a rich link preview, and pick the card style.
- Check the two previews, then press Copy and paste the lines into the head of your page.
What gets generated
- The title and description tags that search engines show in results.
- A canonical link that names the preferred address when a page is reachable under several.
- Open Graph tags (og:title, og:description, og:image, og:url, og:type) read by Facebook, LinkedIn, WhatsApp, Slack and others.
- Twitter card tags for a large or a small preview on X.
- Optional robots, theme color, charset and viewport tags.
Lengths that work
Search engines cut titles at about 60 characters and descriptions at about 160, although the real limit depends on the width in pixels. The counters mark text that is a little short, of good length or likely to be cut off. A good title names the topic first and the brand last, and a good description answers what the visitor will find on the page, in plain words rather than a list of keywords.
Share images and testing
A share image of 1200 by 630 pixels works on nearly every network. Use a full address that starts with https, because relative paths are not followed. After publishing, the networks cache what they saw, so use their own debugging tools to refresh a link. The preview here uses the text you enter and does not load your image, so nothing is requested from other servers.