Вы ўжо аптымізавалі свой блог пад мабільныя патрабаванні Google? Калі няма, то самы час заняцца праблемай, калі не жадаеце страціць пазіцыі і трафік гэтай пошукавай сістэмы.
Сутнасць у тым, што ўжо 21 красавіка Google стаў лепш ранжыраваць ў пошуку сайты, якія зручна праглядаць на мабільных прыладах - планшэтах і смартфонах.
Пра гэтыя новаўвядзенні пошукавік папярэджваў загадзя і нават рассылаў нейкія «лісты шчасця», дзе рэкамендаваў прыслухацца да парад, але я, напрыклад, такога ліста не атрымліваў, а праверыўшы блог спецыяльным сэрвісам на адпаведнасць, атрымаў жудасную карціну непрыязна да полчышчам мабільных прылад сайта. І гэта нягледзячы на тое, што ўсталяваны адмысловая ўбудова WPtouch, які як бы і павінен ствараць мабільную версію сайта, каб спадабацца гугла.
Я, дарэчы, не выключаю таго, што ў хуткім часе і Яндэкс заклапоціцца выгодамі мабільных карыстальнікаў, таму варта прыслухацца да «вялікага брату» па імі Google ужо цяпер.
Мне гугловской сэрвіс «Праверка зручнасці прагляду на мабільных прыладах» спачатку выдаў шмат папярэджанняў аб дрэннай аптымізацыі - тут і дробны шрыфт, і блізка размешчаныя адзін да аднаго элементы дызайну, і дрэнны код, і флэш, якога быць не павінна, але самая першая рэкамендацыя па выпраўленні сітуацыі (дадаць мета-тэг viewport) адразу ж прывяла да такога вось выніку:
Такім чынам, што трэба зрабіць, калі Гугл «лаецца» на вашу немобильность? Як аптымізаваць блог для мабільных прылад? Самы просты спосаб зрабіць дызайн адаптыўным, спагадным і зручным для прагляду на мабільных прыладах - гэта задаць спецыяльныя правілы для вобласці прагляду, выкарыстоўваючы тэг viewport. Ён падыходзіць для абсалютна ўсіх прылад. Код такой:
<Meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
Яго трэба ўставіць (я кажу пра WordPress) у header (Загаловак) вашага сайта. Шлях, калі заблукалі, такі: у кансолі знаходзім Знешні выгляд - Рэдактар - Загаловак (файл header.php).
Device-width дасць загад браўзэру, што шырыня вобласці прагляду роўная шырыні прылады. У гэтым выпадку браўзэр не будзе ставіць памер па змаўчанні 980 пікселяў. Канкрэтную шырыню смартфона таксама лепш не задаваць, таму што прылады ўсе розныя. Менавіта таму дадалі initial-scale = 1.0.
Мне мета-тэг дапамог, значыць дапаможа і вам - хутка і эфектыўна. Ну і ўбудова WPtouch не выключаем, вядома.
Чытайце таксама:
Вам спадабаўся артыкул? Не жадаеце прапускаць новыя? тады падпішыцеся на RSS або атрымлівайце новыя артыкулы на электронную пошту
Аўтар: Chief | Дата: 2015/04/24 | Каментароў: 116
Як аптымізаваць блог для мабільных прылад?Не жадаеце прапускаць новыя?
