WebFactor Demo
by WebFactor.com
Home
Articles
Admin
Edit Article
Title
Author
Content
## Въведение в Meta Tags Meta tags са HTML елементи, които предоставят информация за страницата на търсачките и социалните мрежи. Те са критични за SEO и social sharing.  ## Критични Meta Tags ```html <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 и други платформи. ```html <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 за по-добро представяне: ```html <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 указва предпочитаната версия на страницата: ```html <link rel="canonical" href="https://example.com/page"> ``` Използва се за: - Дублирано съдържание - URL параметри (filters, sorting) - HTTP vs HTTPS - www vs non-www ## Robots Meta Tag ```html <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**
Render Mode
SSR (Server-Side Rendering)
SSG (Static Site Generation)
Published
Cancel
Save Changes