SEO Guide Step 2: On-Page & Meta Tags

This is Step 2 of the 13-Step SEO Guide. On-page meta tags control what search engines display about your site — and whether users click.

---

Technical SEO (Step 1) ensures search engines can find your site. On-page optimization ensures they understand it — and present it attractively in results. Every search result you see on Google is built from meta tags on the page. If you don't control them, Google guesses. And Google guesses poorly.

The difference between a 2% and 8% click-through rate is often just a better title tag and description. On a page with 1,000 monthly impressions, that's 60 extra visitors per month — for free.

What On-Page SEO Covers

On-page optimization spans 8 areas:

1. Title Tags — The blue link in search results
2. Meta Descriptions — The grey text below the link
3. Open Graph & Social — How your pages look when shared
4. Heading Hierarchy — Content structure that signals relevance
5. Structured Data — Rich results (stars, prices, FAQs)
6. Image Optimization — Alt text, filenames, and lazy loading
7. Internal Anchor Text — What your own links say about your pages
8. News & Article Markup — Google News, Discover, and AI crawlers

1. Title Tags

The title tag is the single most impactful on-page element. It's the blue clickable link in search results, the browser tab text, and a direct ranking factor.

Rules for high-performing title tags:

• 50-60 characters (Google truncates at ~60)
• Primary keyword near the beginning
• Unique across every page on your site
• Compelling for humans, not just algorithms
• Brand name at the end (if space allows)

Formulas that work:

| Page Type | Formula | Example | |-----------|---------|---------| | Homepage | [Brand] — [Value Prop] | LANGR — SEO Automation for Growing Businesses | | Product | [Product] — [Benefit] | [Brand] | Pro Plan — Daily SEO Monitoring | LANGR | | Blog | [Topic]: [Promise] ([Year]) | Title Tags: The Complete Guide (2026) | | Category | [Category] — [Context] | [Brand] | Running Shoes — Men's Collection | Nike |

Common mistakes:

• Same title on multiple pages (duplicate titles)
• Keyword stuffing: "SEO SEO Guide SEO Tips SEO Help"
• Too short: "Home" or "Products"
• Missing entirely (Google generates one from your content — usually badly)

Quick win: Export all your title tags (Screaming Frog, or check Search Console). Find duplicates and pages with titles under 30 characters. Fix those first.

2. Meta Descriptions

Meta descriptions don't directly affect rankings, but they dramatically affect click-through rate. They're your ad copy in organic results.

Rules:

• 120-155 characters (mobile truncates earlier)
• Include your primary keyword (Google bolds matching terms)
• Include a call-to-action ("Learn how", "Get started", "See pricing")
• Unique per page (duplicates get replaced by Google's auto-snippet)
• Match search intent (informational, transactional, navigational)

Formula: [What the page offers] + [key benefit] + [CTA]

Example: "Learn the 8 meta tags that directly impact rankings. Actionable tips with before/after examples. Start optimizing today."

When Google ignores your description: Google rewrites ~70% of meta descriptions to better match the specific query. You can't prevent this, but a well-written description is still used more often than a poor one. It also appears in social shares and link previews.

Quick win: Write descriptions for your top 20 traffic pages first. Prioritize pages where Search Console shows high impressions but low CTR.

3. Open Graph & Social Meta

When someone shares your link on Facebook, LinkedIn, Twitter/X, or in a message app, Open Graph tags control the preview card that appears.

Essential OG tags:

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Compelling description for social" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

For Twitter/X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="Description for Twitter" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Image requirements:

• Minimum 1200x630px for large cards
• Under 8MB file size
• Use text on images sparingly (20% rule)
• Test with Facebook Debugger and Twitter Card Validator

Quick win: Create one high-quality OG image template for your brand. Use it as the default, then create custom images for your top 10 pages.

4. Heading Hierarchy

Headings (H1-H6) give search engines a content outline. They signal what your page is about and which sections matter most.

Rules:

• Exactly one H1 per page (your main topic/keyword)
• H2s for major sections (these often become featured snippet answers)
• H3s for subsections within H2s
• Never skip levels (H1 → H3 without H2)
• Use keywords naturally in headings, not forced
• Front-load important words (scanners read the first 3 words)

SEO impact:

• Google uses H2/H3 text for featured snippets and "People also ask"
• Heading text influences passage ranking (Google can rank a section of your page independently)
• Screen readers and AI crawlers use headings to understand page structure

Example structure:

H1: How to Choose Running Shoes
  H2: Foot Type and Pronation
    H3: Overpronation
    H3: Neutral
    H3: Underpronation
  H2: Shoe Categories
    H3: Road Running
    H3: Trail Running
  H2: When to Replace Your Shoes

Quick win: Check your top pages — if any have multiple H1s, no H1, or headings that are just "Section 1", "Section 2", fix them immediately.

5. Structured Data (Schema Markup)

Structured data tells search engines exactly what your content represents. It enables rich results — the enhanced listings with stars, prices, FAQs, how-to steps, and more.

High-ROI schema types:

| Schema | Rich Result | Best For | |--------|-------------|----------| | FAQ | Expandable Q&A directly in SERP | Service pages, product pages | | HowTo | Step-by-step with images | Tutorial/guide content | | Article | Author, date, image in results | Blog posts, news | | Product | Price, rating, availability | E-commerce | | LocalBusiness | Map, hours, reviews | Physical businesses | | BreadcrumbList | Path navigation in SERP | All pages | | Organization | Knowledge panel | Homepage |

FAQ schema example:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "How long does SEO take?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Most sites see measurable improvements within 3-6 months..."
    }
  }]
}

Rules:

• Only mark up content that's actually visible on the page
• Don't fabricate reviews or ratings
• Validate with Google's Rich Results Test
• Monitor in Search Console → Enhancements

Quick win: Add FAQ schema to your top 5 service/product pages. Write 3-5 genuine questions and answers for each. This can double your SERP real estate overnight.

6. Image Optimization

Images are often the largest performance bottleneck and an overlooked SEO opportunity. Google Images drives significant traffic for many sites.

The 5 essentials:

1. Alt text: Describe what's in the image (for accessibility + SEO). Include keywords when natural: alt="Nike Air Max 2026 running shoe in black", not alt="shoe" or alt=""
2. File names: Rename before upload. nike-air-max-2026-black.webp not IMG_4382.jpg
3. Format: WebP for photographs (30-50% smaller than JPEG). SVG for icons/logos. Avoid PNG for photos.
4. Lazy loading: Add loading="lazy" to images below the fold. Never lazy-load the hero image.
5. Dimensions: Always specify width and height attributes to prevent layout shift (CLS).

Quick win: Find your 10 largest images (PageSpeed Insights flags them). Convert to WebP and add proper alt text. This improves both performance and image search visibility.

7. Internal Anchor Text

The clickable text in your internal links tells search engines what the target page is about. Most sites waste this by using "click here" or "read more."

Rules:

• Use descriptive anchor text that includes relevant keywords
• Vary anchor text (don't use the exact same text for every link to a page)
• Link from high-authority pages to pages you want to rank
• Link contextually within content, not just in navigation

Good vs. bad:

• Bad: "Click here for our SEO guide"
• Good: "Read our complete SEO guide for all 13 steps"
• Bad: "Learn more"
• Good: "See how structured data improves click rates"

Quick win: Search your site for "click here" and "read more" links. Replace them with descriptive anchor text containing relevant keywords.

8. News & Article Markup

If you publish blog posts, news content, or any regularly updated content, news-optimized markup unlocks Google News, Google Discover, and preferential treatment by AI crawlers.

Article schema (required for news features):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Your Article Title",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Author Name",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Your Brand",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Use NewsArticle vs Article:

• NewsArticle — for time-sensitive news content (events, announcements)
• Article — for evergreen blog posts and guides
• BlogPosting — for opinion pieces and personal blogs

Google News & Discover optimization:

• High-quality hero image (minimum 1200px wide, max-image-preview:large meta)
• Published date clearly visible on page
• Author byline with link to author page
• Original reporting or unique analysis (not rewrites)
• robots meta: max-snippet:-1, max-image-preview:large (allow full previews)

Robots meta for news content:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

This tells Google it can use large images and full text in Discover cards and News results.

Why this matters for higher tiers:

• Blog strategy: Article markup enables your content to surface in Discover (potentially thousands of impressions per post)
• Link earning: News-indexed content is cited by other publications, earning natural backlinks
• AI crawlers: ChatGPT, Perplexity, and other AI systems preferentially cite sources with proper article markup and clear authorship
• Brand monitoring: News mentions of your brand (tracked via scanners like LANGR's News Scanner) reveal link-building and PR opportunities

Quick win: Add Article schema to all your blog posts. Ensure each has a visible date, author name, and hero image above 1200px wide. Enable max-image-preview:large in your robots meta.

The On-Page SEO Audit Checklist

Run through this for every important page:

• [ ] Unique title tag, 50-60 chars, keyword near start
• [ ] Unique meta description, 120-155 chars, includes CTA
• [ ] Open Graph tags set (title, description, image, url)
• [ ] Exactly one H1 containing primary keyword
• [ ] Logical heading hierarchy (H1 → H2 → H3, no skips)
• [ ] Structured data added and validated (FAQ, Article, Product, etc.)
• [ ] Images: WebP format, descriptive alt text, lazy loading below fold
• [ ] Internal links use descriptive anchor text
• [ ] Article schema on all blog/news content with datePublished + author
• [ ] max-image-preview:large meta robot tag on content pages

Common On-Page Mistakes (Ranked by Impact)

1. Duplicate title tags — Multiple pages competing against themselves
2. Missing meta descriptions — Letting Google guess (and guess wrong)
3. No structured data — Missing rich results your competitors have
4. Keyword-stuffed headings — "SEO Tips SEO Guide SEO Help SEO 2026"
5. Missing alt text on images — Invisible to search + accessibility failure
6. No article markup on blog posts — Invisible to News/Discover/AI
7. Generic anchor text — "Click here" teaches Google nothing
8. Same OG image everywhere — All your shares look identical

What's Next?

Step 3: Content & Strategy — What to write, when to publish, and how to create content that ranks rather than just exists.

---

This guide is part of LANGR's 13-step SEO series. Run a free audit to see where your site stands across all 13 disciplines.