Meta tag generator (title, description, Open Graph)

How to use

1. Enter the title, description and canonical URL. An approximate width check appears as you type.
2. If needed, set robots (for example noindex), Open Graph and X card fields. Empty Open Graph fields fall back to the title, description and canonical URL.
3. Press "Copy HTML" and paste the tags inside the <head> of your page. Check the search result and social card previews below.

Notes and limits

• Previews are approximations. Real search results and social cards depend on the search engine, platform, device and font, and search engines sometimes show text from the page instead of your description.
• Widths are rough estimates for a typical sans-serif font. The limits of about 600 px for titles and 920 px for descriptions are commonly cited rules of thumb, not official numbers.
• The image at your og:image URL is not loaded on this page (no external requests). To see an image in the preview, you can choose a local file; it is not added to the code.
• The robots tag tells search engines whether to show the page. It does not block access to the page.

How it works

Every value is escaped for HTML attributes (& < > " and ' become character references) before it is written. Line breaks and repeated spaces are collapsed into one space.

index and follow are the defaults, so no robots tag is written when both are on. Turning one off writes, for example, "noindex, follow".

Empty Open Graph title, description and URL fall back to the title, description and canonical URL. X reads Open Graph values, so with Open Graph on only twitter:card and twitter:site are added.

Text width is estimated per character: narrow letters such as i and l count less, wide letters such as m and W count more, and Korean, Japanese and Chinese characters count as one full em.