Какви са мета таговете и за какво са необходими…

Мета таговете са специални HTML тагове, които предоставят метаданни (информация за документа) за браузъри и търсачки. Те се намират в секцията <head> на HTML документа.

Основните типове мета тагове и тяхното предназначение:

charset: Посочва кодирането на символите на страницата, например UTF-8. Важен е за правилното показване на текста.
```
<meta charset="UTF-8">
```
name="description": Определя кратко описание на съдържанието на страницата. Използва се в резултатите от търсачките.
```
<meta name="description" content="Кратко описание на вашата страница">
```
name="keywords": Списък с ключови думи, които описват съдържанието на страницата. Влиянието върху SEO е намаляло, но може да се използва от стари системи.
```
<meta name="keywords" content="ключова дума1, ключова дума2, ключова дума3">
```
name="viewport": Управлява мащабирането и размерите на областта за преглед на мобилни устройства. Критичен за адаптивния дизайн.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: Ширината на областта за преглед е равна на ширината на екрана на устройството.
- initial-scale=1.0: Началното мащабиране при зареждане.

name="robots": Посочва правилата за индексиране на страницата от търсачките.

Таблица на стойностите на атрибута content:

Стойност	Описание
`index`	Позволява индексиране на страницата.
`noindex`	Забранява индексирането на страницата.
`follow`	Позволява следване на връзки и индексиране.
`nofollow`	Забранява следване на връзки.
`all`	Еквивалентно на `index, follow`. (По подразбиране)
`none`	Еквивалентно на `noindex, nofollow`.

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

property (Open Graph, Twitter Cards): Използват се за определяне как ще изглежда съдържанието на страницата при публикуване в социалните мрежи.

<meta property="og:title" content="Заглавие за социалните мрежи">
<meta property="og:description" content="Описание за социалните мрежи">
<meta property="og:image" content="URL на изображението за преглед">
<meta property="og:url" content="URL на страницата">
<meta name="twitter:card" content="summary_large_image">

Необходимостта от мета тагове се свежда до следното:

SEO (Оптимизация за търсачки): Помагат на търсачките да разберат темата и съдържанието на страницата, което влияе на класирането и показването в резултатите (description, keywords, robots).
UX (Потребителски опит): Подобряват визуализацията и взаимодействието със страницата на различни устройства (viewport).
Социални мрежи: Определят привлекателния вид на линка при публикуване, увеличавайки кликванията (property - Open Graph, Twitter Cards).
Техническа информация: Предоставят важни технически данни за браузъра (например, кодиране).

Използването на мета тагове е задължително за създаване на коректни, оптимизирани и удобни уеб страници.

Какви са мета таговете и за какво са необходими?