Frontend dasturchi uchun SEO: vyorstka va shablonlarga nimani kiritish kerak

SEO mutaxassis muammoni topadi, lekin uni ko‘pincha frontend dasturchi tuzatadi. Agar asosiy qoidalar boshidanoq shablonlarga kiritilsa, ko‘p tuzatishlarga ehtiyoj qolmaydi. Quyida dasturchi bilishi kerak bo‘lgan asosiy yo‘nalishlar.

Render usuli

Qidiruv tizimi kontentni ko‘rishi uchun u HTML’da bo‘lishi kerak. Variantlar:

• Server tomonida render (SSR) — sahifa serverda tayyorlanadi
• Statik generatsiya (SSG) — sahifalar oldindan yig‘iladi
• Faqat klient tomonida render (CSR) — brauzer bo‘sh sahifani oladi va kontentni JavaScript bilan quradi

Google JavaScript’ni bajara oladi, lekin bu qo‘shimcha bosqich va kechikish bilan sodir bo‘ladi; boshqa robotlar va ijtimoiy tarmoqlar bunga ko‘pincha qodir emas. Muhim sahifalar uchun SSR yoki SSG tanlang.

Har bir sahifa uchun meta ma’lumotlar

• Noyob title va meta description, CMS’dan tahrirlanadigan
• Kanonik teg, joriy manzilga yoki asosiy versiyaga
• Kerak bo‘lganda meta robots
• Open Graph teglari
• html tegida lang atributi

Bir sahifali ilovalarda (SPA) marshrut o‘zgarganda bu teglar ham yangilanishi kerak — bu tez-tez unutiladi.

Havolalar

Navigatsiya a href orqali bo‘lishi kerak. onClick bilan ishlaydigan div yoki button’lar robot uchun havola emas. Sahifalash, filtrlar va «yana yuklash» tugmalari uchun ham asosiy sahifalarga oddiy havolalar bo‘lsin, aks holda chuqur sahifalar topilmaydi.

Javob kodlari

Mavjud bo‘lmagan sahifa 404 kodini qaytarishi kerak, «sahifa topilmadi» degan matn va 200 kodi bilan emas. SPA’larda bu klassik muammo — yumshoq 404. Yo‘naltirishlar server tomonida 301 bilan bajarilsin.

Rasmlar va media

• Mazmunli alt matnlar
• width va height yoki aspect-ratio — maket siljishining oldini oladi
• srcset bilan turli o‘lchamlar, zamonaviy formatlar
• Birinchi ekrandan pastdagi rasmlar uchun loading="lazy", asosiy rasm uchun esa yo‘q

Tezlik va Core Web Vitals

• LCP: asosiy rasm va shriftlarni erta yuklash, bloklovchi skriptlarni kamaytirish
• INP: asosiy oqimni uzoq vazifalardan bo‘shatish, og‘ir hisoblarni bo‘lish
• CLS: rasmlar, reklama va kechikib paydo bo‘ladigan bloklar uchun joy ajratish
• JavaScript to‘plami hajmini kuzatish va keraksiz kutubxonalardan voz kechish

Ko‘p tillilik

Rus va o‘zbek versiyalari alohida manzillarda bo‘lishi kerak — masalan, /ru/ va /uz/ yoki alohida yo‘llar. Tilni faqat cookie yoki brauzer sozlamasiga qarab almashtirish robot uchun bitta versiyani qoldiradi. Har bir versiyada hreflang teglari va til almashtirgichdagi oddiy havolalar bo‘lsin.

Mikrorazmetka va sayt xaritasi

JSON-LD razmetkasi ma’lumotlardan avtomatik yaratiladi: tashkilot, non ushoqlari, maqolalar, tovarlar. Sayt xaritasi va robots.txt ham build yoki server tomonidan avtomatik yaratilsin.

Test muhiti

Test serverlari indeksatsiyadan yopilgan bo‘lsin — parol yoki noindex bilan. Ishga tushirishda bu sozlamalar asosiy saytga ko‘chib qolmasligini relizdan oldingi tekshiruv ro‘yxatiga kiriting.