Skip to main content
Basiccalculatoronlinepro
🏷️ SEO Tool

Meta Tag
Generator

Generate SEO meta tags, OpenGraph, and Twitter Card tags in one place. Copy and paste into your HTML.

0/60 characters recommended

0/160 characters recommended

Generated Tags
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">

Paste this inside the <head> of your HTML.

Frequently Asked Questions

What are meta tags?▾
Meta tags are HTML snippets placed inside the <head> element that communicate page information to search engines and social networks. Key ones include title, description, robots, and canonical.
What are Open Graph (OG) tags?▾
OG tags control how your page appears when shared on Facebook, LinkedIn, and messaging apps. They define the shared title, description, and image using og:title, og:description, og:image, etc.
Which Twitter Card type should I use?▾
For most websites, summary_large_image is ideal — it displays a large preview image. Use summary for compact cards, app for App Store links, and player for video embeds.
What is a canonical URL?▾
A canonical URL tells search engines which version of a page is the "official" one when duplicate or similar content exists at multiple URLs, preventing duplicate content penalties.
What is the optimal meta title length?▾
Keep your meta title between 50-60 characters. Google displays approximately 600 pixels of title text in search results — roughly 50-60 characters for average-width fonts. Titles over 60 characters get truncated with '...' which reduces click-through rate. Put your primary keyword near the beginning.
Do meta keywords still matter for SEO?▾
No. Google officially stopped using the keywords meta tag in 2009. Bing and Yandex give it negligible weight. However, some CMSs still generate them and they do not harm rankings. Focus your efforts on title tags, meta descriptions, and on-page content quality instead.
What is the difference between og:title and the title tag?▾
The title tag controls your SERP (search engine results page) display. og:title controls how your page title appears when shared on Facebook, LinkedIn, Slack, and other social platforms. They can differ — your og:title can be more enticing and social-friendly while your title tag focuses on search keywords.
How do I test if my Open Graph tags are working?▾
Use Facebook's Sharing Debugger (developers.facebook.com/tools/debug), LinkedIn's Post Inspector, or Twitter's Card Validator to preview how your page appears when shared. These tools also cache the latest version of your meta tags after a crawl.
🏷️ Complete Meta Tag Guide

Master HTML Meta Tags for SEO

HTML meta tag structure, SEO impact, Open Graph Protocol, and Twitter Cards explained completely.

Why Meta Tags Matter

Meta tags are placed in the HTML <head> to communicate page information to search engines and social media. Correctly configured meta tags directly improve search rankings, enable rich previews when shared on social media, and increase click-through rates.

Essential Meta Tags

  • title: 50-60 characters. One of the most important SEO ranking factors
  • description: 150-160 chars. Displayed as the snippet in search results
  • robots: index/noindex, follow/nofollow to control crawling
  • canonical: Canonical URL to prevent duplicate content issues
  • viewport: Required for mobile accessibility

Open Graph Protocol (OGP)

OGP tags (og:title, og:description, og:image) enable rich card previews when shared on Facebook, Twitter, and Line. og:image should be 1200x630px. Without OGP tags, social shares look plain and get fewer clicks.

Meta Tag Cheat Sheet

<title>50-60SEO ranking
meta description150-160SERP snippet
og:title60-90Social card title
og:description100-200Social card desc
og:image1200x630pxSocial card image
twitter:cardsummary_largeTwitter card type

Technical Meta Tag Optimization

From a technical SEO perspective, meta tag optimization is critical. charset (UTF-8 required), viewport, canonical URL, and hreflang (for multilingual sites) settings directly affect your site's technical health score.

Meta Tags That Trigger Rich Results

  • schema.org JSON-LD: enables Review stars, Event, FAQ rich results
  • og:type: set to website, article, or product as appropriate
  • article:published_time: communicates freshness to Google
  • og:locale: explicitly declares content language

Validation Tools

Use Google Rich Results Test, Facebook Sharing Debugger, and Twitter Card Validator to confirm correct meta tag configuration. Always validate before publishing to ensure rich previews display correctly everywhere.

Complete Meta Tag Template

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width">
  <title>Page Title - Brand</title>
  <meta name="description"
    content="150-160 char desc">
  <link rel="canonical"
    href="https://example.com/page">
  <!-- Open Graph -->
  <meta property="og:title"
    content="Page Title">
  <meta property="og:image"
    content="image-1200x630.jpg">
  <meta name="twitter:card"
    content="summary_large_image">
</head>

Related SEO Tools

Robots.txt GeneratorSitemap GeneratorSlug GeneratorWord Counter