Ви вже оптимізували свій блог під мобільні вимоги 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 | Дата: 24.04.2015 | Коментарів: 116
Як оптимізувати блог для мобільних пристроїв?Чи не хочете пропускати нові?