← Bilik bazası
BİLİK BAZASI / 12

Sayt və rahatlıq

Adaptivlik, sürət, əlçatanlıq, formalar və işə salınmadan əvvəl yoxlama — saytı nə rahat və konversiyalı edir.

Adaptiv sayt nədir?

Eyni URL-də ayrıca mobil versiya olmadan ekranın enindən — telefon, planşet, kompüter — asılı olaraq maketini yenidən quran saytdır. 320 px-dən başlayaraq yoxlanılır: mətn miqyaslandırmadan oxunur, düymələr 44×44 px-dən kiçik deyil, üfüqi sürüşdürmə yoxdur, formalar və menyu barmaqla işləyir. Bu, həm də Google-un mobile-first indeksləmə tələbidir.

Saytın sürəti niyə vacibdir?

Yavaş səhifə ziyarətçiləri hələ yüklənməmiş itirir: bir çox mobil istifadəçi gözləmə 3 saniyəni keçəndə çıxır. Sürət Core Web Vitals vasitəsilə sıralama siqnallarına daxildir. Yavaş yüklənmənin əsas səbəbləri: WebP/AVIF-siz sıxılmamış ağır şəkillər, çoxlu xarici skriptlər (vidjetlər, çatlar, piksellər), yavaş hostinq, keşləmənin olmaması.

Saytın əlçatanlığı nədir?

Saytdan müxtəlif məhdudiyyətləri olan insanların istifadə edə bilməsi: klaviatura ilə, ekran oxuyucusu ilə, zəif görmədə. WCAG 2.2 əsas tələbləri: mətnin kontrastı ən azı 4,5:1, forma sahələrində etiketlər, informativ şəkillərdə alt, görünən fokus, başlıqların məntiqi ardıcıllığı. Əlçatan sayt hamı üçün daha rahat və botlar üçün daha anlaşılandır.

Mobil naviqasiya lazımdırmı?

Bəli. Telefonda menyu bir toxunuşla açılmalı, bəndlər iri və aralı olmalı, əsas hərəkətlər — zəng etmək, yazmaq, müraciət qoymaq — səhifədə axtarmadan əlçatan olmalıdır. Burger-menyu klaviatura ilə idarə olunmalı və ekran oxuyucusuna açıq və ya bağlı olduğunu bildirməlidir. Menyunun bütün keçidləri yalnız skriptlərdə deyil, HTML-də də olmalıdır.

Müraciət forması necə olmalıdır?

Qısa: ad, əlaqə üsulu və məcburi olmayan şərh — hər artıq məcburi sahə konversiyanı azaldır. Sahələrin üstündə etiketlər, sahənin yanında aydın xətalar, siyasətə keçidlə məlumatların emalına razılıq, uğurlu göndəriş barədə mesaj və cavab müddəti. Göndəriş — HTTPS ilə serverə, insanlara mane olmayan spam qorunması ilə.

Qiymətləri saytda nə üçün göstərmək lazımdır?

Qiymət müştərinin ilk suallarından biridir. Göstərilən qiymət və ya «...-dan başlayaraq» diapazonu uyğun olmayan müraciətləri süzür və qərarı sürətləndirir. Yandex üçün qiymətlər kommersiya amillərinin bir hissəsi, AI-sistemlər üçün isə istifadəçiyə ötürə biləcəkləri faktdır. Qiymət həcmdən asılıdırsa, istiqaməti və onun nədən asılı olaraq dəyişdiyini göstərin.

Saytı bir neçə dildə etmək lazımdırmı?

Yalnız müştərilər bu dillərdə axtarır və qərar verirsə və siz tərcüməni dəstəkləməyə hazırsınızsa: bütün versiyalarda qiymətləri, xidmətləri və əlaqə məlumatlarını eyni vaxtda yeniləmək. Köhnəlmiş və ya maşın tərcüməli dil versiyası onun olmamasından daha çox zərər verir. Texniki baxımdan hər versiyaya öz URL-i, qarşılıqlı hreflang və interfeys və formaların tam tərcüməsi lazımdır.

FAQ-ı necə düzgün tərtib etmək olar?

Sualları real müraciətlərdən götürün və mövzulara görə qruplaşdırın. Cavabın ilk cümləsi — birbaşa cavab, sonra — təfərrüatlar və şərtlər. Hər cavab digərləri olmadan anlaşılan olmalıdır. Eyni sualı müxtəlif ifadələrlə təkrarlamayın və tezlik üçün açar sözlər əlavə etməyin. FAQPage nişanlanması maşınlara strukturu tanımağa kömək edir.

Animasiyalardan istifadə etmək olarmı?

Bəli, əgər onlar mane deyil, kömək olursa: dəyişiklikləri vurğulayır, elementlərin əlaqəsini göstərir, hərəkətə cavab verir. Məhdudiyyətlər: animasiyalar kontentin görünməsini gecikdirməməli və maketi sürüşdürməməlidir (CLS), prefers-reduced-motion ayarı olan istifadəçilər üçün onları söndürmək lazımdır, mətn isə animasiyada və ya canvas-da deyil, HTML-də olmalıdır.

Saytı işə salmazdan əvvəl necə yoxlamaq olar?

Çek-list: 320 px-dən başlayaraq mobil enlər; klaviatura ilə naviqasiya; bütün formalar göndərilir və məktublar çatır; hər səhifədə title, description, canonical və hreflang; robots.txt saytı bağlamır, test mühitindən qalan noindex yoxdur; sitemap.xml aktualdır; köhnə URL-lərdən yönləndirmələr; HTTPS və HSTS; 404 səhifəsi; analitika və məqsədlər; PageSpeed Insights üzrə sürət.