Въведение в Meta Tags

Meta tags са HTML елементи, които предоставят информация за страницата на търсачките и социалните мрежи. Те са критични за SEO и social sharing.

Meta Tags

Критични Meta Tags

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <!-- Title Tag - най-важният on-page фактор -->
  <title>Page Title - Brand Name</title>
  
  <!-- Meta Description -->
  <meta name="description" content="Compelling description under 160 characters that encourages clicks.">
  
  <!-- Robots -->
  <meta name="robots" content="index, follow">
  
  <!-- Canonical URL -->
  <link rel="canonical" href="https://example.com/page">
</head>

Open Graph Tags

Open Graph контролира как изглежда линкът когато се сподели във Facebook, LinkedIn и други платформи.

<meta property="og:title" content="Page Title">
<meta property="og:description" content="Description for social sharing">
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Brand Name">

OG Image размери

Facebook: 1200 x 630 px (1.91:1 ratio)
LinkedIn: 1200 x 627 px
Minimum: 600 x 315 px

Twitter Cards

Twitter има собствени meta tags за по-добро представяне:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@username">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Description">
<meta name="twitter:image" content="https://example.com/twitter-image.jpg">

Card Types

  • summary: Малко изображение с текст
  • summary_large_image: Голямо изображение
  • player: За видео съдържание
  • app: За мобилни приложения

Title Tag Best Practices

  1. Дължина: 50-60 символа
  2. Keyword позиция: В началото
  3. Brand: В края
  4. Уникалност: Различен за всяка страница
  5. Relevance: Описва съдържанието точно

Пример:

Техническо SEO Ръководство 2024 | YourBrand

Meta Description Best Practices

  1. Дължина: 150-160 символа
  2. Call-to-action: Насърчава клик
  3. Keywords: Естествено включени
  4. Уникалност: Различна за всяка страница
  5. Value proposition: Какво ще получи читателят

Canonical URL

Canonical URL указва предпочитаната версия на страницата:

<link rel="canonical" href="https://example.com/page">

Използва се за:

  • Дублирано съдържание
  • URL параметри (filters, sorting)
  • HTTP vs HTTPS
  • www vs non-www

Robots Meta Tag

<meta name="robots" content="index, follow">     <!-- Default -->
<meta name="robots" content="noindex, nofollow"> <!-- Block completely -->
<meta name="robots" content="noindex, follow">   <!-- No index, but follow links -->
<meta name="robots" content="index, nofollow">   <!-- Index, but dont follow links -->

Testing Tools

  • Facebook Sharing Debugger
  • Twitter Card Validator
  • LinkedIn Post Inspector
  • Google Rich Results Test

Заключение

Правилните meta tags подобряват SEO и увеличават CTR от социалните мрежи. Инвестирайте време в оптимизацията им.

Брой думи: 3,067