1001Ferramentas
🏷️ SEO

Meta Tags Generator

Generate SEO meta tags — title, description, canonical and Open Graph — in seconds. Copy the generated HTML directly into your site.

Why are meta tags important for SEO?

It's the meta tags that tell Google and the other search engines what a page is about. The <title> becomes the clickable title in search results (SERP), and you'll want to keep it between 50 and 60 characters. Right below it sits the meta description snippet, which runs up to 160 characters and has a direct effect on the click-through rate (CTR).

The canonical, in turn, points Google to the preferred URL of a page, which heads off duplicate-content trouble. Open Graph tags (og:title, og:description) take care of how the page presents itself when someone shares it on WhatsApp, Facebook, LinkedIn and Twitter.

Copy the generated HTML and paste it inside your site's <head>. That way every optimization kicks in at once.

The complete guide to meta tags for SEO and social sharing

Meta tags are small fragments of HTML that live inside the <head> of every page and describe its content to search engines, browsers, and social platforms. They are invisible to visitors but they decide how Google indexes the page, how the link is previewed on WhatsApp, whether LinkedIn shows a large image card, and whether duplicates dilute rankings. A page can have flawless content and still underperform because the title is too long, the description is generic, the canonical points to the wrong URL, or the Open Graph image is missing. The sections below walk through every category that matters today, with the exact markup you should ship and the most frequent mistakes that cost traffic.

Essential meta tags: title, description, canonical, robots, viewport

The <title> element is the single most important on-page signal. It is the blue clickable line in Google results, the label of the browser tab, and the default text used by Open Graph when og:title is missing. Aim for 50 to 60 characters; longer titles get truncated with an ellipsis in the SERP, and shorter than 30 characters often wastes pixels you could use to qualify intent. Each page must have a unique title that puts the most distinctive keyword first, followed by a brand suffix. The meta description does not directly influence ranking, but it influences click-through rate, which is itself a behavioral signal. Stay between 150 and 160 characters; mobile screens truncate around 120 characters, so put the strongest selling point in the first sentence.

The canonical tag tells search engines which URL is the master version when multiple URLs serve the same or near-identical content (HTTP versus HTTPS, with and without trailing slash, query parameters from tracking, paginated archives). Without a canonical, link equity scatters across duplicates. The robots meta controls indexing: use noindex for thank-you pages, internal search results, and staging copies; nofollow only when you really do not want crawlers to follow the outbound links. The viewport declaration is mandatory for mobile rendering — without it, smartphones treat your page as a 980-pixel desktop layout and shrink it.

<title>Meta Tag Generator - Free SEO Tool</title>
<meta name="description" content="Generate optimized title, description, canonical and Open Graph tags in seconds. Free, no signup.">
<link rel="canonical" href="https://example.com/meta-tag-generator">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">

Open Graph (Facebook, LinkedIn, WhatsApp, Slack, Discord)

Open Graph is a protocol created by Facebook in 2010 and adopted by virtually every modern messaging app and social network. When the OG tags are present, link previews show a rich card with image, title, description, and site name; when they are missing, the platform falls back to scraping the first paragraph and the first image of the page, which is usually a logo or a tracking pixel. Four properties are required by the spec: og:title, og:type, og:image, and og:url. In practice you should also always include og:description, og:site_name, and og:locale. The image must be hosted on an absolute HTTPS URL — relative paths are silently ignored.

The recommended dimensions are 1200 x 630 pixels with a 1.91:1 aspect ratio. Smaller images render as small thumbnails on the side instead of a hero card; non-standard ratios get cropped from the center. Keep the file under 8 MB and prefer JPEG for photos, PNG for screenshots, and a static fallback for animated GIFs (most platforms do not animate them). Always supply og:image:alt for screen-reader users and og:image:width and og:image:height so the platform can reserve layout space before downloading the file.

<meta property="og:type" content="website">
<meta property="og:title" content="Meta Tag Generator - Free SEO Tool">
<meta property="og:description" content="Generate optimized title, description, canonical and Open Graph tags in seconds.">
<meta property="og:url" content="https://example.com/meta-tag-generator">
<meta property="og:site_name" content="1001 Tools">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://example.com/og/meta-tags.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Screenshot of the meta tag generator tool">

Twitter Card / X Card

X (formerly Twitter) has its own card protocol, but its crawler reads Open Graph as a fallback. The twitter:card tag is what triggers the rich preview; without it, X displays a plain text link. The two values you will use most are summary (small square thumbnail) and summary_large_image (big banner card). For content and product pages, always pick summary_large_image — engagement is roughly double. Twitter-specific tags override Open Graph for the same attribute, which lets you ship a different image to X.

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@yourbrand">
<meta name="twitter:creator" content="@author">
<meta name="twitter:title" content="Meta Tag Generator - Free SEO Tool">
<meta name="twitter:description" content="Generate optimized title, description, canonical and Open Graph tags in seconds.">
<meta name="twitter:image" content="https://example.com/og/meta-tags.jpg">
<meta name="twitter:image:alt" content="Screenshot of the meta tag generator">

Schema.org and JSON-LD structured data

Beyond the classic meta tags, modern SEO relies on structured data injected as JSON-LD inside a <script type="application/ld+json"> block. Google uses this data to build rich results: star ratings, breadcrumbs, FAQ accordions, product cards with price and availability, recipe cards with cook time. JSON-LD is preferred over Microdata or RDFa because it sits in the head, does not pollute the HTML, and is easier to maintain. The most useful types for general sites are Organization (logo, social profiles, contact), BreadcrumbList (navigation hierarchy), Product (price, availability, reviews), FAQPage (question and answer pairs), and Article or NewsArticle for editorial content.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "1001 Tools",
  "url": "https://example.com",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://example.com/search?q={query}",
    "query-input": "required name=query"
  }
}
</script>

hreflang for multilingual sites

If you serve the same content in multiple languages or regional variants, the hreflang attribute tells Google which version to surface for each user. Every alternate must reference every other alternate, including itself, otherwise Google ignores the cluster. Always include an x-default fallback for users whose language is not covered. Mismatched hreflang clusters are one of the most common technical SEO errors because they fail silently — Google Search Console reports them under "International Targeting".

<link rel="alternate" hreflang="en" href="https://example.com/en/page">
<link rel="alternate" hreflang="pt-br" href="https://example.com/pt/pagina">
<link rel="alternate" hreflang="es" href="https://example.com/es/pagina">
<link rel="alternate" hreflang="x-default" href="https://example.com/en/page">

Common mistakes that cost traffic

  • Duplicate titles across templates — every paginated archive shipping the same title dilutes ranking signals.
  • Auto-generated descriptions made of comma-separated keywords; Google rewrites them and you lose control of the snippet.
  • Open Graph images cropped in the center — keep the focal point (logo, headline) within the safe 1200x600 rectangle.
  • Canonical pointing to a 404 or to the wrong protocol (http instead of https), which deindexes the page.
  • Relative URLs in og:image or canonical; both must be absolute, including the scheme.
  • Missing viewport on mobile, which destroys Core Web Vitals and triggers the "mobile usability" warning.
  • Setting noindex on the staging environment and forgetting to remove it after deployment.

Testing tools

  • Google Search Console — URL Inspection: see exactly what Googlebot rendered and indexed.
  • Facebook Sharing Debugger: refresh the OG cache and preview Facebook, Messenger, and WhatsApp cards.
  • X Card Validator (formerly Twitter): preview the summary_large_image card.
  • LinkedIn Post Inspector: LinkedIn caches OG data for seven days; use the inspector to flush it.
  • Rich Results Test by Google: validates JSON-LD structured data and shows which rich results are eligible.
  • Schema Markup Validator (schema.org): lints any Schema.org markup, even types Google does not render.

FAQ

Does the meta keywords tag still matter? No. Google ignored it in 2009 and most other engines followed. Leaving it in costs nothing but adds nothing.

Why does Google show a different description than mine? Google rewrites about 70% of descriptions when it judges that on-page text matches the query better. Make the on-page intro as compelling as the meta description.

Can I use emoji in the title? Technically yes, but Google strips most of them and renders the rest inconsistently across devices. Save emoji for the description if you must.

How often should I update meta tags? Whenever the page content changes meaningfully, when CTR drops in Search Console, or every 6 to 12 months as a hygiene pass.

Are Open Graph tags a ranking factor? Not directly, but they drive social referral traffic, which generates backlinks and engagement signals that do influence rankings.

Related Tools

🤖

robots.txt Generator

Generate robots.txt files for SEO: define User-agent, Allow/Disallow per path and link to sitemap.xml.
📣

Open Graph Preview

Preview how a page will look when shared on Facebook, Twitter/X, LinkedIn and WhatsApp. Fill in the meta tags and see the social cards in real time.
🏷️

JSON-LD (Schema.org) Generator

Generate JSON-LD markup for Schema.org — Article, Product, FAQPage, BreadcrumbList, Organization, Person. Paste in &lt;head&gt; and improve your Google snippet. Everything in your browser.

Generate SEO meta tags

It's the meta tags that define how a page appears on Google and when it's shared on social networks. Building them by hand, with the exact syntax, is where a lot of people slip up. This generator assembles the main SEO tags in seconds, from the information you fill in.

It covers the title, the meta description, the canonical and the Open Graph tags responsible for the share card. You fill in the fields and get the HTML block ready to paste into the page's <head>, so it shows up properly both in search and on social media.

Generation runs in the browser, right there. It's a quick way to sort out a page's basic SEO without having to memorise the structure of each meta tag.