Bu teqlərdəki başlıqlar yalnız mətni məntiqi hissələrə bölmək üçün istifadə edilməlidir. Tam cümlələrin və fərdi ifadələrin seçimi yoxdur.

Bundan əlavə, H1-H6 başlıqları iyerarxiyaya malikdir, bu da onları dizayn baxımından, ən azı şrift ölçüsündə fərqləndirir. Hər bir aşağı səviyyə yuxarıdakından daha az nəzərə çarpan olmalıdır.

Şəkil, şrift ölçüsü aşağı enən zaman bu teqlərdəki başlıqların düzgün dizaynını göstərir üst səviyyəən aşağıya. Bundan fərqli bir vəziyyətiniz varsa, o zaman artıq saytınızın dizayn üslublarına müraciət etməli və onları düzgün şəkildə redaktə etməlisiniz.

Ancaq burada bir məqam var - aşağı səviyyənin başlıqlarının (H6-ya yaxın) başlıqlara bənzədiyinə və adi mətnlə birləşməməsinə əmin olun. Onlar yalnız qalın deyil, başlıqlar kimi görünməlidirlər.

Bu dizayn əsasında başa düşə bilərik ki, başlıqlar mətn strukturunun elementi kimi istifadə edildikdə öz iyerarxiyasını saxlamalıdır. İlk H1 başlığının birinci, sonra isə dərhal H5 və ya H6 olması ola bilməz. Birinci səviyyədən sonra H2 teqində yalnız başlığın istifadə edilməsi məntiqli və düzgündür. Bu, həm materialın özünün dizaynı, həm də düzgün strukturun saxlanması baxımından vacibdir.

Axtarış motorları artıq bu etiketlərə diqqət yetirirlər. Ancaq SEO elementləri kimi deyil, struktur elementləri kimi. Buna görə də, H1 getsə, dərhal H6 olsa qəribə olacaq.

Bu etiketlərdən istifadə edərkən strukturun saxlanmasına əminik. Əgər bir səviyyəyə ensək, o zaman səviyyədən tullanmaq olmaz. Quruluş aşağıdakı kimi olmalıdır: H1-H2-H3-H4-H5-H6.

Bu hallarda H1 səviyyəli başlığın istifadəsi məqsədəuyğun olmayacağını söyləmək lazımdır, çünki səhifədə yalnız bir dəfə istifadə edilməli və materialın adı olmalıdır. Ona görə də mətndə ondan istifadə etmək lazım deyil.

İndi H1 başlığından istifadənin əsas məqamlarını əhatə edəcəyəm, lakin bundan əvvəl bütün səviyyələrin başlıqları üçün etibarlı olan bir neçə ümumi məsləhət verəcəyəm.

• Nöqtə ilə bitirməyin;
• İstifadə edildikdə biz bir iyerarxiya saxlayırıq;
• Açar sözlər yerləşdirmək üçün heç bir məqsəd yoxdur;
• Onlar hətta çox qısa məqalələrdə də yer alır, çünki istənilən mətni məntiqi hissələrə bölmək olar;
• Başlığa daxil edin xülasə sonrakı mətn və bir şey deyil, "əgər belə olsaydı".

H1 Əsasları

Yuxarıda göstərilən qaydalar da aktualdır, lakin onlara əlavə olaraq, bu xüsusi başlıq səviyyəsi üçün məcburi olanlar var.

• H1 həmişə hər səhifədə bir dəfədir;
• Biz istifadəçini materialı oxumağa təşviq edirik, ona görə də inadkar sözlərdən (məsələn, sirlər, ən yaxşı çiplər və s.) istifadə etmək məntiqlidir;
• Biz onu axtarış nəticələrində səhifənin adını göstərən və axtarışdan sayt səhifəsinə keçidi təşviq edən başlıq etiketindən fərqləndiririk. Bir az fərqli olmalıdır, ancaq səhifədəki materialın kontekstinin dəyişmədiyini mütləq başa düşməlidir;
• Məqalənin açar sözünü istifadə edirik, lakin dəqiq bir şəkildə deyil, seyreltilmiş formada;
• Durğu işarələri tövsiyə edilmir.

Praktikada istifadə edin

Yuxarıda yazdım ki, H1 səhifədə cəmi 1 dəfə istifadə olunur və o, avtomatik olaraq sayt şablonunun tərtibatına daxil edilməli və başlıqda avtomatik olaraq əvəzlənəcəkdir. Bu anı yoxlayın. Məqalə başlıqlarınızı təhlil edin və onların H1-ə daxil olub-olmadığını yoxlayın. Əgər belə deyilsə, şablonunuzu redaktə edin.

H1 əvəzinə H2 olduqda ümumi bir vəziyyət. Bu kobud səhv deyil, amma buna imkan verməmək daha yaxşıdır.

H2-H6 başlıq səviyyələrinin qalan hissəsini istifadə etməkdən danışırıqsa, onda onlar artıq istifadə edilməlidir əl rejimi.

Sayt yaratmaq üçün bəzi CMS istifadə edərək, bu başlıqlar məqalələrə çox sadə şəkildə əlavə olunur. Məsələn, WordPress-də səhifə redaktorunda formatlaşdırma panelində həmişə başlığa əlavə etmək istədiyiniz mətni əvvəlcədən vurğulayaraq istədiyiniz səviyyəni seçə biləcəyiniz bir başlıq girişi var.

Hər mühərriklə eynidir. Əgər istifadə edirsinizsə HTML tərtibatı site və etiketləri əl ilə əlavə etməlisiniz, onda heç bir çətinlik olmayacaq. Açılış və bağlanma teqləri arasında yalnız mətnin lazımi hissələrini istədiyiniz səviyyələrlə əhatə etmək lazımdır. Nümunələr üçün aşağıya baxın.

2-ci səviyyə başlığı

3-cü səviyyə başlığı

4-cü səviyyə başlığı

5 səviyyəli başlıq

6 səviyyəli başlıq

Hər səviyyə üçün üslublara gəldikdə, üslub faylında hər səviyyəyə qaydalar əlavə etməyə dəyər.

h1 (üslublar burada) h2 (üslublar burada) h3 (üslublar burada) h4 (üslublar burada) h5 (üslublar burada) h6 (üslublar burada)

Qeyd edək ki, üslublarda başlıq səviyyəsinin adından əvvəl heç bir nöqtə və ya hash yoxdur. Mötərizədə biz üslubları özləri təyin edirik: şrift növü, ölçüsü, rəngi, fonu və s.

Başlıq dizaynı H1-H6

Başlıqlarınızı unikal göz oxşayan dizayn etsəniz, ziyarətçilər bunun üçün yalnız sizə təşəkkür edəcək və məzmunun dizaynı ən yüksək səviyyədə olacaq. İndi böyük şrift ölçüləri və qalın vurğu ilə sadə başlıqlar artıq keçmişdə qaldı.

Sadə, lakin eyni zamanda sətirlərlə müxtəlif seçimlər, fonun köməyi ilə altdan xətt çəkmək və s. köməyi ilə başlıqlar dəbdədir.

Mən bir dəfə belə dizaynlardan bəzi nümunələr vermişdim. Bloqumu götürsəniz belə, H1-də əsas başlıq yalnız mətnin qalan hissəsi ilə ağ fonda böyük bir şrift deyil. Saytın ümumi fonunda boz çərçivə ilə ayrılır ki, bu da onu daha aydın edir və diqqəti cəlb edir.

H1-də üslublu başlıqlara daha 2 misal verəcəyəm.

Gördüyünüz kimi, bu, sadəcə qalın şrift deyil, dalğalı alt səthi və üstündən xətt çəkilmiş gözəl bir fondur.

Siz də bu səhifədə özünüz üçün maraqlı dizayn görə bilərsiniz.

H2-H6 başlıqlarına gəldikdə, onlar yalnız bir növ fon ilə bəzədilə bilməz, həm də gözəl şəkillər şəklində nömrələnə bilər (səhifənin yuxarısındakı məzmundan istifadə etsəniz). Yenə deyirəm, bunlar sadə rəqəmlər olmamalıdır. Budur yaxşı nümunə belə bir fikir.

Əksər insanların bilmədiyi bir şeyi bildiyiniz zaman, bildiyiniz kimi, davam edə və saytınızdakı bütün səviyyəli başlıqlardan istifadə edərkən əsas səhvlərə baxa bilərsiniz.

İstifadə səhvləri

Yuxarıdakı bütün materialları öyrənərək, bütün səhvləri özünüz düşünə bilərsiniz, lakin bəzi nüanslar var. Xüsusilə sizə aid ola biləcək hər şeyi və dərhal düzəldilməli olanları sadalayacağam.

• Hər səhifədə birdən çox H1. Bu düzgün deyil. Hər bir sənəd üçün yalnız bir dəfə;
• Saytın əlavə elementlərini dizayn etmək üçün H1-H6 teqlərindən istifadə. Əvvəldən yazmışdım ki, bu sənədlərin məqsədi məzmunun dizaynı və strukturlaşdırılmasıdır. Buna görə də, onlar yalnız məzmunda istifadə edilməlidir. Əksər sayt şablonları bu teqləri öz adlarını tərtib etmək üçün yan panellərə daxil edir və s. Bu, aydın şəkildə ifadə olunur WordPress şablonları, yan paneldəki hər bir vidcetin adı H3 və ya digər teqlərə əlavə edildikdə.Bu vəziyyət varsa, o zaman saytın xidmət elementlərindəki başlıq teqlərini başqaları ilə, məsələn, "span" teqi ilə əvəz edin;
• Xüsusi olaraq açar sözləri daxil edin. Əvvəllər belə bir fikir var idi ki, açar sözləri birbaşa bütün səviyyələrin başlıqlarına daxil etməklə onların sıxlığını artırmaq olar və belə bir səhifənin mövqeyi daha yüksək olacaqdır. Amma indi bu, artıq axtarış sistemlərinin “qanunla cəzalandırılıb” və xəbər başlıqlarında spama görə sanksiyalar tətbiq edilir. Üstəlik, bu etiketlər digər alqoritmlərə görə sıralanır. Nəticə: açar sözləri daxil etmək üçün heç bir məqsəd yoxdur;
• Nöqtələrin və durğu işarələrinin tez-tez istifadəsi. Başlıqlardakı nöqtələrdən ümumiyyətlə istifadə edilməməlidir, çünki bu həm kopirayter, həm də kopirayter baxımından yanlışdır. ümumi qaydalar mətn formatı. Başlıqların oxunaqlılığını artırmaq üçün durğu işarələrinin sayını minimuma endirməyə də çalışırıq. Burada çox sayda söz də aid edilə bilər - başlıqları çox uzun etməyin;
• Quruluşun iyerarxiya baxımından çıxarışı hörmət edilmir. Hər səhifədə H2-H6 teqlərinin iyerarxiyasının qurulmasında məntiqi zəncirə əməl etməyə çalışın;
• Başlığa deyil, digər mətn elementlərinə stil vermək üçün H1-H6 teqlərindən istifadə edin. Bu, yuxarıda danışdığım şeydir, hər bir etiketin üslubu səhv konfiqurasiya edildikdə və adi qalınlaşdırma əvəzinə hansısa səviyyənin başlığından istifadə edə bilərsiniz.
• Başlıq uyğun deyil və ya ondan sonra gələn mətnin kontekstini daşımır. Məntiqi başlıqlar yaratmağı öyrənmək üçün oxumağınız asan olan bir neçə yaxşı tərtib edilmiş kitab seçin. Həmçinin Vikipediya saytında məzmunun strukturlaşdırılmasını rəhbər tutmaq;
• H1-H6 başlıqlarından ümumiyyətlə istifadə edilməməsi və ya kiçik mətnlərdə istifadə edilməməsi. Sadəcə tam yoxluq və danışmaq üçün heç bir şey yoxdur, ancaq kiçik səhifələrdə yoxluq haqqında - an şübhəlidir, çünki hər hansı bir mətn (hətta minimum 1000 simvol) məntiqi bir quruluşa malikdir. Bir mövzudan digərinə keçid. Niyə onu müxtəlif səviyyəli alt başlıqlarla məntiqi hissələrə ayırmayaq?

Hamısı budur, əziz veb ustaları. Saytda başlıqlarla bağlı material bitdi. Olduqca sıx çıxdı. Bir yerdə özümü təkrarladım, amma bu, yalnız diqqətinizi məqalənin əsas ideyalarına yönəltmək üçündür. Ümid edirəm ki, bu material sizin üçün faydalı oldu.

Yeri gəlmişkən, saytda mənim başlıqlarımda kiçik bir qüsur tapa bilərsinizmi? Əgər belədirsə, şərhlərdə yazın. Bu an çox nəzərə çarpmır, amma oradadır.

Növbəti postlarda görüşənədək. Hələ irəlidə.

Hörmətlə, Konstantin Xmelev!

Başlıq nədir, tamamilə hər kəs bilir. Bu, qısa olmasına baxmayaraq, bütöv bir nəşrin, məqalənin və s. mahiyyətini özündə cəmləşdirən tutumlu, cəlbedici bir başlıqdır. Amma sayt səhifəsindəki başlıq bizim qəzetlərdə, jurnallarda və ya kitablarda görməyə öyrəşdiyimiz kimi deyil. Niyə? Gəlin bunu anlamağa çalışaq.

H1 nədir?

H1 məqalədəki əsas başlıq, birinci səviyyənin başlığıdır. İnternetdəki hər səhifənin öz strukturu var. H1-H6 başlıqları sadəcə olaraq həm axtarış motorları, həm də istifadəçilər üçün materialları düzgün strukturlaşdırmağa imkan verir. H1 - əsas mal mövqeyi, H2-H6 ikinci dərəcəli, iç-içə alt başlıqlar. Kodda başlıqlar belə görünür:

başlığın özü

İnternetdəki başlıqlar yalnız təsvir olunanların strukturunu və mahiyyətini göstərmək üçün deyil, həm də saytın optimallaşdırılmasına xidmət edir. Saytı axtarış nəticələrində görünən mövqelərə gətirmək üçün 2 sadə şərtə riayət etməklə düzgün başlıqları yazın:

Şərt 1. Başlıqlarda açar sözlər

Bunu etmək üçün yüksək keyfiyyətli semantik nüvəni hazırlamalısınız - ona çox məsuliyyətlə yanaşın və saytın bütün səhifələrində eyni açarı daxil edə bilməyəcəyinizi unutmayın. Münasiblik hər şeydir: siz müştərilərin və axtarış sistemlərinin gözləntilərini qarşılamalısınız. Əsas səhifənin başlıqlarında orta tezlikli və yüksək tezlikli sorğular ala bilərsiniz. Məhsul səhifələrində (məhsul kartı) aşağı tezlikli düymələri olan başlıqlar olduqca məqbuldur. Açar konkret mövqeyə və ya vahidə aparmalı, dəqiq olmalı, ümumiləşdirilməməlidir.

Açar sözlər yerləşdirərkən bunu diqqətlə edin: açar sözlərdən çox istifadə etməyin və ya spam başlıqlar etməyin (məsələn, Moskvada mənzil al, soyuducu çantası al, Krasnoyarsk motosikletini al, mən səninkini başa düşmürəm və s.). İfadənin gözəlliyini və məntiqini qoruyun. Böyük və qüdrətli rus dilində sözlər birləşir və azalır və robotlar indi mənasını başa düşürlər, dili səndən və məndən pis başa düşürlər! Və narahat olmayın - spam hər kəs üçün aydındır və Baden-Baden bir daş atma məsafəsindədir və Google-dan Panda haqqında unutmayın.

Düymələrin sayının miqyasdan kənara çıxdığı bir nümunə, kobud güc.

Əsas başlıqdan hansı məhsulun müzakirə olunacağı aydın olur. Əlbətdə ki, birinci abzasda açarsız edə bilməzsiniz, amma bunu gözə dəymədən, o qədər də açıq və aqressiv şəkildə edin.

Yaxşı, ümid edirəm ki, bir səhifə üçün nəzərdə tutulan bütün açar sözləri başlığa yerləşdirmək heç kimin ağlına gəlməyəcək. Bundan yaxşı heç nə gəlməyəcək. =)

Unutmayın ki, mətn təkcə axtarış sistemləri üçün deyil, həm də insanlar üçün yaradılır. Ümumiyyətlə, robotlar humanist, sadə və başa düşülən mətnləri sevirlər. Başlıqda açar sözlər üzvi olaraq cümlənin əvvəlində dayanırsa, bir az daha yaxşı işləyəcək. Bunlar. "Moskva otelləri" açar sözü üçün səhifənin optimallaşdırılması baxımından "Moskva Otelləri - rəsmi saytlar, rəylər, fotoşəkillər" başlığı "Moskva otellərinin rəyləri, fotoşəkilləri və rəsmi saytları"ndan daha yaxşı işləyəcək.

Vəziyyət 2. Teqlər

-

Saytda mətnlər yerləşdirərkən etiketləri düzgün yerləşdirməyi unutmayın. Mətnin başlıqları üçün etiketlər aşağıdakı HTML kodu ilə müəyyən edilir:

-

. Müşahidələrimizə görə, iki etiket kifayətdir -

-

. İndi insanlar böyük mətnləri oxumur, hətta şeylərin məntiqinə əsaslanaraq belə bir çox başlıqların yerləşdirilməsi lazım deyil. İstisna çoxlu videolar, şəkillər, interaktiv elementlər və s. olan səhifələr ola bilər. Ancaq bu yenə də qayda deyil, istisnadır.

Axtarış motorları etiketlərin ölçüsünü və əhəmiyyətini də nəzərə alır.

-

. Yerləşdirərkən, başlıqların ümumi mətndən vizual olaraq fərqlənməsinə diqqət yetirməlisiniz.

Başlıqlardakı keçidlərdən, xüsusən də başlıqlarda istifadə edilməməlidir

: bu yolla siz şəxsi səhifədən uzaqlaşdıraraq başqa materiala keçirəcəksiniz və ya eyni səhifəyə keçid etsəniz yaxşı heç nəyə yaramayan dairəvi link yaradacaqsınız.

Səviyyə başlıqlarından istinad edilə bilər

və aşağıda, həm də əsaslandırılmış və məntiqlidirsə.

Veb tarayıcıları vacib məlumatları göstərmək üçün istifadə edildiyi üçün başlıqlara çox əhəmiyyət verirlər. Beləliklə, maşınlar üçün mətni oxumaq və onun strukturunu, məntiqini başa düşmək daha asan olacaq; ən vacib olanı gör. Aldatmağa və etiketlər tətbiq etməyə çalışmayın

-

səhifədəki bütün mətn üçün, çünki heç bir faydası olmayacaq. Robotlar axmaq deyillər və ümumiyyətlə çox həssasdırlar - saytınız üçün xoşagəlməz bir şeylə bunun qisasını ala bilərlər. Buna görə də, əvvəlcədən yeddi dəfə düşünün, nəticələri dəhşətlidir. Mətndə başlıqlar yazarkən aşağıdakı qaydalara əməl edin:

İşləri qaydasına salırıq. etiketlər

-

iyerarxiya prinsipinə görə düzülmüşdür: tag

etiketdən daha vacibdir

. Əslində, belə görünür:



Axtarış motorları mükəmməldirlər: onlar düzgün ardıcıllığı sevirlər ki, hər şey öz yerində, öz rəflərində olsun. Ona görə də məntiqə əməl edirik: kiçik oğul böyükdən əvvəl doğula bilməz. Buna icazə verilmir - burada pozulmuş iyerarxiya ilə bir nümunə var:



Bundan əlavə, etiket

Yandex axtarış nəticələrində sürətli bağlantıların formalaşmasında mühüm rol oynayır.

Əgər hər şey yoluna düşsə, o zaman belə əhəmiyyətsiz və asan görünən işin effekti özünü çox gözlətməyəcək.

Və hər hansı bir çətinlikiniz varsa, mütəxəssislərimizlə əlaqə saxlayın, saytınızın başlıqlarının düzgün yazıldığını yoxlamağa, səhvlər olduqda onları düzgün yazmağa və istənilən sualları cavablandırmağa hazırıq. 1 səhifə üçün başlıqların tərtibi (+ 3 müvafiq açarın seçimi) - 450 rubldan.

Salam əziz oxucular. Bu gün h1 h2 - h6 teqlərindəki başlıqlar mövzusuna xüsusi diqqət yetirmək istəyirəm. yaxın gələcəkdə şablonlarda başlıqları redaktə etmək üçün bir neçə praktik məqalə planlaşdırıram (söz verdiyim kimi). Amma nəyisə praktikada mənimsəməzdən əvvəl, məncə, bilmək yoxsa, nəzəriyyəni dərk etmək lazımdır. Gəlin əvvəldən anlayışları müəyyən edək, HTML sənədlərində başlıq nədir, saytdakı başlıq, səhifə.

Hamımız rus dilini bilirik və ümumi qəbul edilmiş anlayışa gəlincə başlıq- suallar olmamalıdır. Başlıq hansısa mətnin bütün mənasını, ondan sonra gələn məlumatı ümumiləşdirən söz və ya ifadədir.

Hər hansı bir kitab adla başladığı kimi, İnternetdəki hər sənədin də öz adı var.

Amma kitabı açıb başa düşsək ki, bu ifadə daha böyük və ya daha qalın şriftə malik olduğu üçün başlıqdır, deməli internet səhifələrinin öz qaydaları var. İnternetdə başlıq sözünün bir neçə mənası var və müxtəlif məqsədlər üçün istifadə olunur. Buna görə də, hansı başlıqdan danışdığımızı və dəqiq nəyə ehtiyacınız olduğunu bilmək və anlamaq lazımdır.

Anlamalı olduğumuz ilk və ən vacib şey HTML sənədində üç fərqli başlıq anlayışının olmasıdır.

İstənilən sənədə üç əsas HTML etiketi daxildir:

Budur sənəd haqqında texniki məlumat +
etiketlərdə səhifə başlığı



Saytın əsas məzmunu, etiketlərdə başlıqları olan məqalələr:

Veb sayt və ya məqalənin adı

Məqalənin başlığı

Məqalənin alt başlığı

Digər məlumat blokları

Digər məlumat blokları

Digər məlumat blokları

Beləliklə, yuxarıdakı koddan biz bunu görürük HTML sənədiöz adı var , yerləşir Texniki məlumat, burada meta teqlər və seo-da ən vacib teqlərdən biri -