Meta etiketləri nədir və onlar nə üçün lazımdır…

Meta etiketleri — brauzerlər və axtarış sistemləri üçün metadatalar (sənəd haqqında məlumat) təmin edən xüsusi HTML etiketləridir. Onlar <head> bölməsində yerləşir.

Əsas meta etiket növləri və onların məqsədləri:

charset: Səhifənin simvol kodlamasını göstərir, məsələn, UTF-8. Mətnin düzgün göstərilməsi üçün vacibdir.
```
<meta charset="UTF-8">
```
name="description": Səhifənin məzmununun qısa təsvirini müəyyən edir. Axtarış sistemləri nəticələrində istifadə olunur.
```
<meta name="description" content="Səhifənizin qısa təsviri">
```
name="keywords": Səhifənin məzmununu təsvir edən açar sözlərin siyahısı. SEO-ya təsiri azalıb, lakin bəzi köhnə sistemlərdə istifadə oluna bilər.
```
<meta name="keywords" content="açar söz1, açar söz2, açar söz3">
```
name="viewport": Mobil cihazlarda görüntü sahəsinin ölçüsü və miqyasını idarə edir. Adaptiv dizayn üçün vacibdir.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: Görüntü sahəsinin eni cihazın ekran eni ilə eynidir.
- initial-scale=1.0: Yükləmə zamanı ilkin miqyas.

name="robots": Axtarış robotlarına səhifənin indeksləşdirilməsi qaydalarını göstərir.

Cədvəl content atributunun dəyərləri:

Dəyər	Təsviri
`index`	Səhifənin indeksləşdirilməsinə icazə verir.
`noindex`	Səhifənin indeksləşdirilməsini qadağan edir.
`follow`	Linklərə keçid və indeksləşdirməyə icazə verir.
`nofollow`	Linklərə keçidi qadağan edir.
`all`	`index, follow` ilə eynidir. (Əsas dəyər)
`none`	`noindex, nofollow` ilə eynidir.

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

property (Open Graph, Twitter Cards): Səhifənin məzmununun sosial şəbəkələrdə necə görünəcəyini müəyyən edir.

<meta property="og:title" content="Sosial şəbəkələr üçün başlıq">
<meta property="og:description" content="Sosial şəbəkələr üçün təsvir">
<meta property="og:image" content="Önizləmə üçün şəkil URL-i">
<meta property="og:url" content="Səhifənin URL-i">
<meta name="twitter:card" content="summary_large_image">

Meta etiketlərin istifadəsinin əsas səbəbləri:

SEO (Axtarış Motoru Optimallaşdırması): Axtarış sistemlərinə səhifənin mövzusu və məzmunu haqqında məlumat verir, bu da sıralama və nəticələrdə göstərilməyə təsir edir (description, keywords, robots).
UX (İstifadəçi Təcrübəsi): Müxtəlif cihazlarda səhifənin düzgün göstərilməsini və qarşılıqlı əlaqəni yaxşılaşdırır (viewport).
Sosial şəbəkələr: Paylaşım zamanı cəlbedici görünüşü müəyyən edir, kliklənmə ehtimalını artırır (property - Open Graph, Twitter Cards).
Texniki məlumatlar: Brauzer üçün vacib texniki məlumatlar təqdim edir (məsələn, kodlama).

Meta etiketlərin istifadəsi düzgün, optimallaşdırılmış və istifadəçi dostu veb səhifələr yaratmaq üçün vacibdir.

Meta etiketləri nədir və onlar nə üçün lazımdır?