Meta Tag Generator
Fill in your page details to generate title, description, Open Graph, and Twitter Card meta tags — ready to paste into your page's <head>.
Why these tags matter
- Title & description — shown in Google search results
- Canonical link — tells search engines the preferred URL for this content
- Open Graph tags — control how the page looks when shared on Facebook, LinkedIn, and most other platforms
- Twitter Card tags — control the preview specifically on X (Twitter)
A note on description length
Google typically displays up to around 155-160 characters of a meta description before truncating it, though the exact cutoff varies by device and query. Aim for a concise, accurate summary within that range.
Example output
With a title of Tile Calculator - Example Tools, a short description, a canonical URL and an image, the tool writes a title tag, a description tag, a canonical link, the og:title, og:description, og:url, og:image and og:site_name tags, and the twitter:title, twitter:description and twitter:image tags, plus an og:type of website. The twitter:card is summary_large_image when an image is given and summary when it is not. Characters such as &, quotation marks and angle brackets are escaped, so a title like Fish & Chips will not break the markup.
Practical length and image guidance
- Titles are cut off by width rather than by character count, but roughly 50-60 characters usually displays in full.
- Descriptions are a summary, not a ranking signal, and search engines sometimes replace them with text from the page that better matches the query.
- A social preview image around 1200 by 630 pixels works on most platforms. Use a full address starting with https:// for both the image and the canonical URL.
- A twitter handle can be typed with or without the @ sign; the tool adds it once.
What this generator does not write
It does not create the viewport tag, robots directives, favicon links, hreflang tags for multilingual sites, or structured data (JSON-LD). It also does not check the length of your text or confirm that the image address loads, so after publishing, test the page in a social preview debugger and in a search result preview to see what platforms actually display.
Frequently asked questions
Do I need every field filled in?
No — leave any field blank and its corresponding tags simply won't be generated. Title, description, and URL are the most commonly needed; image and site name matter most if you care how the page looks when shared on social media.
Where do these tags go in my page?
Paste the generated tags inside the <head> section of your HTML, alongside your existing meta tags.
How long should a meta title and description be?
Aim for roughly 50-60 characters for the title and 150-160 for the description. Search engines truncate by display width, so these are guides rather than hard limits, and they may rewrite either one.
Why does the Twitter card type change?
When you provide an image, the tool sets twitter:card to summary_large_image so the preview shows a large picture. Without an image it uses the smaller summary card.