Керівництво з mobile-first: як адаптувати SEO-процеси. Частина 1

Керівництво з mobile-first: як адаптувати SEO-процеси. Частина 1

Mobile

Один з помітних трендів - індексація Mobile First в Google. Акцент на мобільні сайти стає все сильнішим, і в наступаючому році стан мобільної версії сайту стане важливим фактором для просування в Гуглі. Ми вже писали про те, які підводні камені можуть зустрітися під час внутрішньої перелінковки мобільних версій сайту, а тепер даємо велике керівництво про Mobile First в цілому.

Частина перша: що таке Mobile First і які типи конфігурації мобільних сайтів розрізняє Google

У цьому керівництві ми розберемося, на які SEO-параметри все ще варто звертати увагу, а також поговоримо про адаптацію робочих процесів до Mobile First. Технічне SEO, внутрішня пошукова оптимізація, створення контенту і його поширення як і раніше актуальні, проте тепер нам слід аналізувати ці фактори за допомогою екрану смартфона, а не робочого столу. Другу частину цього матеріалу читайте тут.

Реальність давно вже стає «мобільною»: ось відкрита статистика Liveinternet - останні три місяці 2018 року кількість відвідувачів з мобільних пристроїв становило більше 70% від загального.

таблиця

Що таке індексація Mobile First?

До березня 2018 року ранжування Google грунтувалося на скануванні і індексації десктопного контенту. Googlebot для десктопів сканував сторінки сайту і передавав URL системі індексування Caffeine. Сторінки аналізувалися за безліччю критеріїв, починаючи від дизайну і контенту і закінчуючи налаштуваннями канонікалізації і зовнішніми посиланнями.

Але введення Mobile First все змінило.

Тепер Google все активніше використовує Googlebot (Smartphone), а система Caffeine орієнтується насамперед на мобільні версії. Принципи сканування та індексації в основному залишаються тими ж, але те, як ваш сайт виглядає і працює на мобільних девайсах, матиме значно більшу вагу, ніж десктопна версія.

Ранжування вашого сайту буде залежати (або вже залежить) виключно від мобільного, а не десктопного SEO.

Десктопна індексація все ще має деяку вагу, проте в кінцевому підсумку вирішальним стане мобайл. Про перехід на мобільну індексацію Google повідомляє адміністраторам сайту через Google Search Console:

Console

Введення Mobile First - логічний крок Google в низці дій з розвитку мобайл-френдлі інтернету і пряму відповідь на зростання використання мобільних пристроїв.

Уже в травні 2015 року Google зафіксував більшу кількість пошукових запитів з мобільних девайсів, ніж з десктопів, а в листопаді 2016 - загальне переважання мобільного браузингу.

У 2016 році Google оголосив прихід «Мобайлгеддона» (Mobilegeddon). Цей досить слабкий апдейт з дивною назвою можна вважати попередником індексації Mobile First. Тоді Google анонсував зміну алгоритму, при якому перевага віддавалася мобайл-френдлі сайтам. У реальності мало що змінилося, принаймні, не відразу. Реальні зміни стали помітні лише через кілька місяців. А зараз цей процес завершується - переходом до Mobile First.

Отже, як повинні змінитися SEO-процеси, коли індексація Mobile First розгорнулася на повну силу? Ось кілька рекомендацій для початку.

П'ять типів конфігурації мобільних сайтів - по спадаючій «придатності» до Mobile First

Після введення Mobile First Google випустив керівництво для веб-майстрів щодо поліпшення мобільної індексації. Радимо всім SEO-фахівцям і інтернет-маркетологам ретельно вивчити цей гайд, перш ніж рухатися далі.

1. Адаптивні сайти

Адаптивні сайти використовують один і той же HTML-код незалежно від пристрою. Макети сайтів і контент масштабуються, щоб адаптуватися під розмір екрану.

Така конфігурація рекомендована Google, тому вона повинна бути в пріоритеті під час вибору типу мобільного дизайну.

Оскільки ви використовуєте один і той самий HTML-код, контент не буде дублюватися. Крім того, це полегшує адміністрування контенту і сайту в цілому, так як не доведеться мати справу з канонікалізацією. По суті, мобільна версія вашого сайту нічим не буде відрізнятися від десктопної.

2. Динамічний показ

Під час динамічного показу сайт використовує різні HTML і СSS в залежності від пристрою, з якого ви заходите. Як і для адаптивних сайтів, URL не змінюється, однак мобільний контент «захований», коли користувачі і юзер-агенти заходять на сайт з робочого столу, і навпаки.

Щоб вказати Google, який юзер-агент він повинен застосувати (для десктопа або для смартфонів), слід використовувати HTTP-заголовок Vary.

Незважаючи на те, що під одним URL буде знаходитися один і той сами контент, з березня 2018 року Google віддає все більше переваги тій його частини, яка використовується для мобільної конфігурації. Більше інформації про сайти з динамічним показом можна знайти в гайді Гугла, а ось рекомендації з налагодження для Mobile First.

3. Різні URL

В цьому випадку для відображення сайту на мобільних пристроях використовується інший URL, зазвичай з піддоменів «m.».

Використання різних URL (як і динамічний показ) стає все більш застарілим методом, оскільки він значно ускладнює адміністрування сайту. Можливо, вам доведеться працювати і з такою конфігурацією - це може бути обумовлено особливостями ресурсу.

Наприклад, Facebook досі адаптується під мобільні девайси саме так. Можна припустити, що перехід до іншої, більш сучасної конфігурації пов'язаний з солідними витратами, тому відставання компенсується за рахунок великого набору спеціалізованих мобільних додатків.

Бізнес Майстерня

В майбутньому Google буде аналізувати в першу чергу мобільні URL. У будь-якому випадку цікаво, як ця конфігурація буде працювати в світі SEO, орієнтованого на мобільні девайси, особливо з огляду на швидкі зміни, пов'язані з канонікалізацією і PageRank.

4. Канонічні AMP-сторінки

Канонічні AMP-сторінки (Accelerated Mobile Pages) - ініціатива, запущена Google в лютому 2016 року.

AMP допомагають поліпшити мобільну екосистему як для власників сайтів, так і для користувачів за рахунок помітно збільшеної швидкості завантаження сторінок. За допомогою бібліотек і фреймворків AMP, вебмайстри отримують швидке оптимізоване рішення для відображення контенту на мобільних девайсах.

Цією можливістю відразу скористалися новинні агентства та інші ЗМІ, поступово AMP з'являються і в е-коммерс.

Google відзначає важливість швидкості завантаження сторінок серед споживчих трендів 2019 року.

Налаштування передачі контенту через AMP аналогічне використанню різних URL. Як правило, мобільна версія доступна за URL в підкаталозі /amp/. Відповідно, рекомендації з налаштування ті ж самі, що і для мобільних сайтів під іншим URL.

Якщо ви використовуєте AMP HTML в якості мобільної конфігурації сайту, Google вибере цю версію під час індексації Mobile First. Однак якщо ви поєднуєте AMP і не-AMP, Google вважатиме за краще мобільну версію не-АМР.

AMP

Тут можуть виникнути ті ж проблеми, що і з різними URL. Як Mobile First впливає на сайти з AMP, особливо в тих випадках, коли може бути недоступною-AMP альтернатива? У будь-якому випадку, ключове завдання AMP - відображення на мобільних пристроях полегшеної версії контенту, при цьому частина внутрішніх посилань і інших елементів seo оптимізації можуть пропасти.

5. Повна версія (тільки для ПК)

Це сайти, які призначені для перегляду тільки на робочому столі і не мають мобільної версії.

По суті, застосування індексації Mobile First до сайтів без мобільної версії можна вважати не зовсім коректним, тому що їхня конфігурація з самого початку не передбачає відображення на смартфонах. Подальше використання такого формату, безсумнівно, буде мати неприємні наслідки і ускладнить видимість сайту в органічній видачі (якщо це вже не сталося). Те, що ви не надаєте користувачам можливості зручно користуватися вашим сайтом з мобільних пристроїв, прямо суперечить загальним рекомендаціям для вебмайстрів, не тільки для індексації Mobile First.

Google як і раніше приймає таку конфігурацію для індексації Mobile First, але це явно не найкращий варіант. Якщо ваш сайт все ще не мобайл-френдлі, вам слід серйозно задуматися про запуск нового сайту, який відповідає вимогам під мобайл.

Якщо ви не впевнені, чи є ваш сайт мобайл-френдлі, рекомендуємо використовувати інструмент перевірки seo оптимізації для мобільних від Google. Для більш глибокого аудиту адаптованості під мобільні підійде розширення для Chrome Lighthouse.

В наступній частині керівництва: як вивчити ваш сайт очима Гуглобота для мобільних (з робочого столу).

Фото: flickr.com
Обробка: Vinci
назад
далі