Baidu mobil tipoqrafiya təlimatları müsbət istifadəçi təcrübəsini təmin etmək üçün mətnin oxunaqlı və kiçik ekranlar üçün düzgün miqyaslanmış olmasını tələb edir. İstifadəçilər mobil axtarışdan bir səhifəyə daxil olduqda, məzmun onları böyütməyə və ya kiçiltməyə məcbur etmədən dərhal oxunaqlı olmalıdır. Aydın, əlçatan mətni saxlamaq mobil axtarış ekosistemində yüksək keyfiyyətli məlumat təqdim etməyi hədəfləyən hər hansı bir səhifə üçün əsas tələbdir.
Mobil şriftin oxunaqlılığı üçün əsas prinsiplər hansılardır?
Mobil ekranlar piksel sıxlığı, aspekt nisbəti və fiziki ölçüsünə görə dəyişdiyi üçün unikal çətinliklər yaradır. Bu fərqləri nəzərə almaq üçün CSS-iniz viewport-a uyğunlaşan şrift xüsusiyyətlərini müəyyən etməlidir. Etibarlı başlanğıc nöqtəsi başlıqlar və əsas mətn arasında aydın iyerarxiya qurmağı, əsas məlumatın fərqli və skan edilməsinin asan olmasını təmin etməyi əhatə edir.
Bu üslubları müəyyən edərkən ardıcıllıq ən vacib amil olaraq qalır. Oxşar səhifələrdə fərqli şrift ölçülərindən istifadə etsəniz, ziyarətçi təcrübəsi parçalanır. Mobil saytınızda vahid üslub cədvəli tətbiq etməklə, hər bir səhifənin proqnozlaşdırıla bilən şəkildə işləməsini təmin edirsiniz ki, bu da axtarış motoru krolerinin məzmun strukturunuzu daha səmərəli şəkildə təhlil etməsinə kömək edir.
- Əsas şrift ölçüsü: Bütün standart mobil ekranlarda aydınlığı qorumaq üçün əsas mətn üçün ən azı 12px istifadə edin.
- Sətir hündürlüyü: Mətn sətirlərinin sıxılmasının qarşısını almaq üçün sətir hündürlüyünü şrift ölçüsünün 1,5-1,8 qatı olaraq təyin edin.
- Kontrast nisbətləri: Mətnin ağ fonda açıq boz mətndən qaçaraq, fon rənginə qarşı yüksək kontrast saxlamasını təmin edin.
- Şrift qalınlığı: Paraqraflar üçün standart qalınlıqlara üstünlük verin və qalın şriftləri xüsusilə hərəkətə çağırış düymələri və ya bölmə başlıqları üçün saxlayın.
- Doldurma (Padding): Mətnin cihaz ekranının kənarlarına toxunmasının qarşısını almaq üçün ən azı 10px-dən 15px-ə qədər üfüqi doldurma əlavə edin.
Şrift seçimi mobil axtarış performansına necə təsir edir?
Axtarış motorları istifadəçilərin axtarış nəticələrindən gəldikdən sonra səhifələrlə necə qarşılıqlı əlaqədə olduğunu izləyir. Səhifəni oxumaq çətindirsə, istifadəçilər tez çıxır, bu da yüksək imtina dərəcələrinə (bounce rates) səbəb olur. Bu davranış məzmunun axtarış niyyəti üçün yaxşı uyğun olmadığını göstərir və gələcəkdə mühərrikin saytınızı oxşar sorğular üçün necə sıralamasına təsir edə bilər.
Bundan əlavə, şrift seçimi səhifənin render sürətinə təsir edir. Ağır şrift faylları və ya xüsusi veb şriftlərin həddindən artıq istifadəsi brauzerin mətni göstərməsi üçün lazım olan vaxtı gecikdirə bilər. Standart sistem şriftlərindən və ya optimallaşdırılmış veb şriftlərdən istifadə etməklə, məzmunun mümkün qədər tez görünməsini təmin edirsiniz ki, bu da yaxşı səhifə təcrübəsinin əsas komponentidir.
Alien Road bunu necə tətbiq edir
Alien Road-da biz müştərilərimiz üçün mobil tərtibatları yoxlayarkən ciddi bir prosesə əməl edirik. Biz tövsiyə olunan 12px həddindən aşağı düşən hər hansı sərt kodlaşdırılmış şrift ölçülərini müəyyən etmək üçün saytın CSS konfiqurasiyasını nəzərdən keçirməklə başlayırıq. Daha sonra cihazın oriyentasiyası portretdən landşafta dəyişdikdə mətnin necə miqyaslandığını yoxlamaq üçün müxtəlif mobil ayırdetmə qabiliyyətlərində əl ilə testlər aparırıq.
Tipik bir işdə biz həmçinin paraqraflar arasındakı və şəkillərin ətrafındakı boşluqları təhlil edirik. Biz keçidlər və ya düymələr kimi toxunma hədəflərinin təsadüfi kliklərin qarşısını almaq üçün ətrafında kifayət qədər boşluq olmasını təmin edirik. Məqsədimiz oxucunun interfeyslə mübarizə aparmaqdansa, tamamilə məlumata diqqət yetirə biləcəyi bir mühit yaratmaqdır. Biz bu tapıntıları texniki hesabatda sənədləşdiririk və inkişaf komandasına müəyyən edilmiş boşluqları düzəltmək üçün xüsusi CSS ləğvləri təqdim edirik.
Oxunaqlılıq sadəcə estetika deyil; bu funksional tələbdir. İstifadəçi məzmununuzu səy göstərmədən oxuya bilmirsə, o, sadəcə daha yaxşı təcrübə təklif edən sayt tapmaq üçün axtarış nəticələri səhifəsinə qayıdacaq.
Alien Road SEO komandası
Mobil tipoqrafiyada qaçınılması lazım olan ümumi tələlər
- Brauzerin mətni istifadəçinin sistem seçimlərinə uyğunlaşdırmasına mane olan mütləq piksel dəyərlərindən istifadə etməyin.
- Uzun formalı məzmun üçün dekorativ şriftlərdən istifadə etməyin, çünki onlar tez-tez kiçik ekranlarda oxunaqlılığını itirirlər.
- Mətn blokları üçün üfüqi sürüşdürmədən istifadəni dayandırın; bütün məzmun viewport-un eninə uyğun olmalıdır.
- Mətnin mürəkkəb şəkillərin üzərinə qoyulması istifadəsini minimuma endirin, çünki kontrast çox vaxt oxunmaz hala gəlir.
Responsive miqyaslama saytınız üçün niyə vacibdir?
Responsive miqyaslama saytınızın kiçik büdcəli smartfonlardan tutmuş böyük, yüksək ayırdetməli planşetlərə qədər hər şeydə yaxşı işləməsini təmin edir. Responsive dizayn olmadan saytınız miniatürləşdirilmiş masaüstü versiyası kimi görünə bilər və istifadəçiləri böyütməyə məcbur edir. Bu, brendiniz haqqında pis təəssürat yaradan ümumi uğursuzluq nöqtəsidir.
Saytları qurduqda və ya optimallaşdırdıqda, biz müxtəlif fasilə nöqtələrində şrift ölçülərini tənzimləmək üçün media sorğularından istifadə edirik. Məsələn, biz kiçik ekranlar üçün 14px əsas şrift ölçüsü təyin edə və daha böyük mobil cihazlar üçün onu 16px-ə qədər artıra bilərik. Bu yanaşma istifadəçinin əlindəki avadanlıqdan asılı olmayaraq ardıcıl oxuma təcrübəsi təmin edir.
Texniki SEO çox vaxt sürətə yönəldilir, lakin məzmunun təqdimatı da eyni dərəcədə vacibdir. Sürətli yüklənən, lakin insan gözü üçün oxunmaz qalan sayt ziyarətçiləri saxlaya və ya çevirə bilməyəcək.
Alien Road SEO komandası
Bu həftə haradan başlamaq lazımdır
Bu həftə öz smartfonunuzdan istifadə edərək ilk beş açılış səhifənizin əl ilə auditini aparın. Xüsusilə mətnin çox kiçik göründüyü və ya sətirlərin bir-birinə qarışdığı hissələrə baxın. Masaüstündə brauzerinizin tərtibatçı alətlərini açın və mətn qablarınızda sabit enləri məcbur edə biləcək gizli CSS qaydalarını yoxlamaq üçün mobil cihazı simulyasiya edin.
Bu sahələri müəyyən etdikdən sonra, qlobal üslub cədvəlinizi sabit piksellər əvəzinə ‘rem’ və ya ’em’ kimi nisbi vahidlərdən istifadə etmək üçün yeniləyin. Bu kiçik dəyişiklik saytınızın müxtəlif brauzer parametrlərinə daha yaxşı cavab verməsinə imkan verir. Bu əsas elementləri təkmilləşdirməklə, səhifələrinizi uğurlu mobil mövcudluq üçün tələb olunan keyfiyyət standartları ilə uyğunlaşdırırsınız.