Baidu üçün mobil dostu viewport optimallaşdırılması, səhifələrin müxtəlif smartfon ekran ölçülərində düzgün göstərilməsini təmin etmək üçün meta viewport teqinin konfiqurasiyasını əhatə edir. Genişliyi device-width və initial-scale-i 1.0 olaraq təyin etməklə, siz Baidu botuna məzmununuzun istifadəçinin mobil mühitinə uyğunlaşdığını bildirirsiniz. Bu texniki uyğunlaşma üfüqi sürüşmənin qarşısını alır və mətnin oxunaqlı qalmasını təmin edir ki, bunlar da Baidu axtarış sisteminin mobil səhifə keyfiyyətini qiymətləndirməsində əsas amillərdir.
Viewport konfiqurasiyası Baidu indekslənməsi üçün niyə vacibdir?
Baidu, istifadəçilərdən böyütmə və ya üfüqi sürüşmə tələb etmədən aydın, oxunaqlı təcrübə təmin edən mobil axtarış nəticələrinə üstünlük verir. Viewport müəyyən edilmədikdə, brauzer səhifəni masaüstü ekrandaymış kimi göstərə bilər və mobil istifadəçini məzmunu tapmaq üçün ekranı idarə etməyə məcbur edər. Bu davranış axtarış alqoritmlərinə səhifənin mobil optimallaşdırmadan məhrum olduğunu bildirir.
Viewport-u düzgün miqyaslandıra bilməyən sayt mənfi istifadəçi təcrübəsi yaradır. İstifadəçilər mətni oxumaq və ya düymələrlə qarşılıqlı əlaqədə olmaq üçün əllə böyütmə və ya kiçiltmə tələb edən səhifələri tez-tez tərk edirlər. Baidu bu siqnalları izləyir və mobil ziyarətçilər üçün ardıcıl olaraq zəif interfeys təqdim edən saytlar axtarış reytinqlərində görünmə qabiliyyətinin azalmasını görürlər.
Tipik bir hesab icmalında, biz tez-tez köhnə veb saytların viewport meta teqini tamamilə nəzərə almayan sabit genişlikli tərtibatlardan istifadə etdiyini görürük. Bu, mobil brauzeri bütün səhifəni uyğunlaşdırmaq üçün kiçiltməyə məcbur edir, mətni kiçik və düymələri basılmaz hala gətirir. Bunu düzəltmək məzmununuzun həm bot, həm də insan oxucu üçün əlçatan olmasını təmin etmək üçün fundamental addımdır.
Düzgün meta viewport teqi necə tətbiq olunur
Tətbiq, HTML sənədinizin head bölməsinə xüsusi bir teqin yerləşdirilməsini tələb edir. Bu teq brauzerə səhifənin ölçülərini və miqyasını necə idarə edəcəyini göstərir. Bu olmadan, mobil cihazlar masaüstü genişlikli viewport-a qayıdır, bu da mətnin pis ölçülməsinə və tərtibatın pozulmasına səbəb olur.
Bu teqin yalnız ana səhifədə deyil, saytınızın hər bir səhifəsində olduğundan əmin olmalısınız. Hətta daxili səhifələr və ya dinamik olaraq yaradılan nəticələr də ardıcıl göstərilməni təmin etmək üçün düzgün viewport konfiqurasiyasına ehtiyac duyur. Saytınız şablon sistemindən istifadə edirsə, teqin hər bir yaradılan URL-in başlığına düzgün daxil edildiyini yoxlamaq üçün master layout faylını yoxlayın.
- Bütün səhifələr üçün HTML head bölmənizə meta name=’viewport’ teqini daxil edin.
- Cihazlar arasında standart miqyaslamanı təmin etmək üçün content=’width=device-width, initial-scale=1.0′ təyin edin.
- Viewport-u ekran kənarlarından kənara çıxmağa məcbur edən sabit genişlikli elementlərdən istifadə etməyin.
- Şriftlərin və düymələrin ardıcıl göstərilməsini yoxlamaq üçün bir neçə mobil brauzer növündə sınaqdan keçirin.
- CSS-inizin viewport parametrlərini statik piksel genişlikləri ilə ləğv etmədiyinə əmin olun.
Alien Road bu viewport optimallaşdırmasını necə tətbiq edir
Alien Road-da biz Baidu mobil optimallaşdırmasına müştərilərimizin istifadə etdiyi CSS çərçivəsini audit edərək yanaşırıq. Biz tez-tez konteyner elementlərində sabit piksel genişliklərini məcbur edən və viewport teqini ləğv edərək mobil göstərilməni pozan köhnə kodları müəyyən edirik. İş prosesimiz zamanı biz bu sabit dəyərləri faiz və ya rem kimi axıcı vahidlərlə əvəz edirik.
Tipik bir müştəri layihəsində biz viewport metadata-nın sayt boyu ardıcıl olmasını təmin etmək üçün hər bir şablon faylını sistemli şəkildə nəzərdən keçiririk. Biz həmçinin Baidu-nun uyğunlaşdırılmış tərtibatları dəqiq təhlil etdiyini yoxlamaq üçün mobil bot hesabatlarını izləyirik. Bu proses bot ziyarət etdikdə, axtarış standartlarına cavab verən mobil hazır mühiti müəyyən etməsini təmin edir.
Biz həmçinin əlaqə formaları və ya şəkil qalereyaları kimi xüsusi komponentlərin müxtəlif ekran genişliklərində necə davrandığını yoxlayırıq. Əgər forma çox genişdirsə, o, bütün səhifə tərtibatını ekrandan kənara çıxara bilər və üfüqi sürüşməyə səbəb ola bilər. Biz bunu aşkar edilmiş cihaz ekran ölçüsünə əsasən forma genişliyini tənzimləyən cavabdeh CSS media sorğularını tətbiq etməklə düzəldirik.
Viewport parametrləri mobil performansın təməlidir. Əgər əsas miqyaslama təlimatı yoxdursa, hətta ən yaxşı məzmun belə mobil axtarış nəticələrində görünmə qabiliyyəti qazanmaqda çətinlik çəkəcək.
Alien Road SEO komandası
Qaçınılması lazım olan ümumi texniki səhvlər
Bir çox tərtibatçı təsadüfən istifadəçinin böyütmək və ya miqyaslamaq imkanını məhdudlaşdırır ki, bu da ümumi bir səhvdir. Bu, tərtibatı idarə etməyin bir yolu kimi görünsə də, tez-tez əlçatanlığa mane olur. Müxtəlif vizual ehtiyacları olan istifadəçilərin məzmununuzu hələ də oxuya bilməsini təmin etmək üçün miqyaslamaya icazə verməlisiniz. Bundan əlavə, eyni səhifənin fərqli versiyalarını təqdim etmək üçün user-agent aşkarlanmasına etibar etməyin, çünki bu tez-tez sinxronizasiya xətalarına səbəb olur.
- Cihaz dəyişikliklərini nəzərə almayan viewport teqində xüsusi piksel genişliyinin müəyyən edilməsi.
- Cavabdeh CSS qaydaları olmadan viewport genişliyini aşan böyük şəkillərdən istifadə.
- Məzmunu botun görməsinə mane olan ağır interaktiv layların arxasında gizlətmək.
- Mobil hadisə tetikleyicilerini düzgün idarə etməyən köhnə skript kitabxanalarına etibar etmək.
- İstifadəçilərin səhifəni əllə böyütmək və ya kiçiltmək imkanını deaktiv etmək.
Mobil sınaq üçün növbəti addımlar hansılardır?
Bu həftə əsas açılış səhifələrinizi standart mobil diaqnostika alətləri vasitəsilə işə salmaqla başlayın. Xüsusilə üfüqi daşma və ya kiçik şrift ölçüləri ilə bağlı hesabatlara baxın. Qlobal CSS fayllarınızı yeniləyərək və alt qovluqlar və dinamik nəticə səhifələri daxil olmaqla hər səhifədə viewport meta teqinin mövcud olduğunu yoxlayaraq bu problemləri düzəldin.
Bu düzəlişləri etdikdən sonra səhifələrinizin müxtəlif cihazlarda necə göründüyünü müşahidə edin. Kiçik smartfonlardan böyük planşetlərə qədər müxtəlif ekran icazələrini simulyasiya etmək üçün brauzer tərtibatçı alətlərindən istifadə edin. Əgər məzmununuz oxunaqlı qalırsa və üfüqi sürüşmə tələb etmirsə, saytınızı müasir mobil standartlarla uğurla uyğunlaşdırmısınız.
Texniki SEO birdəfəlik düzəliş deyil. Biz brauzer standartları dəyişdikcə müştəri səhifələrimizin görünmə qabiliyyətini qoruyub saxlamasını təmin etmək üçün mobil göstərilmə konfiqurasiyalarını mütəmadi olaraq nəzərdən keçiririk.
Alien Road SEO komandası