Meta Tag Generator
Fill in a short form and get ready-to-paste title, description, Open Graph and Twitter Card meta tags.
Rather than writing meta tags by hand, fill in your page title, description, URL and image, and this tool assembles the full block of HTML — the title tag, meta description, canonical link, Open Graph tags, and Twitter Card tags — formatted correctly and ready to paste directly into your page's
.Why these specific tags and not others
The title tag and meta description are what search engines most commonly display directly in search results, making them the pair most directly tied to whether someone clicks through to a page at all. Open Graph tags control the preview shown when a link is shared on Facebook, LinkedIn, and most other platforms, while Twitter Card tags are specifically read by X/Twitter for its own distinct preview format — together, this set covers essentially every major place a link's appearance can be controlled.
What actually happens if these tags are missing
Without a meta description, search engines will typically auto-generate a preview snippet by pulling text directly from the page's content, which is far less predictable and often less compelling than a deliberately written one. Without Open Graph tags, a shared link on social media may show no image at all, or pull an arbitrary image from the page that wasn't chosen for that purpose — both outcomes that a few minutes filling in this form directly prevent.
Getting the description length right matters more than it seems
Search engines truncate meta descriptions that run too long, sometimes cutting off mid-sentence in a way that reads awkwardly in search results, while a description that's too short wastes an opportunity to give a searcher a reason to click. Staying within the commonly cited 140-160 character range tends to display fully and completely across most search result layouts without truncation.
How to use it
- Fill in your page title, description, URL and image URL.
- The generated meta tag HTML updates live below the form.
- Copy the full block.
- Paste it into the section of your HTML page.
Common ways people use this tool
Setting up a new blog post's SEO tags
Fill in a post's title and summary to generate all the meta tags needed for search and social sharing at once.
Preparing a link to look good when shared on social media
Generate Open Graph and Twitter Card tags so a shared link shows a proper title, description, and image preview.
Standardising meta tags across a small static site
Quickly generate consistent, correctly formatted meta tags for each page of a hand-built HTML website.
Tips for getting the best results
- Keep your title under roughly 60 characters so it doesn't get truncated in search engine results pages.
- Aim for 140-160 characters in the meta description — long enough to be informative, short enough to display in full.
- Use a specific, relevant image for og:image rather than a generic site-wide logo, since a relevant image tends to get more engagement when shared.
- Double-check the URL field matches the actual page's real address exactly, since this becomes both the canonical link and the og:url value.
Frequently asked questions
What's an ideal meta description length?
Roughly 140–160 characters is the commonly cited sweet spot, long enough to be informative but short enough to avoid being cut off in search results.
Why do I need both Open Graph and Twitter Card tags?
Open Graph tags control how links look when shared on Facebook, LinkedIn and most platforms, while Twitter Card tags are specifically read by X/Twitter — having both covers the major platforms.
Do I need an image for social sharing to work?
An image isn't strictly required, but pages with an og:image typically get a much more prominent, clickable preview when shared.
Does a good meta description directly improve search ranking?
Not directly as a ranking factor in most cases, but a well-written description can improve the click-through rate from search results, which is valuable in its own right.
What image dimensions work best for og:image?
A commonly recommended size is 1200x630 pixels, which displays well as a large preview image across most platforms that support Open Graph.
Can I use the same meta description for every page on my site?
It's best practice to write a unique description for each page, since duplicate descriptions across pages provide less distinct information to both search engines and searchers.
Is the canonical tag the same thing as the URL in Open Graph tags?
They typically point to the same URL and serve related purposes, but the canonical tag specifically tells search engines which URL is the authoritative version of a page, while og:url tells social platforms which URL to associate with a shared preview.
Do I need to regenerate these tags every time I update a page's content?
Only if the title, description, URL, or featured image actually changes — otherwise the existing tags remain accurate and don't need to be regenerated just because other page content was edited.
Will filling in these tags guarantee my page ranks higher in search results?
No single tag guarantees a ranking improvement — these tags help search engines and social platforms understand and display your page accurately, which supports good SEO practice without being a ranking guarantee on their own.