“Meta Tags for SEO: A Beginner’s Guide by Abid Hasan” ✅

Abid Hasan(AH) October 28, 2025

 


Meta Description: 

Tips:

  1. Keep under 160 characters.
  2. Include primary keywords naturally.
  3. Write a persuasive summary — this appears below your title in search results.
example: <meta name="description" content="Enjoy authentic Italian cuisine at Bella Cucina in New York. Fresh pasta, wood-fired pizzas, and fine wines served daily. Reserve your table today!">


Meta Keywords:

⚠️ Not used by Google anymore, but some smaller search engines still check it.

example: <meta name="keywords" content="Italian restaurant, pasta, pizza, New York, Bella Cucina">

 Canonical Tag:

Prevents duplicate content issues.

example: <link rel="canonical" href="https://www.example.com/italian-restaurant-nyc/">

Viewport Tag (important for mobile SEO):
example: <meta name="viewport" content="width=device-width, initial-scale=1.0">

Robots Meta Tag: 

Tells search engines how to crawl and index your page.

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

  • index, follow – default; allows indexing and following links.
  • noindex, nofollow – prevents indexing and link following (use for private pages).
Open Graph & Twitter Tags:

<meta property="og:title" content="Bella Cucina - Authentic Italian Restaurant in NYC">
<meta property="og:description" content="Savor authentic Italian dishes at Bella Cucina. Book your table online.">
<meta property="og:image" content="https://www.example.com/images/restaurant.jpg">
<meta property="og:url" content="https://www.example.com/">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Bella Cucina - Authentic Italian Restaurant in NYC">
<meta name="twitter:description" content="Enjoy traditional Italian food in the heart of New York.">
<meta name="twitter:image" content="https://www.example.com/images/restaurant.jpg">

Auto-Reload to Your Page

You can add this meta tag inside the <head> section:

<meta http-equiv="refresh" content="30">
What it does:
  • http-equiv="refresh" tells the browser to reload automatically.
  • content="30" means the page will refresh every 30 seconds.
  • You can change 30 to any number of seconds you want (e.g., 60 for one minute).
Others you can explore:
<head>
  <!-- ✅ Character Encoding & Compatibility -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="Content-Language" content="en">

  <!-- 🔁 Auto Reload Every 60 Seconds -->
  <meta http-equiv="refresh" content="60">

  <!-- 🗑️ Prevent Caching (optional for dynamic pages) -->
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="0">

  <!-- ✅ Basic SEO -->
  <title>Your Main Keyword | Your Brand Name</title>
  <meta name="description" content="A short, compelling 150–160 character summary including your main keywords and value proposition.">
  <meta name="keywords" content="keyword1, keyword2, keyword3">
  <meta name="author" content="Your Brand Name">
  <link rel="canonical" href="https://www.yourwebsite.com/your-page-url/">

  <!-- 📱 Mobile Optimization -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- 🤖 Search Engine Directives -->
  <meta name="robots" content="index, follow">

  <!-- 📣 Open Graph (Facebook, LinkedIn, etc.) -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="Your Main Keyword | Your Brand Name">
  <meta property="og:description" content="A short, keyword-rich summary for social sharing.">
  <meta property="og:image" content="https://www.yourwebsite.com/path-to-image.jpg">
  <meta property="og:url" content="https://www.yourwebsite.com/your-page-url/">
  <meta property="og:site_name" content="Your Brand Name">

  <!-- 🐦 Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Your Main Keyword | Your Brand Name">
  <meta name="twitter:description" content="Same as or similar to the Open Graph description.">
  <meta name="twitter:image" content="https://www.yourwebsite.com/path-to-image.jpg">
  <meta name="twitter:site" content="@YourTwitterHandle">
 
</head>



Tags:

Post a Comment

0 Comments