Sahifada SEOni oshiruvchi HTML teglar
Ba'zi HTML teglari qidiruv tizimlarida sahifaingizni qanday qilib to'g'ri o'qish va uni ma'lum kalit so'zlar bilan indekslash kerakligini bildiradi. Aynan shunday HTML teglarini ko'rib chiqamiz.
Title tag
Eng muhim teglardan biri bu "title" sarlavha. Bu sizning sahifangiz uchun yorliq sifatida ishlatiladi va Google, Bing kabi qidiruv tizimlari sizning sahifangizni qanday ko'rinishini va uni qidiruv natijalarida ko'rsatishini belgilaydi.
Faqat bitta sarlavha tegidan foydalaning
Noyob sarlavha yaratishga harakat qiling
Iloji boricha uni o'qishga qulay qiling
Veb saytim googleda:
Meta taglari
<meta> teglari brauzerlarga veb-saytingiz kontentini bilishga yordam beradi. Meta taglarining ba'zi turlari:
- author
- description
- viewport.
"viewport" meta tagi ko'rish oynasining kengligi va masshtabini barcha qurilmalarga mos kelishini boshqarish imkonini beradi. Yana bir narsa: avvalgi yillarda meta-teglari katta ahamiyatga ega edi, hozirda esa avvalgidek dolzarb emas va Google uni qidiruv reytingida deyarli qo'llamaydi.
Rasmlar uchun Alt attributi
Alt atributi <img> elementi ichida tasvirni muqobil matn sifatida tasvirlash uchun ishlatiladi. Shuningdek bu attribut sizning veb-saytingizga kirish imkoniyatini oshirishga yordam beradi va SEO uchun qidiruv tizimlari uchun rasmlarni indekslashga yordam beradi.
Open Graph
Ushbu teglar ijtimoiy tarmoqlarda saytingizni yaxshi formatlangan versiyasini ko'rsatish juda foyda beradi. Masalan saytning LinkedIn’da ko'rinishi 👇🏽:
Open Graph tegiga misol:
Bu teg orqali saytingiz Facebook kabi tarmoqlarda baham ko'rilsa, sayt sarlavhani to'g'ridan-to'g'ri ushbu tegdan tortib ko'rsatadi.
Robots Teg
Agar sahifangiz/maqolangiz qidiruv tizimlarida indekslanishini to'xtaishni istasangiz, bu teg foydalidir. Bular Google yoki Bing kabi saytlarning skanerlarini kontentga kirishini to'xtatishi mumkin. Endi so'rashingiz mumkin, nega buni xohlaysiz?
Masalan sizda sifatsiz maqola bor va u har qanday qidiruv tizimi natijalarida paydo bo'lishini oldini olmoqchisiz va bunday holatda quyidagi tegdan sahifangizda foydalansangiz bo'ladi:
Semantic Teglar
Semantik teglar - bu veb-sahifangiz tuzilishini brauzerga etkazishda yordam beradigan HTML teglar. <header>, <footer>, <maqola> kabi elementlarning barchasi semantik hisoblanadi, agarda ularni to'g'ri qo'llasangiz saytingiz ballini qidiruv tizimlarida oshirishingiz ham mumkin.
Semantik teglar quyidagicha:
<article><aside><details><figcaption><figure><footer><header><main><mark><nav><section><summary><time>