Generate a complete set of meta tags for any web page — including SEO basics, Open Graph for Facebook and LinkedIn, and Twitter Card markup. Results update as you type, with live previews showing exactly how your page will appear in search results and social shares.
Pro tip: Google often rewrites your title tag in search results based on the query. Keep your title under 60 characters and make sure it matches your H1 closely — that reduces the chance of Google overriding it.
How to Use the Meta Tag Generator
Start by entering your page title — the most important ranking signal you control directly. As you type, the character counter turns green (optimal), yellow (getting long), or red (likely to be truncated). Fill in the meta description next, keeping it under 155 characters for clean display in Google results. Every field updates the live previews and the generated code block in real time, so you can see exactly what searchers and social media users will see before you ever paste a single tag into your HTML.
Once you are satisfied with the previews, click Copy All to grab the
entire code block, then paste it inside the <head> section of your
page. If you use a CMS like WordPress, most SEO plugins accept these values through
their own interface — in that case, use the individual field values rather than
the raw HTML.
Title Tag Best Practices
The title tag carries more ranking weight than any other on-page element. Google displays approximately 580 pixels of the title in desktop results, which translates to roughly 55–60 characters depending on letter width. Titles that exceed this are truncated with an ellipsis, reducing click-through rates by as much as 10–15% according to multiple CTR studies. Place your primary keyword as close to the beginning as possible — titles that front-load the main keyword consistently outperform those that bury it after the brand name or filler words.
Avoid keyword stuffing. A title like “Best Shoes | Buy Shoes | Cheap Shoes Online” triggers Google’s title rewriting algorithm almost every time. Instead, write a natural, compelling title that a human would actually want to click: “Running Shoes for Flat Feet — 2026 Buyer’s Guide.”
Meta Description: Your Search Ad Copy
The meta description does not directly affect rankings, but it has a massive impact on click-through rate — which is itself a user engagement signal. Google displays up to about 155–160 characters on desktop and roughly 120 characters on mobile. Write your description like ad copy: start with a benefit or hook, include the primary keyword naturally (Google bolds matching terms in the snippet), and end with a clear call to action such as “Learn how” or “Get started free.”
If you leave the description empty, Google will auto-generate one from your page content. While this sometimes produces acceptable results, it is far more likely to pull a random sentence that lacks context or persuasive power. Always write a custom description for your most important pages.
Open Graph Tags for Social Sharing
When someone shares your URL on Facebook, LinkedIn, or other platforms that support the
Open Graph protocol, the platform reads your og: tags to build the share
card. The most critical tag is og:image — shared links with a
high-quality image receive 2–3 times more engagement than those
without. Facebook recommends images at 1200 x 630 pixels with a 1.91:1
aspect ratio. Images smaller than 600 x 315 pixels may display as a small thumbnail
rather than a large card, dramatically reducing visibility in crowded feeds.
LinkedIn respects the same Open Graph tags, so a single set of og: tags
covers both platforms. Always include og:title, og:description,
og:image, and og:url at minimum. The og:type tag
defaults to “website” and should be changed to “article” for
blog posts and news content.
Twitter Card Markup
Twitter (now X) uses its own card system with a twitter:card meta tag. The
two most common types are summary (small square thumbnail) and
summary_large_image (wide image banner above the text). For most content
pages, summary_large_image performs better because it occupies more space
in the timeline. If Twitter Card tags are absent, the platform falls back to Open Graph
tags — but explicitly declaring both ensures consistent rendering and avoids
edge cases where the fallback fails or uses the wrong image size.
Canonical URLs and Duplicate Content
The rel="canonical" tag tells search engines which version of a URL is
the authoritative one. This is essential when the same content is accessible at multiple
URLs — for example, with and without trailing slashes, with query parameters for
tracking, or across HTTP and HTTPS. Without a canonical tag, Google must guess which
version to index, and it does not always guess correctly. Always set the canonical to
the single, clean, preferred URL for each page. Include the full absolute URL with
protocol, not a relative path.
Robots Directives
The robots meta tag controls how search engines index and follow links on
a page. The two primary directives are index/noindex (whether to include
the page in search results) and follow/nofollow (whether to crawl links
on the page). Most pages should use index, follow — the default.
Use noindex for pages like internal search results, paginated archives,
or staging environments that should not appear in Google. Use nofollow
sparingly; it prevents link equity from flowing through the page, which can harm your
site’s internal linking structure if applied too broadly.
Need to validate your structured data after generating it? Use Google’s Rich Results Test to confirm your JSON-LD markup is valid. Browse all Dev & Tech tools for more developer utilities.