What Are Meta Tags?
Meta tags are HTML elements placed in the <head> section of a web page that provide metadata -- information about the page that is not visible to readers but is read by search engines, social media platforms, and browsers. They control how your page appears in search results, how it displays when shared on social media, and how browsers interpret and render your content.
Generate all essential meta tags with WritePadPro's Meta Tag Generator -- enter your page details and get properly formatted HTML meta tags ready to paste into your site's head section.
Meta tags do not appear on the page itself. They live in the source code, invisible to casual visitors but critically important for SEO, social sharing, and technical functionality. A page without proper meta tags is like a book without a title page -- the content may be excellent, but search engines and social platforms struggle to present it properly.
Essential Meta Tags for Every Page
Title Tag (The Most Important)
<title>How to Write Meta Tags That Boost SEO | WritePadPro</title>The title tag is the single most important on-page SEO element. It appears as the clickable headline in search results, the browser tab title, and the default text when the page is bookmarked. Rules:
- Length: 55-60 characters (Google truncates beyond ~600 pixels)
- Keyword placement: Front-load the primary keyword in the first 3-4 words
- Uniqueness: Every page must have a distinct title -- no duplicates across your site
- Brand: Optionally append your brand name: "Topic | BrandName"
Meta Description
<meta name="description" content="Write meta tags that improve SEO and social sharing. Learn title tags, meta descriptions, Open Graph, and Twitter Cards.">The meta description appears below the title in search results. It does not directly affect rankings but strongly influences click-through rate -- a compelling description gets more clicks from the same ranking position.
- Length: 150-160 characters
- Content: Include primary keyword + clear benefit + call to action
- Uniqueness: Every page needs a unique description
For crafting compelling descriptions, see our How to Write Meta Descriptions guide. For overall SEO strategy, see the SEO Content Writing Guide.
Viewport (Mobile Responsiveness)
<meta name="viewport" content="width=device-width, initial-scale=1.0">Required for responsive design. Without it, mobile devices render the page at desktop width and shrink to fit -- producing tiny, unreadable text. This tag is a Core Web Vitals requirement.
Charset (Character Encoding)
<meta charset="UTF-8">Declares the character encoding. UTF-8 supports every Unicode character and is the HTML5 default. Must be in the first 1024 bytes of the HTML document.
Open Graph Tags (Social Sharing)
Open Graph (OG) tags control how your page appears when shared on Facebook, LinkedIn, Discord, Slack, and most social platforms. Without OG tags, social platforms attempt to scrape your page and may display incorrect titles, descriptions, or images.
<meta property="og:title" content="How to Write Meta Tags That Boost SEO">\n<meta property="og:description" content="Learn title tags, meta descriptions, Open Graph, and Twitter Cards.">\n<meta property="og:image" content="https://writepadpro.com/images/meta-tags-og.jpg">\n<meta property="og:url" content="https://writepadpro.com/blog/meta-tags-guide">\n<meta property="og:type" content="article">\n<meta property="og:site_name" content="WritePadPro">The Essential OG Tags
| Tag | Purpose | Notes |
|---|---|---|
| og:title | Title displayed on social platforms | Can differ from the title tag -- optimize for social engagement |
| og:description | Description below the title | Can differ from meta description -- focus on shareability |
| og:image | Preview image when shared | Minimum 1200x630px for best display. Must be an absolute URL. |
| og:url | Canonical URL of the page | Prevents duplicate content issues from shared URLs with tracking parameters |
| og:type | Content type | "article" for blog posts, "website" for homepage |
The Image Is Everything
The og:image is the most impactful OG tag. Social media posts with images receive 2-3x more engagement than text-only posts. The image must be: at least 1200x630 pixels, hosted at an absolute HTTPS URL, under 8 MB in file size, and in JPG, PNG, or WebP format.
Twitter Card Tags
Twitter (X) uses its own meta tags alongside Open Graph tags to control how links appear in tweets.
<meta name="twitter:card" content="summary_large_image">\n<meta name="twitter:title" content="How to Write Meta Tags That Boost SEO">\n<meta name="twitter:description" content="Learn essential meta tags for search and social.">\n<meta name="twitter:image" content="https://writepadpro.com/images/meta-tags-og.jpg">Card Types
| Type | Appearance | Best For |
|---|---|---|
| summary | Small square image + title + description | General pages, homepage |
| summary_large_image | Large landscape image + title + description | Blog posts, articles (recommended) |
| player | Embedded video/audio player | Video and podcast content |
| app | App download card | Mobile app landing pages |
If you set Twitter Card tags, Twitter uses them. If you do not, Twitter falls back to Open Graph tags. Setting both ensures optimal display across all platforms. Use the Schema Markup Generator for structured data alongside your meta tags. For related SEO tools, see the SEO Content Analyzer.
Robots Meta Tag
<meta name="robots" content="index, follow">Controls how search engines crawl and index the page.
| Directive | Meaning |
|---|---|
| index | Allow this page to appear in search results (default) |
| noindex | Do NOT show this page in search results |
| follow | Follow links on this page (default) |
| nofollow | Do NOT follow links on this page |
| nosnippet | Do not show a text snippet in search results |
| noarchive | Do not show a cached version link |
| max-snippet:N | Limit snippet text to N characters |
Most pages should use the default (index, follow) or simply omit the robots tag entirely. Use noindex for: admin pages, staging environments, thin content pages, and duplicate content that canonical tags cannot resolve. For robots.txt (which controls crawling at the site level rather than page level), see our Robots.txt Guide.
Canonical Tag
<link rel="canonical" href="https://writepadpro.com/blog/meta-tags-guide">The canonical tag tells search engines which URL is the "official" version of the page. This prevents duplicate content issues when the same content is accessible at multiple URLs (with/without www, with/without trailing slash, with tracking parameters).
Every page should have a canonical tag pointing to its preferred URL. If you do not set one, search engines guess -- and they may guess wrong, splitting your page authority across multiple URLs.
Using WritePadPro's Meta Tag Generator
WritePadPro's Meta Tag Generator produces all essential meta tags from your input.
Step 1: Enter Page Details
Open the Meta Tag Generator and fill in: page title, meta description, canonical URL, OG image URL, Twitter handle, and content type.
Step 2: Generate Tags
Click generate. The tool produces a complete set of meta tags: title, description, viewport, charset, Open Graph (title, description, image, URL, type, site name), Twitter Card (card type, title, description, image), robots, and canonical.
Step 3: Preview
The tool shows a SERP preview (how your page appears in Google) and a social preview (how it appears when shared on Facebook/Twitter). Adjust your title and description until the previews look compelling.
Step 4: Copy and Paste
Copy the generated HTML and paste it into your page's <head> section. All tags are properly formatted and ready for production use.
Privacy
All generation runs locally in your browser. Your page details are never transmitted to any server.
Summary
Meta tags control how your page appears in search results (title + description), on social media (Open Graph + Twitter Cards), and to search engine crawlers (robots + canonical). The title tag is the single most important on-page SEO element. The og:image is the most impactful social sharing element.
Every page needs at minimum: title tag (55-60 chars), meta description (150-160 chars), viewport tag, charset, canonical URL, and og:image. These 6 elements cover search, social, mobile, and duplicate content scenarios.
Generate all meta tags with WritePadPro's Meta Tag Generator -- enter your details, preview the SERP and social appearance, and copy production-ready HTML. For structured data beyond meta tags, see our Schema Markup Guide.