При індексуванні та ранжуванні використовується мобільна версія сайту, відсканована за допомогою Googlebot для смартфонів. Це називається індексацією з пріоритетом мобільного контенту.

Вам не обов’язково створювати мобільну версію сайту, щоб ваш контент відображався в результатах пошуку Google. Однак ми радимо це зробити. Рекомендації в цьому посібнику застосовні до мобільних сайтів у цілому, а також до індексації з пріоритетом мобільного контенту.

Щоб ваш сайт завжди був зручним для користувачів, дотримуйтесь рекомендацій у цьому посібнику.

Створіть сайт, оптимізований для мобільних пристроїв

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

• Адаптивний дизайн. Сервер надсилає один і той самий HTML-код усім пристроям (комп’ютерам, планшетам, мобільним телефонам, невізуальним браузерам), але відображення сайту виконується по-різному залежно від розміру екрана. Google рекомендує використовувати адаптивний дизайн, оскільки з ним найпростіше працювати.
• Динамічний показ. На різних пристроях відкривається одна й та сама URL-адреса. Для того щоб показувати окремі версії HTML-коду на різних пристроях, використовується директива user-agent та заголовок HTTP-відповіді Vary: user-agent.
• Окремі URL-адреси. Залежно від типу пристрою вибираються різні варіанти коду та різні URL-адреси. Система намагається визначити тип пристрою користувача, а потім перенаправляє його на потрібну сторінку за допомогою директиви user-agent та HTTP-заголовка Vary.

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

Переконайтеся, що Google може сканувати сторінки

Google повинен мати доступ до ваших ресурсів і контенту на сторінках для мобільних пристроїв.

• У повній і мобільній версіях сайту слід впроваджувати одні й ті самі теги meta з атрибутом robots. При використанні для мобільної версії сайту інших тегів meta з атрибутом robots, особливо тегів noindex або nofollow, у робота Googlebot можуть виникнути проблеми: він не зможе обробляти такі сторінки, якщо для них увімкнено індексацію з пріоритетом мобільного контенту.
• Не використовуйте для основного контенту відкладене завантаження, пов’язане з діями користувачів. Google не завжди може знайти контент, для завантаження якого користувач повинен щось зробити, наприклад, прокрутити сторінку, натиснути кнопку або ввести текст. Докладніше про те, як забезпечити індексацію контенту з відкладеним завантаженням…
• Необхідно надати Google можливість сканувати ваші ресурси. Іноді адреса мобільного сайту не збігається з адресою повної версії. Робот Googlebot може проіндексувати тільки ті URL-адреси, які не заблоковані правилом disallow.

Переконайтеся, що в повній і мобільній версіях сайту опубліковано один і той самий контент

Навіть при однаковому контенті відмінності в моделі DOM або дизайні мобільної та повної версій можуть перешкодити роботу Google сприймати їх як один і той самий сайт. Однак однаковий вміст гарантує, що обидві версії сайту зможуть з’являтися в результатах пошуку при запитах за одними й тими самими ключовими словами.

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

Перевірте структуровані дані

Якщо ви використовуєте структуровані дані, переконайтеся, що вони є в обох версіях сайту. Ось кілька порад.

• Перевірте, чи збігаються структуровані дані в мобільній і повній версіях сайту. Якщо ви не знаєте, які типи структурованих даних підійдуть для мобільного сайту, спочатку ознайомтеся з інформацією про властивість Breadcrumb та типи Product і VideoObject.
• Використовуйте правильні URL-адреси в структурованих даних. Переконайтеся, що URL-адреси в структурованих даних, доданих до мобільної версії сайту, ведуть на сторінки, які оптимізовані для мобільних пристроїв.
• Якщо ви використовуєте Маркер, не забудьте про перевірки. Якщо ви додаєте структуровані дані за допомогою Маркера, регулярно перевіряйте наявність проблем із вилученням інформації.

Розмістіть однакові метадані в обох версіях сайту

Переконайтеся, що на обох сайтах збігаються елементи title та метаописи.

Перевірте місця розміщення оголошень

Використовуйте такі методи розміщення реклами, які не зашкодять рейтингу вашого мобільного сайту. Під час показу реклами на мобільних пристроях дотримуйтесь стандартів Better Ads Standards. Наприклад, оголошення у верхній частині сторінки часто займають занадто багато місця. Це може справити несприятливе враження на користувачів.

Перевірте графіку та відео

Перевірте зображення

Переконайтеся, що зображення на вашому мобільному сайті відповідають нашим рекомендаціям. Ось деякі з них:

• Використовуйте якісні зображення. Вони не повинні бути занадто маленькими або мати недостатньо високу роздільну здатність.
• Використовуйте тільки підтримувані формати. Це стосується як зображень, так і тегів. Наприклад, Google підтримує формат SVG, але наші системи не можуть проіндексувати JPG-зображення в тегу <image> всередині вбудованого SVG-файла.
• Не використовуйте URL-адреси, які змінюються кожного разу під час завантаження зображень. У такому випадку наша система не зможе обробити та проіндексувати ваші ресурси.
• Переконайтеся, що для зображень в обох версіях сайту вказано один і той самий альтернативний текст. На мобільному сайті він повинен бути настільки ж інформативним, як і в повній версії.
• Контент повинен бути однаково якісним як на сторінках для комп’ютерів, так і для мобільних пристроїв. Використовуйте одні й ті самі інформативні заголовки, підписи, текстові фрагменти та назви файлів для обох версій сайту.

Перевірте відео

Переконайтеся, що відео на вашому мобільному сайті відповідають нашим рекомендаціям. Ось деякі з них:

• Не використовуйте URL-адреси, які змінюються кожного разу під час завантаження відео. У такому випадку наша система не зможе обробити та проіндексувати ваші ресурси.
• Використовуйте під час додавання відео тільки підтримувані формати та теги. Присутність відео на сторінці визначається за наявністю відповідного HTML-тегу, наприклад <video>, <embed> або <object>.
• Використовуйте одні й ті самі структуровані дані для відео в обох версіях сайту. Рекомендуємо перечитати розділ статті, присвячений перевірці структурованих даних.
• Розмістіть відео на сторінці так, щоб його було легко знайти користувачеві смартфона або планшета. Якщо користувачам доведеться довго прокручувати сторінку, щоб виявити ролик, його рейтинг може знизитися.

Додаткові рекомендації для сайтів з окремими URL

Якщо мобільна та повна версії сайту мають різні URL-адреси (наприклад, мобільна версія знаходиться в піддомені m.), дотримуйтесь наведених нижче порад.

• Переконайтеся, що статус сторінки з повідомленням про помилку однаковий в обох версіях сайту. Якщо у версії сторінки для комп’ютерів доступний контент, а її версія для мобільних пристроїв повертає помилку, сторінка не буде проіндексована.
• Переконайтеся, що в мобільній версії сайту не використовуються фрагменти URL. Фрагмент — це частина URL, яка розташована в кінці і починається з елемента #. Як правило, фрагменти URL не індексуються. Ми припинимо їх збереження після того, як ваш домен буде переведено на індексацію з пріоритетом мобільного контенту.
• Перевірте, чи є у версій сторінок для комп’ютерів, що містять кілька різних варіантів контенту, аналогічні версії для мобільних пристроїв. Якщо на смартфонах і планшетах переадресація з різних URL веде на одну й ту саму сторінку, наприклад на головну, то вихідні сторінки зникнуть з індексу після переходу на новий спосіб індексації.
• Підтвердіть право власності як на мобільну, так і на повну версію сайту в Search Console, щоб вам були доступні дані та сповіщення, пов’язані з обома версіями. Коли Google почне використовувати для вашого сайту індексацію з пріоритетом мобільного контенту, на сайті може відбутися зсув даних.
• Перевірте атрибути hreflang у кожній версії сайту. Якщо на багатомовному сайті використовуються елементи link з атрибутом rel=hreflang, посилання між сторінками для комп’ютерів і мобільних пристроїв слід налаштовувати окремо. Атрибути hreflang у мобільних URL повинні вказувати на мобільні URL, а URL для комп’ютерів, що мають атрибут hreflang, – на версії URL для комп’ютерів.

  Ось приклад атрибутів hreflang для головної сторінки сайту з різними URL мобільної та повної версій:

  Мобільна версіяПовна версія
  URL мобільної версії сайту: https://m.example.com/.

   

   

  <link rel="canonical" href="https://example.com/">
  <link rel="alternate" hreflang="es" href="https://m.example.com/es/">
  <link rel="alternate" hreflang="fr" href="https://m.example.com/fr/">
  <link rel="alternate" hreflang="de" href="https://m.example.com/de/">
  <link rel="alternate" hreflang="th" href="https://m.example.com/th/">

• Переконайтеся, що ваші сервери зможуть забезпечити достатню продуктивність, якщо збільшиться частота сканування мобільної версії сайту.
• Перевірте, чи правильно працюють правила у файлі robots.txt для обох версій сайту. Файл robots.txt дозволяє визначити, які розділи сайту потрібно сканувати, а які ні. Зазвичай для повної та мобільної версій сайту використовуються одні й ті самі правила цього типу.
• Простежте, щоб в обох версіях сайту були правильно вказані атрибути rel=canonical та rel=alternate в елементах link. URL повної версії сайту завжди є канонічним, а URL мобільної версії – альтернативним.

  Атрибути rel=canonical та rel=alternate для сайтів з окремими URL.

  Мобільна версіяПовна версія
  URL мобільної версії сайту: https://m.example.com/. Він містить елемент link, який вказує на URL повної версії як на канонічний URL.

   

   

  <link rel="canonical" href="https://example.com/">

Усунення несправностей

Ознайомтеся зі списком найпоширеніших помилок, які виникають при індексуванні з пріоритетом мобільного контенту. Ці проблеми не тільки перешкоджають індексації, але й можуть призвести до зниження рейтингу сайтів. Якщо ви ще не включили таку індексацію, помітили зниження рейтингу або отримали сповіщення в Search Console, перевірте свій сайт відповідно до цього списку та усуньте неполадки.