Meta Tag & OG Preview Generator
Fill in your page details, preview how it appears on Google and social media, and copy production-ready meta tags.
Google preview
example.com
Your Page Title
Your page description appears here.
Social card preview
example.com
Your Page Title
Your page description appears here.
Generated code
<title>Your Page Title</title> <meta name="description" content="Your page description appears here." /> <!-- Open Graph --> <meta property="og:type" content="website" /> <meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="Your page description appears here." /> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Your Page Title" /> <meta name="twitter:description" content="Your page description appears here." />
Want your whole site's SEO handled properly?
Explore Technical SEOWhat are meta tags — and which ones actually matter for SEO?
Meta tags are snippets in your page's HTML head that tell search engines and social platforms what the page is about. Only a handful matter in practice: the title tag (your headline in Google), the meta description (the preview text under it), the canonical URL, and the Open Graph / Twitter card tags that control how your link looks when shared on Facebook, LinkedIn, WhatsApp or X. This free meta tag generator produces all of them, with a live preview of your Google result and social card.
| Tag | Ideal length | Why it matters |
|---|---|---|
| Title tag | 50–60 characters | The strongest on-page ranking signal and your ad headline in search results — put the main keyword early. |
| Meta description | 110–160 characters | Doesn't rank you directly, but decides whether people click your result or your competitor's. |
| OG image | 1200 × 630 px | Links with a real preview image get dramatically more clicks on Facebook, LinkedIn and WhatsApp. |
| Canonical URL | — | Tells Google which version of a page is the original, protecting you from duplicate-content issues. |
Meta tag mistakes I fix on almost every website audit
After auditing 100+ sites as a technical SEO specialist in Nepal, the same problems repeat: every page sharing one identical title, descriptions left empty so Google invents its own, no OG image so shared links show a grey box, and titles that cut off mid-sentence in search results. Each one costs clicks. Write a unique title and description per page, test them in the preview above, and give every important page a 1200×630 share image — my graphic design service makes branded OG images if you need them.
How to add meta tags to WordPress or a custom site
On WordPress, install Rank Math or Yoast and paste your title and description into the page's SEO box — the plugin outputs the tags for you. On a custom or Next.js site, the generated code above drops straight into your HTML head or metadata config. Not sure your tags are set up right? Run your page through my Website Speed & SEO Checker — it flags missing SEO essentials alongside performance issues.
Meta tags are step one. Ranking is the job.
I do technical SEO and web development in Nepal — clean meta tags, schema markup, Core Web Vitals and content structure that actually move rankings. Free audit within 24 hours.
Frequently asked questions
+What is the ideal title tag length for Google?
Keep title tags between 50 and 60 characters. Google truncates titles at roughly 600 pixels wide — about 60 characters — and rewrites titles it considers too long, too short or keyword-stuffed. Put your most important keyword near the beginning and your brand at the end.
+Do meta descriptions affect Google rankings?
Not directly — Google has confirmed meta descriptions are not a ranking factor. But they heavily influence click-through rate, and a result that earns more clicks tends to perform better over time. Write 110–160 characters that sell the click, including the keyword (Google bolds matching words).
+What size should an Open Graph image be?
1200 × 630 pixels (1.91:1 ratio) is the standard that works across Facebook, LinkedIn, WhatsApp and X. Keep important text in the middle of the image, keep the file under ~1 MB, and use JPG or PNG.
+How do I add meta tags to a WordPress website?
Install an SEO plugin like Rank Math or Yoast SEO, open the page or post, and fill in the SEO title, description and social image fields in the plugin's box. The plugin writes the actual meta tags into your page head automatically — no code needed.
+Why does Google show a different title than the one I set?
Google rewrites titles it thinks are too long, duplicated across pages, or a poor match for the search query. Keep titles under 60 characters, unique per page, and accurately describing the content, and Google usually keeps them as written.
What this tool does
- SEO title & description with live length checks
- Open Graph + Twitter card tags
- Google search result preview
- Social share card preview
How to use it
- 1Enter your page title, description and URL
- 2Add an image URL for the social card
- 3Check the Google & social previews
- 4Copy the generated code into your <head>