Salom bolalar! Vaziyat qizib ketayotganini his qilyapman, sharhlarda turmush o'rtog'i va haqoratlari buzila boshladi. Xo'sh, men bu vaqtlarni allaqachon sog'indim. 🙂 Eng yomon tomoni e'tiborga olinmaydi. Va ular tanbeh berishganda, bu yaxshi, demak, men kimnidir xafa qildim. Yoqimli. 🙂 Hey-ge-gey, o'rtoq sharhlovchi, salom !!! 🙂 Ammo turmush o'rtog'ingiz tufayli sizning sharhingizni o'chirishga majbur bo'ldim, men bunday rejaga qasam ichishga toqat qilmasligimni bir necha bor aytgandim.

Ko'p odamlar meni maqolalar sotishda ayblashadi. Ha, vaqt bor edi, lekin men ularning soni kamayishiga va'da berdim. Ammo ba'zi odamlar hali ham biron bir xizmatni ko'rib chiqsam, bu yozuv buzilgan deb o'ylashadi. Siz xohlagan narsani o'ylab ko'ring, janoblar. Vijdonim toza va 32 ta tishimning barcha egri chiziqlarida tabassum qilaman. Mening kayfiyatim juda yaxshi, va mening sodiq o'quvchilarim ham shunday holatda bo'lishadi, hech bo'lmaganda harakat qilaman. 🙂

Oxirgi darsda men SEO brauzerini kengaytirish haqida gaplashdim. Men uzoq vaqtdan beri muhokama qilinadigan mavzuni ko'tarishga qaror qilganim bejiz emas edi. Men nuqta qo'yishga qaror qildim. Ko'p o'quvchilar mendan h1, h2, h3 va hokazo sarlavhalarni qanday qilib to'g'ri ishlatishni so'rashadi? Men 2012 yilda qaytib kelgan edim. Ko'pgina saytlarda tekshiruvlar o'tkazayotganda, men o'sha xatolarni tan olaman, buni tan olmayman. Shunday qilib, o'sha darsga ozgina qo'shish vaqti keldi.

Ehtimol, ba'zi optimizatorlar h1 teglarini va shunga o'xshash narsalarni foydasiz deb topishi mumkin, ammo ko'pchilik ularni qo'llab-quvvatlaydi. Agar siz hali ham tushunmasangiz, SEO juda hiyla-nayrang ilm, har kimning o'z fikri bor.

SEO nuqtai nazaridan sahifada h1, h2, h3, h4 sarlavhalarini ishlatish qoidalari

Qoida # 1 : sahifada faqat 1 h1 yorlig'i bo'lishi kerak.

Esingizda bo'lsin, 2 emas, balki faqat 1, 3 emas. Ko'pchilik sahifadagi ushbu teglar miqdorini qanday bilishni qiziqtiradi va ko'pincha veb-ustalar kirishni boshlaydilar. manba kodi sahifalarni tanlang va ushbu teglarni qo'lda qidiring. Men buni "Internetdagi birodarim" Vitaliy (http://mojwp.ru/) menga juda hiyla-nayrang taklif qilgunga qadar qildim, bu esa, mening sevimli SEO satrimga o'rnatildi.

Sizga nima kerak?

Katta plyus sahifadagi h1-dagi 1 yorlig'i, bu juda yaxshi. Agar sizda yo'q bo'lsa yoki ulardan bittasi bo'lsa, quyida men sizga qo'shimcha narsalardan qanday qutulish kerakligini aytaman yoki qo'shaman.

№2 qoida: h2, h3, h4 sarlavhalari faqat maqolaning o'zida bo'lishi kerak.

Mening holimda h2 juda to'g'ri ishlatilishini ko'rasiz, lekin h3, h4 yorlig'ida menda "axlat" bor. Ya'ni, ushbu iboralar SEO nuqtai nazaridan foydali emas. Bundan tashqari, keraksiz joylarda h teglaridan foydalangan holda, biz ushbu teglarning ahamiyatini kamaytiramiz qidiruv tizimlari, chunki ularning "vazni" keraksiz iboralarga tarqaladi. Shuning uchun h teglari faqat maqola ichida bo'lishi kerak. Ha, qachon istisnolar mavjud kalit so'zlar Ular saytdagi alohida bloklarga juda malakali ravishda yozadilar, ammo "Saytga obuna bo'lish" va hokazo iboralarni u erda bosishmaydi.

Ushbu xatolarni qanday tuzatish kerak?

Bunday xatolarni tuzatish uchun yana men allaqachon aytib o'tgan yana bir qo'shimcha kerak - bu (Chrome uchun ham mavjud).

Biz sahifada keraksiz h tegida elementni topamiz, masalan, men RDS satri menga taklif qilgan "Obuna" va "Sayt" iborasini olaman (ular h4 formatida, yuqoridagi rasmga qarang). Saytda ushbu 2 elementni topdim (qidiruv uchun kerakli iborani yozib Ctrl + F brauzerida qidiruvdan foydalanishingiz mumkin), ulardan birini Firebug yordamida "tekshiramiz":

Va o'ngda biz berilgan h4 yorlig'ining uslublarini ko'ramiz (mening holimda):

Ular hozir biz uchun foydali bo'ladi. Mavzumuzning style.css faylini oching va oxirigacha ushbu uslubning xususiyatlarini qo'shing (yuqoridagi rasmdagi o'qga qarang), shunchaki uni boshqa narsa deb chaqiring (men uni yangi deb atashga qaror qildim4, boshida nuqta unutmang):

Sifatida berilgan ifoda "Obuna" mening podvalimda, men footer.php faylini ochaman, CTRL + F orqali "Obuna" iborasini yozaman, bu erda:

Va h4 o'rniga biz o'zimizni yozamiz yangi sinf (mening holimda "new4"), ya'ni modifikatsiyadan so'ng quyidagi rasm bo'ladi:

Faylni saqlang, Firefox-ni oching, sahifani yangilang va "Obuna" so'zi bilan h4 yorlig'i yo'qolganligini ko'ring:

"Obuna" va "Sayt" so'zlarining uslublari men uchun farq qilmagani uchun, men xuddi shu altbilgida "Sayt" so'zining h4 yorlig'i o'rniga "new4" sinfini yozing va endi sahifada h4 "axlat" yo'qligini ko'ramiz:

Shunga o'xshash harakatlar biz keraksiz h3 teglari bilan bajaramiz. Mening holimda h3 da "Bepul darslarga obuna bo'lish", "Shunga o'xshash darslar" va hokazo iboralarni ishlatish noto'g'ri. H3 matnda faqat bitta sarlavha bo'lishi kerak. Xuddi shunday, yurish turli xil turlari sayt (maqolalar, sahifalar, toifalar va hk), lekin asosiy sahifa - bu alohida hikoya, men sizga quyida aytib beraman.

Agar sizda to'satdan h1-da bo'lmagan maqola bo'lsa, shunchaki single.php mavzusidagi faylni oching, maqola sarlavhasining natijasini u erda toping ("the_title" iborasi yordamida qidiruvda qidiring) va h1-ga ramkaga qo'ying:

Qoida # 3: Bosh sahifada h1 yorlig'idan foydalanish juda istalgan.

Ayni paytda mening saytimda uy sahifasi h1 yo'q, bu strukturani buzadi deb o'ylayman.

Agar sahifada h2 bo'lmasa, h3 yorlig'i bo'lishi mumkin emas, h1 bo'lmasa h2 dan foydalanish mumkin emas. Xuddi shunday, h1 va h3 dan foydalanish, masalan h2 holda ham noto'g'ri. Bundan tashqari, hamma narsa tuzilishga aniq amal qilishi kerak: h2 sahifada h1 balandlikda turolmaydi, h3 birinchi h2 yorlig'i ustida turmasligi kerak va hokazo.

Asosiy sahifa uchun h1-ga nimani qo'yishimiz kerak? Bu siz harakat qilayotgan eng ko'p so'raladigan kalit so'zlarni oqilona o'z ichiga olgan matn bo'lishi mumkin. Takror aytaman, bu ahmoqona ro'yxat emas, JAHON yozilgan.

Bundan tashqari, ko'pchilik uchun sayt sarlavhasidagi tavsif shunchaki ko'rsatiladi zarur ma'lumotlar... Odatda "mazali" kalit so'zlar mavjud va sarlavha qidiruv tizimlarini to'g'ri iboralar bilan "boqish" yaxshi bo'lgan "shirin nuqta" hisoblanadi. Uni ishlatmaslik gunohdir.

Esingizda bo'lsin: h1 sarlavhasi boshqacha bo'lishi kerak sahifa sarlavhasi... Bu qidiruv tizimini targ'ib qilish uchun foydali bo'ladi.

Odatda, bu joyda biron bir joyda saytning tavsifi mavjud (mening holimda bunday emas):
Ammo bu erda ma'lum bir muammo paydo bo'ladi: agar biz ushbu tavsifni saytning sarlavhasida h1-ga yozsak, u maqolalar ichida h1-da bo'ladi, bu yana noto'g'ri.

Ya'ni, biz quyidagilarni bajaradigan funktsiyani ro'yxatdan o'tkazishimiz kerak: agar biz asosiy sahifada bo'lsak, unda sarlavhadagi matnga h1 yorlig'i beriladi, agar biz boshqasidan farqli sahifada bo'lsak, unda o'sha matn xuddi shu uslubda, lekin allaqachon ko'rsatiladi h1 yorlig'isiz. Buning uchun amalga oshiriladi ichki sahifalar 2 ta h1 teglari bo'lmagan (sayt tavsifi + maqola nomi).

Va mening yana bir "Internetdagi birodarim", bu safar Qozondan, uning ismi Ramil (uning blogi yo'qligi uchun uzr so'rayman, men hozir havolasini qo'ygan bo'lardim), buni iltifot bilan baham ko'rdi. PHP funktsiyasi (bilasizmi, PHP-da men "gaplashmayman"), mana:

Sayt tavsifi

Sayt tavsifi

Bu erda siz h1 uchun bir xil uslublarni va style.css-dagi "tavsif" uslubi uchun oldindan belgilashingiz kerak, shunda vizual ravishda tashrif buyuruvchilar farqlarni ko'rmaydilar.

Shuningdek, "spam" sarlavhalari uchun qidiruv tizimlaridan sanktsiyalarni oldini olish uchun h2, h3 va h4 sarlavhalarini uslublar bilan almashtirish kerak, degan fikr ham bor.

yoki

Menimcha, hamma narsa. Agar sizda biron bir savol bo'lsa - yozing, men har qanday tarzda javob beraman. Va ha, quvnoq sharhlar yozishni davom eting, ular meni tabassum va ko'nglimni ko'taradi. 🙂

Savol tug'iladi, qanday qilib ba'zi saytlar boshqalarga nisbatan ustunlikka ega bo'lib, qidiruv natijalarida ularni chetlab o'tishadi? Axir, optimallashtirish vositalari bir xil ishlatiladi. Javob, aniq bo'lib tuyulishi mumkin: tashqi optimallashtirish va uning cheksiz resursi tufayli. Biroq, bu yagona nuqta emas.

Ko'pgina veb-ustalar e'tiborsiz qoldiradigan ichki optimallashtirishning yanada murakkab bosqichlari mavjud. Men birinchi navbatda h1-h6 sarlavhalarini joylashtirish haqida gapiryapman. Ko'pincha, ular saytning o'ziga xos xususiyatlarini hisobga olmagan holda, noto'g'ri yoki xuddi shu naqshga muvofiq joylashtirilgan. Faqatgina ushbu sarlavhalarni o'z-o'zini joylashtirish maksimal ta'sirga erishishga yordam beradi. Men sizga h1-h6 sarlavhalari nima ekanligini, nima uchun kerakligi va ularni qanday qilib yaxshiroq joylashtirish haqida ushbu maqolada aytib beraman.

H1-h6 teglari matnning eng muhim qismlarini ajratib ko'rsatish uchun ishlatiladi. Ularni aksent teglari ham deyishadi. Ular asosan qidiruv tizimlariga yo'naltirilgan bo'lib, matnning qaysi qismlarida maqola mavzusi, uning kalit so'zlari haqida aniqroq ma'lumotlarni o'z ichiga olganligini tushunishga imkon beradi. H1-h6 teglaridan foydalanish saytlarni qidiruv tizimi bo'yicha reytingida ustunlikka ega bo'lish imkoniyatini beradi. Biroq, buning uchun siz ulardan oqilona foydalanishingiz kerak.

Nazariy jihatdan hamma narsa oddiy: birinchi darajali sarlavha (h1) sayt nomini ta'kidlash uchun ishlatiladi. Ikkinchi darajadagi sarlavha (h2) qidiruv tizimining e'tiborini maqola nomiga qaratadi. Uchinchi darajadagi sarlavhalar (h3) maqolaning pastki xatboshilarini, h4, h5 va h6 sarlavhalarini quyidagicha ta'kidlab, o'z xohishiga ko'ra ishlatishi mumkin. mazmunli so'zlar matnda, shuningdek sayt satrlari sarlavhalari va boshqa muhim elementlar. Biroq, aslida, hamma narsa biroz murakkabroq: yuqorida aytib o'tilganidek sarlavhalarni tartibga solish har doim ham mantiqiy emas. Masalan, agar siz faqat reklama qilsangiz alohida sahifalar sayt (bloglarda bo'lgani kabi), keyin sayt nomini h1 yorlig'iga kiritishda hech qanday ma'no yo'q, chunki ushbu yorliqni maqola sarlavhasi uchun saqlab qo'yish yaxshidir, chunki aynan shu mavzuni asosiy yuklaydi. H2 teglardan pastki elementlarni ajratib ko'rsatish uchun foydalanish mumkin. Qolganlari o'xshashlik bilan. Boshqacha qilib aytganda, h teglarini joylashtirishning ko'plab sxemalari mavjud, siz o'zingizning saytingizni, uni reklama qilish xususiyatlarini tahlil qilishingiz va sarlavhalarni xulosalaringizga muvofiq tartibga solishingiz kerak.

Men aytayotgan narsa nega shunchalik muhim? Endi ko'p odamlar saytlarni saqlash uchun bepul platformalardan foydalanadilar yoki foydalanadilar standart shablonlar... Ularda ko'pincha sarlavhalar juda yomon joylashtirilgan, bu ichki optimallashtirish imkoniyatlarini ancha cheklaydi. Buni o'zingiz aniqlab, to'g'ri bajarganingizdan so'ng, kelajak uchun katta afzalliklarga ega bo'lasiz.

Shunday qilib, h1-h6 sarlavhalarini joylashtirish uchun bir nechta qoidalar mavjud. Men ularni quyida taqdim etaman.

Rasmni bosish mumkin

1. Sarlavha tuzilishi. Bu eng muhim qoidadir. Yuqori darajadagi sarlavhalar (nisbatan kamroq raqam - qanchalik baland bo'lsa) sahifada yuqoriroq bo'lishi kerak. Ya'ni, h1 sarlavhasi har doim h2 sarlavhasi ustida joylashgan bo'lishi kerak va u, o'z navbatida, h3 sarlavhasi ustida bo'lishi kerak. Va boshqalar.
2. Sarlavhalarning shrift hajmi. Bu ham zaruriy shart. Sarlavha darajasi qanchalik baland bo'lsa, shrift shunchalik katta bo'lishi kerak. H1 sarlavhasi eng katta shriftga ega bo'ladi. Sarlavha shriftlari uslublarda tahrirlangan. Biroq, ular odatda sukut bo'yicha to'g'ri o'lchamdir.
3. H teglarida matndan boshqa narsa bo'lmasligi kerak. Ya'ni, ularga rasmlar, havolalar va boshqa tarkib elementlarini qo'shib qo'yish qat'iyan tavsiya etilmaydi.
4. H teglarini boshqa aksent teglari bilan birgalikda ishlatishga yo'l qo'yilmaydi.
5. H1-h6 teglari qidiruv tizimining e'tiborini sahifaning muhim elementlariga qaratganligi sababli, bunday ta'kidlashni oqlash kerak. Matnning ajratilgan qismida kalit so'zlar yoki iboralar bo'lishi kerak, aks holda siz qidiruv tizimini chalkashtirib yuborishingiz va shu bilan faqat zarar etkazishingiz mumkin.
6. H1 yorlig'i har bir sahifada faqat bir marta ishlatiladi. Boshqa variantlarga yo'l qo'yilmaydi.

Ko'rib turganingizdek, hech qanday murakkab narsa yo'q. Urg'ularni to'g'ri joylashtirish uchun yuqorida tavsiflangan tavsiyalar juda muhim. Har bir sahifada barcha aksent teglaridan foydalanish umuman shart emas, etarli birinchi uchta darajalar. Shunisi e'tiborga loyiqki, sarlavhalarni to'g'ri tartibga solish uchun html bo'yicha ba'zi bilimlar talab qilinishi mumkin. Veb-ustaning birinchi amri - zarar etkazmaslikdir. Shuning uchun, agar bunday bilim bo'lmasa, unda bu masalani boshqasiga topshirish yaxshiroqdir.

Asosiy dedi. Afsuski, men barcha mumkin bo'lgan vaziyatlarni tasvirlab berolmayman. Raqobatni chetlab o'tish uchun siz nafaqat optimallashtirishning har bir bosqichini yuqori sifatli bajarishingiz, balki biron bir bosqichni o'tkazib yubormasligingiz kerak. Shundagina siz va veb-saytingiz muvaffaqiyatli bo'ladi. Maqola shu bilan yakunlanadi. Omad!

Hammaga salom!
- bu har bir detalga e'tibor berishni talab qiladigan murakkab ish. Sayt sahifalarida sarlavhalarni (H1, H2, H3 teglari) noto'g'ri ishlatilishi ham normal qidiruv tizimining targ'ibotiga xalaqit berishi mumkin. Bugun biz bu haqda gaplashamiz.

Yuqoridagi darslarda tasvirlangan hamma narsa bugun foydali bo'ladi.

Sarlavhalardan foydalanish qoidalari

SEO dunyosida H1, H2, H3 va undan past teglardan foydalanish bo'yicha ba'zi qoidalar mavjud, ularni barcha sahifalarda kuzatib borish maqsadga muvofiq:

Sahifada faqat bitta darajadagi bitta sarlavha (H1) bo'lishi kerak;
H1 sarlavhasi sahifa Sarlavhasiga mos kelmasligi kerak;
H2, H3, H4 sarlavhalari faqat maqola doirasida ishlatilishi kerak;
Sarlavhalarda faqat foydali iboralardan foydalanish kerak, ya'ni H1… H6 teglarida ma'nosiz iboralar bo'lmasligi kerak, masalan: sharhlar, obuna bo'lish, sharhlar va hk.;
Sarlavha iyerarxiyasiga rioya qiling. Ikkinchi darajali sarlavha H1 dan past, uchinchi darajali sarlavha pastda bo'lishi kerak birinchi H2. Agar boshqacha bo'lsa, unda qidiruv robotfaqat HTML kodni ko'rgan sahifani to'g'ri qabul qilmaydi, biz buni xohlamaymiz.

Ushbu qoidalar to'g'risida men bag'ishlangan darsda qisqacha yozgan edim. O'qishni unutmang, foydali ma'lumotlar juda ko'p!

Sarlavhalar to'g'ri ishlatilishini qanday bilasiz?

Bilasizmi mozilla brauzeri Firefox? Ehtimol Ha. Shunday qilib, ushbu brauzer yaxshi funktsional imkoniyatga ega bo'lgan bitta plagin tufayli sahifalarni tahlil qilish uchun katta imkoniyatlar yaratadi. Ushbu plaginning nomi RDS satridir. Siz uni ushbu havoladan yuklab olishingiz mumkin, ammo buni Firefox-da qilishingiz kerak, agar shunday bo'lsa berilgan brauzer u sizda o'rnatilmagan, tezroq yuklab oling va o'rnating.

RDS paneli boshqa brauzerlarda o'rnatilishi mumkin, ammo u mavjud Mozilla Firefox uning funktsionalligi ancha kengroq.

Sayt sahifalarini tahlil qilishga o'tishdan oldin siz plaginda bir nechta kichik sozlamalarni o'rnatishingiz kerak:

Endi sahifada qancha H1, H2, H3 teglari borligini osongina ko'rishimiz mumkin, qo'shimcha sarlavhalarni ko'rib chiqamiz va nimani tahrirlash kerakligini bilamiz. Ushbu ulug'vorlikni siz hozirgina faollashtirgan RDS satridagi SEO teglari tugmachasini bosish orqali ko'rishingiz mumkin:

Ushbu tugmani bosishingiz bilanoq, sizning ko'zingiz oldida kichik bir xabar paydo bo'ladi:

Ushbu xabarda H1 sarlavhasi va boshqalar keltirilgan. Ko'rib turganingizdek, mening blogim sahifalarida barchasi shu bilan tartibga solingan, chunki men ushbu jambni bir hafta oldin tuzatgan edim, ammo mijozlar saytida bu juda ham yomon.

Xatolarni sanab o'taman:

H2 va H5 sarlavhalari orasidagi takrorlash;
Uchinchi darajali sarlavhalar yo'q;
H4 tarkibida axlat bor.

Amalga oshiriladigan ishlar ko'p, shuning uchun xatolarni tuzatishni bitta misol bilan namoyish etaman. Sarlavha ierarxiyasi hurmat qilinishi uchun H5 teglarini H3 ga o'zgartirishga harakat qilaylik.

Xatolarni qanday tuzatish kerak?

Buning uchun menga (), Notepad ++ va Mozilla Firefox sayt fayllari kerak.

Muammo yorlig'i va uning uslubi sinfi qaerda joylashganligini aniq bilish uchun brauzerda o'rnatilgan Explorment elementidan foydalanish kerak: Belgilangan element ustiga sichqoncha bilan bosing, bosing o'ng tugmasini bosing ustiga sichqonchani bosing va "Elementni o'rganish" -ni tanlang. Oynaning pastki qismida maydon paydo bo'ladi, u erda HTML elementining uslub sinfini va uning CSS uslublarini ko'rishingiz mumkin:
Sizga kerak bo'lgan elementning uslubi sinfiga qarang va keyin uni sahifa kodidan topish uchun nusxa oling. Mening vaziyatimda H2 sarlavhasi klassi page-box__title: men H5 sarlavha darajasini H3 ga o'zgartirmoqchiman, chunki H5 tegishli kalit so'zlarni ro'yxatlaydi.
Keyinchalik, siz ushbu papkaga ega bo'lgan elementni sayt papkasida topishingiz kerak, buning uchun biz ichki funktsiyalardan, ya'ni fayllarni qidirishdan foydalanamiz. Notepad ++ dasturini oching yuqori menyu "Qidirish" bandini toping va ochiladigan menyuda "Fayllarda topish" -ni tanlang:
"Topish" maydoniga men beshinchi darajali sarlavhaning uslublar sinfiga kiraman (page-box__title) va "Papka" maydoniga sayt bilan papkaga yo'lni ko'rsataman:
"Hammasini topish" tugmachasini bosgandan so'ng, fayllarni qidirish jarayoni boshlanadi:
Notepad ++ ishchi oynasining pastki qismida qidiruv natijalari ko'rsatiladi, ular orasida "page-box__title" klassi bilan beshinchi darajadagi (H5) sarlavha mavjud.
To'g'ridan-to'g'ri berilgan sarlavha joylashgan faylga o'tish uchun qidiruv natijasini ikki marta bosish kifoya;
Keyin men teglarni o'zgartiraman
teglarda
: Faylni saqlaganingizga ishonch hosil qiling;
Natijani veb-saytda ko'rib chiqamiz:
Bu juda yaxshi ko'rinmaydi.
Sarlavhalar normal ko'rinishi uchun uslublar jadvaliga o'zgartirish kiritishingiz kerak (style.css). Misoldagi sarlavhalar tegga kiritilganligi sababli , keyin katta ehtimol bilan style.css-dagi qoida quyidagicha bo'ladi: .page-box__title\u003e a (bolani tanlash). Notepad ++ da qidirish ham buni topdi:
Sizningcha, shrift o'lchamidagi xususiyatni uslublar qoidasiga kerakli qiymat bilan qo'shishingiz kerak. Mening vaziyatimda shriftning optimal hajmi 14 piksel bo'ladi:

Keling, natijani ko'rib chiqamiz:

Ko'rib turganingizdek, sarlavhalar endi odatiy tarzda namoyish etiladi.

Xuddi shu tarzda biz boshqa sarlavhalar bilan ishlaymiz. Tugatganingizdan so'ng, o'zgartirishlaringizni serverga o'tkazishni unutmang. Buni men aytgan FileZilla orqali amalga oshirish mumkin

Xayrli kun, aziz mehmonlar.

Bugun sayt uchun H1-H6 sarlavhalari mavzusida maqola bo'ladi.

Shubhasiz, har bir kishi qanday sarlavha ekanligini allaqachon biladi, ammo aminmanki, hamma ham ularning ishlatilishidagi nozik jihatlarni bilmaydi va ularning resurs sahifalarida foydalanish faqat 2 ta vazifani bajarishini taxmin qilmaydi.

Maqsadlar va ulardan foydalanish misollari

H1-H6 teglaridagi sarlavhalarning asosiy 2 maqsadi - bu sayt sahifalariga tashrif buyuruvchilar tomonidan o'qilishi va iste'mol qilinishini osonlashtirish uchun resurs sahifalaridagi tarkibni loyihalashtirish va tuzish. Ushbu teglardan boshqa maqsadlarni ko'zlamasligimiz kerak.

Tarkibni tuzish va uning dizayni elementlari sifatida oddiy ishlatilishidan tashqari, tashrif buyuruvchilar ko'pincha ushbu teglardan alohida iboralarga yoki hatto butun jumlalarga kerakli dizaynni berish uchun foydalanadilar. H6 yorlig'i (masalan) shunchaki qalin turdagi dizaynga ega bo'lgan va matndagi satrni yorliq bilan ta'kidlash o'rniga , ular uni H6 yorlig'iga o'rashadi. Bu tubdan noto'g'ri.

Ushbu teglardagi sarlavhalar faqat matnni mantiqiy qismlarga ajratish uchun ishlatilishi kerak. Butun jumlalar va alohida iboralarni ajratib ko'rsatish kerak emas.

Bundan tashqari, H1-H6 sarlavhalari ierarxikdir, bu ularni dizayn jihatidan, hech bo'lmaganda shrift hajmida farq qiladi. Har bir pastki daraja yuqoriroq darajadan kam sezilishi kerak.

Shrift kattaligi yuqori darajadan pastga tushganda, rasmda ushbu teglardagi sarlavhalarning to'g'ri dizayni ko'rsatilgan. Agar sizda vaziyat boshqacha bo'lsa, unda siz allaqachon saytingizning dizayn uslublariga murojaat qilishingiz va ularni to'g'ri tahrirlashingiz kerak.

Ammo bu erda bitta narsa - pastki satrning sarlavhalari sarlavhalarga o'xshashligiga va oddiy matn bilan birlashmasligiga ishonch hosil qiling. Ular shunchaki jasur emas, balki sarlavhalarga o'xshash bo'lishi kerak.

Ushbu dizayn asosida biz sarlavhalar matnni tuzilish elementi sifatida foydalanilganda o'z ierarxiyasini saqlab turishi kerakligini tushunamiz. Birinchi H1 sarlavhasi birinchi bo'lib, keyin darhol H5 yoki H6 bo'lishi mumkin emas. Birinchi darajadan keyin H2 tegidagi faqat sarlavhadan foydalanish mantiqan to'g'ri va to'g'ri. Bu materialning o'zi dizayni nuqtai nazaridan ham, to'g'ri tuzilishni saqlab qolish nuqtai nazaridan ham muhimdir.

Endi qidiruv tizimlari ushbu teglarga e'tibor berishmoqda. Ammo SEO elementlari sifatida emas, balki tuzilish elementlari sifatida. Shuning uchun, agar H1 ketsa, keyin darhol H6 bo'lsa, g'alati bo'ladi.

Ushbu teglardan foydalanganda, biz strukturani saqlab qolishimizga ishonch hosil qilamiz. Agar biz bir darajaga tushsak, unda sathidan sakrab o'tish mumkin emas. Tuzilishi quyidagicha bo'lishi kerak: H1-H2-H3-H4-H5-H6.

Ushbu holatlarda H1 darajali sarlavhadan foydalanish maqsadga muvofiq emas, deb aytish kerak, chunki u sahifada faqat bir marta ishlatilishi va materialning sarlavhasini o'z ichiga olishi kerak. Shuning uchun uni matnda ishlatishga hojat yo'q.

Endi men H1 sarlavhasini ishlatish asoslarini ko'rib chiqaman, ammo bundan oldin men barcha sarlavhalar darajalariga mos keladigan ikkita umumiy maslahat beraman.

Nuqta bilan tugamang;
Amaldagi ierarxiyani saqlaymiz;
Kalit so'zlarni joylashtirish maqsadi yo'q;
Ular juda qisqa maqolalarda ham sodir bo'ladi, chunki har qanday matnni mantiqiy qismlarga bo'lish mumkin;
Sarlavhada u quyidagi matnning qisqacha mohiyatini yozadi, "agar u bo'lsa" emas.

H1 asoslari

Yuqoridagi qoidalar ham dolzarbdir, ammo ulardan tashqari, ushbu ma'lum darajadagi sarlavha uchun majburiy bo'lgan qoidalar mavjud.

H1 har doim har bir sahifada bir marta bo'ladi;
Biz foydalanuvchini materialni o'qishni rag'batlantiramiz, shuning uchun qat'iyatli so'zlardan foydalanish mantiqan (masalan, sirlar, eng yaxshi chiplar va boshqalar);
Biz uni sarlavha yorlig'idan farq qilamiz, bu qidiruv natijalarida sahifaning nomini aks ettiradi va qidiruvdan sayt sahifasiga o'tishni rag'batlantiradi. Bu bir oz boshqacha bo'lishi kerak, ammo, albatta, sahifadagi materialning mazmuni o'zgarmaganligini aniq ko'rsatishi kerak;
Biz maqolaning kalit so'zini aniq voqeada emas, balki suyultirilgan shaklda ishlatamiz;
Tinish belgilaridan foydalanish tavsiya etilmaydi.

Amaliy foydalanish

Yuqorida men H1 sahifada atigi 1 marta ishlatilishini va u sayt shablonining joylashuviga avtomatik ravishda kiritilishi kerakligini, shuningdek sarlavhaga avtomatik ravishda kiritilishini yozgan edim. Ushbu daqiqani tekshiring. Maqolalaringiz sarlavhalarini tahlil qiling va ular H1-ga yozilganligini tekshiring. Agar bunday bo'lmasa, shabloningizni tahrir qiling.

H1 o'rniga H2 bo'lgan umumiy holat. Bu qo'pol xato emas, lekin bunga yo'l qo'ymaslik yaxshiroqdir.

Agar biz H2-H6 sarlavhalarining qolgan qismlarini ishlatish haqida gapiradigan bo'lsak, ular allaqachon qo'lda rejimda ishlatilishi kerak.

Sayt yaratish uchun ba'zi CMS-lardan foydalanib, ushbu sarlavhalar maqolalarga juda oson qo'shiladi. Masalan, WordPress-da, sahifa muharriri formatlash panelida har doim kerakli matnni tanlagan holda kerakli darajani tanlashingiz mumkin bo'lgan sarlavha elementi mavjud bo'lib, uni sarlavhaga qo'shib qo'yish kerak.

Shunday qilib, har qanday dvigatel bilan. Agar siz saytning HTML tartibidan foydalansangiz va teglarni qo'lda qo'shishingiz kerak bo'lsa, unda bu erda hech qanday qiyinchilik bo'lmaydi. Matnning kerakli qismlarini ochilish va yopish teglari orasiga kerakli darajalar bilan kiritish kerak. Misollar uchun quyida ko'ring.