Meta teglar nima va ular nima uchun kerak?

Мета теглар — бу махсус HTML теглар, улар браузерлар ва қидирув тизимлари учун мета маълумотлар (ҳужжат ҳақида маълумотлар) беради. Улар <head> бўлимида жойлашган.

Асосий турдаги мета теглар ва уларнинг мақсади:

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).
Техник маълумотлар: Браузер учун муҳим техник маълумотларни тақдим қилади (масалан, кодлаш).

Мета тегларидан фойдаланиш тўғри, оптимал ва фойдаланувчи учун қулай веб-саҳифалар яратиш учун мажбурийдир.