Skip to main content

Check Meta Header

Analyze HTML meta tags, optimize for search engines, and validate social media previews.

What is Meta Header Checking?​

HTML meta tags provide information about web pages to search engines and social media platforms. The Check Meta Header tool helps you:

✅ Analyze SEO - Check title, description, keywords
✅ Validate Social Media - Verify Open Graph and Twitter Cards
✅ Check Mobile - Ensure viewport and mobile tags
✅ Optimize Content - Review length and quality
✅ Find Issues - Identify missing or problematic tags

Accessing Check Meta Header​

From Web Tools Tab​

  1. Open any host connection
  2. Click "Web Tools" tab
  3. Select "Check Meta Header" from left menu

Interface Overview​

┌────────────────────────────────────────────────────┐
│ Check Meta Header                                  │
├────────────────────────────────────────────────────┤
│ Website URL:                                       │
│ ┌──────────────────────────────────────────┐      │
│ │ https://example.com                      │      │
│ └──────────────────────────────────────────┘      │
│ [Check]                                            │
├────────────────────────────────────────────────────┤
│ Basic Meta Tags:                                   │
│ ✓ Title: Example Domain (14 chars)                │
│ ✓ Description: Example website description...     │
│ ✓ Viewport: width=device-width, initial-scale=1   │
│                                                    │
│ Open Graph Tags:                                   │
│ ✓ og:title: Example Domain                        │
│ ✓ og:description: Example website...              │
│ ✓ og:image: https://example.com/og-image.jpg      │
│ ✓ og:url: https://example.com                     │
│                                                    │
│ Twitter Card Tags:                                 │
│ ✓ twitter:card: summary_large_image                │
│ ✓ twitter:title: Example Domain                   │
│ ✓ twitter:description: Example website...         │
│ ✓ twitter:image: https://example.com/tw-image.jpg │
│                                                    │
│ Issues Found:                                      │
│ ⚠ Title too short (min 30 chars recommended)      │
│ ⚠ Description missing                              │
└────────────────────────────────────────────────────┘

How to Use​

Step 1: Enter URL​

Enter the page URL to check:

https://example.com
https://example.com/blog/article
https://example.com/product/123

Step 2: Execute Check​

Click "Check" or press Enter

The tool will:

  1. Fetch HTML page
  2. Parse meta tags
  3. Categorize tags (Basic, SEO, Open Graph, Twitter)
  4. Analyze tag quality
  5. Identify issues

Step 3: Review Results​

Check for:

  • Basic tags - Title, description, viewport
  • Open Graph - Facebook/social sharing
  • Twitter Cards - Twitter preview
  • SEO tags - Keywords, robots, canonical
  • Issues - Missing, too long/short, duplicates

Important Meta Tags​

Basic Meta Tags​

charset Character encoding (always set):

<meta charset="UTF-8">

viewport Mobile responsiveness (required!):

<meta name="viewport" content="width=device-width, initial-scale=1.0">

title Page title (50-60 chars):

<title>Your Page Title Here | Brand Name</title>
  • Most important for SEO
  • Shows in search results
  • Appears in browser tab

description Page description (150-160 chars):

<meta name="description" content="Your page description that appears in search results. Keep it compelling and under 160 characters.">
  • Shows in search results
  • Influences click-through rate
  • Should include keywords naturally

Open Graph Tags (Facebook/Social)​

Required for social media sharing:

og:title

<meta property="og:title" content="Your Page Title">

og:description

<meta property="og:description" content="Description for social media preview">

og:image

<meta property="og:image" content="https://example.com/image.jpg">
  • Recommended: 1200×630 pixels
  • Maximum: 8MB
  • Format: JPG or PNG

og:url

<meta property="og:url" content="https://example.com/page">

og:type

<meta property="og:type" content="website">

Common types: website, article, product, video

og:site_name

<meta property="og:site_name" content="Example Website">

Twitter Card Tags​

twitter:card

<meta name="twitter:card" content="summary_large_image">

Types:

  • summary - Small image
  • summary_large_image - Large image
  • app - Mobile app
  • player - Video player

twitter:site

<meta name="twitter:site" content="@username">

twitter:title

<meta name="twitter:title" content="Your Page Title">

twitter:description

<meta name="twitter:description" content="Description for Twitter preview">

twitter:image

<meta name="twitter:image" content="https://example.com/twitter-image.jpg">
  • Recommended: 1200×600 pixels (2:1 ratio)
  • Summary: 120×120 pixels minimum

SEO Meta Tags​

keywords (deprecated but still used):

<meta name="keywords" content="keyword1, keyword2, keyword3">

⚠️ Not used by Google anymore, but harmless to keep.

robots

<meta name="robots" content="index, follow">

Values:

  • index / noindex - Include/exclude from search
  • follow / nofollow - Follow/don't follow links
  • noarchive - Don't show cached version
  • nosnippet - Don't show snippet in results

canonical

<link rel="canonical" href="https://example.com/page">
  • Prevents duplicate content issues
  • Specifies preferred URL version

author

<meta name="author" content="Author Name">

Technical Meta Tags​

refresh (auto-refresh/redirect):

<meta http-equiv="refresh" content="30">
<meta http-equiv="refresh" content="0; url=https://example.com">

⚠️ Use HTTP redirects instead when possible.

theme-color (browser chrome color):

<meta name="theme-color" content="#4285f4">

apple-mobile-web-app

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="App Title">

SEO Best Practices​

Title Tag​

✅ Good title:

<title>How to Bake Chocolate Cake | Easy Recipe Guide</title>
  • 50-60 characters
  • Includes primary keyword
  • Brand name at end
  • Compelling and clear

❌ Bad title:

<title>Home</title>
  • Too short
  • No keywords
  • Not descriptive

Optimization tips:

  • Put important keywords first
  • Make it unique for each page
  • Include brand name
  • Don't keyword stuff
  • Use separators: | or -

Description Tag​

✅ Good description:

<meta name="description" content="Learn how to bake a delicious chocolate cake with our easy step-by-step recipe. Perfect for beginners, ready in 45 minutes with simple ingredients.">
  • 150-160 characters
  • Includes keywords naturally
  • Compelling call-to-action
  • Accurate page summary

❌ Bad description:

<meta name="description" content="Page about cakes.">
  • Too short
  • No details
  • Not compelling

Optimization tips:

  • Write for humans, not just search engines
  • Include primary keyword
  • Make it actionable
  • Unique for each page
  • Don't duplicate title

Viewport Tag​

✅ Standard mobile viewport:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

❌ Don't disable scaling:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  • Accessibility issue
  • Users can't zoom
  • Fails accessibility tests

Open Graph Optimization​

Complete OG Setup​

Minimum required:

<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Page description">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">

Recommended complete:

<!-- Basic OG -->
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Compelling description for social sharing">
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Image description">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Your Site Name">
<meta property="og:locale" content="en_US">

<!-- Article specific -->
<meta property="article:published_time" content="2024-10-17T12:00:00Z">
<meta property="article:modified_time" content="2024-10-17T14:00:00Z">
<meta property="article:author" content="Author Name">
<meta property="article:section" content="Technology">
<meta property="article:tag" content="Web Development">

Image Guidelines​

Dimensions:

  • Facebook/LinkedIn: 1200×630 pixels (1.91:1)
  • Twitter large: 1200×600 pixels (2:1)
  • Twitter summary: 120×120 pixels minimum

File size:

  • Maximum: 8MB
  • Recommended: < 300KB for fast loading

Format:

  • JPG or PNG
  • Avoid transparency for compatibility

Content:

  • Include text overlay
  • High contrast
  • Readable at small sizes
  • Represents page content

Twitter Card Optimization​

Summary Card​

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@yourusername">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Page description">
<meta name="twitter:image" content="https://example.com/image.jpg">
  • Image: 120×120 minimum
  • Use for general content

Summary Large Image​

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@yourusername">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Page description">
<meta name="twitter:image" content="https://example.com/large-image.jpg">
  • Image: 1200×600 recommended
  • Use for visual content (photos, infographics)

Testing​

Test your cards:

Common Issues & Solutions​

Issue 1: Title Too Short/Long​

Problem:

<title>Home</title>                    <!-- Too short -->
<title>This is a very long title that goes on and on and exceeds the recommended character limit for search results</title>  <!-- Too long -->

Solution:

<title>Your Brand - Home | Tagline Here</title>  <!-- 30-60 chars -->

Issue 2: Missing Description​

Problem:

<!-- No description tag -->

Solution:

<meta name="description" content="Compelling description 150-160 characters that summarizes page content and includes primary keywords.">

Issue 3: Missing Viewport​

Problem:

<!-- No viewport tag = not mobile friendly -->

Solution:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Issue 4: Missing OG Image​

Problem:

<!-- OG tags without image -->
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Description">
<!-- No og:image! -->

Solution:

<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

Issue 5: Duplicate Content​

Problem: Multiple pages with same title/description

Solution:

<!-- Each page unique -->
<title>Product Name | Category | Brand</title>
<meta name="description" content="Specific description for this product...">

Use Cases​

1. SEO Audit​

Check all pages:

Homepage:
✓ Title length optimal
✓ Description present
✓ Keywords included

Blog Posts:
✓ Unique titles
✓ Unique descriptions
✓ Author tags

Product Pages:
✓ Product name in title
✓ Description includes specs
✓ og:type = product

2. Social Media Preview​

Validate sharing:

1. Check Meta Header
2. Verify OG tags present
3. Check image dimensions
4. Test with validator
5. Share on social media
6. Verify preview looks good

3. Mobile Optimization​

Ensure mobile-friendly:

✓ Viewport tag present
✓ viewport width=device-width
✓ No user-scalable=no
✓ Theme color set
✓ Apple mobile web app tags

4. Content Migration​

After migration:

1. Check old URLs
2. Verify redirects work
3. Check new URLs
4. Ensure meta tags copied
5. Update canonical URLs
6. Test social sharing

Next Steps​