What are meta tags?
Meta tags are HTML elements in your page's <head> that provide information about the page to search engines and social platforms. The two most important for SEO are the title tag and meta description.
The title tag is what appears as the blue clickable link in search results. The meta description is the gray text underneath it. Together, they're your 160-character pitch to every person who finds you on Google.
Why they matter for your rankings
Title tags directly affect rankings. Google uses the title tag to understand what your page is about. A page titled "Pricing" ranks differently than "AI Website Builder Pricing - Plans from $149/mo." The title tag is one of the strongest on-page ranking signals.
Meta descriptions affect click-through rate. Google doesn't use descriptions for ranking directly, but CTR is a ranking signal. A compelling description that matches search intent gets more clicks, which signals to Google that your result is relevant.
What happens without them:
- No title tag: Google generates one from your page content (often awkward)
- No description: Google pulls a random snippet from your page (rarely the best summary)
- Title too long (over 60 characters): gets truncated with "..."
- Description too long (over 155 characters): gets cut off mid-sentence
The numbers:
- Title tags should be 50-60 characters
- Descriptions should be 110-155 characters
- Pages with custom meta descriptions have ~5.8% higher CTR than those without (Ahrefs study)
How they actually work
In HTML:
<title>AI Website Builder Pricing - Plans from $149/mo | Webentity</title>
<meta name="description" content="Compare Webentity's Build and Grow plans. AI-native websites with automated SEO, content agents, and daily keyword tracking." />
In Next.js (what Webentity uses):
export const metadata: Metadata = {
title: "AI Website Builder Pricing - Plans from $149/mo | Webentity",
description: "Compare Webentity's Build and Grow plans...",
};
Writing effective titles:
- Put the primary keyword near the front
- Include your brand name (usually at the end after a separator)
- Make it specific: "AI Website Builder" beats "Our Platform"
- Use numbers when relevant: "$149/mo", "5 weeks", "21 rankings"
Writing effective descriptions:
- Summarize the page's value, not just its topic
- Include a call-to-action when appropriate ("See plans", "Read the case study")
- Match search intent: if someone searches "pricing", mention the price
- Don't keyword stuff - write for humans who are deciding whether to click
Open Graph and Twitter meta tags are the social media equivalents. They control what appears when someone shares your link on LinkedIn, X, or Slack:
<meta property="og:title" content="..." />
<meta property="og:description" content="..." />
<meta property="og:image" content="https://example.com/og-image.png" />
Common mistakes:
- Same title on every page ("Welcome to My Site" everywhere)
- Keyword stuffing the title ("SEO AI SEO Tool Best SEO AI Platform SEO")
- Descriptions that don't match page content (Google will override them)
- Missing OG image (social shares look generic)
- Not testing how titles appear at different lengths
How Webentity handles this
Every page on a Webentity site has hand-crafted meta tags as part of the build. Blog posts get their title and description from frontmatter - validated at build time to ensure titles are under 60 characters and descriptions under 155.
For pages generated by AI agents (blog posts, glossary entries), the agent writes the meta title and description as part of the content creation process - optimized for both search intent and click-through rate.
Open Graph tags are set globally and per-page, with a default OG image that can be overridden per post. Social shares always look polished.