- 1. Не блокуйте віддачу Javascript, CSS і картинок
- 2. Оптимізуйте відео-контент
- 3. Виправте «криві» редіректи
- 4. Позбавтеся від 404-й помилки
- 5. Нехай ваш сайт буде швидким
- 6. Використовуйте rel = 'alternate' media = '...'
- 7. Віддавайте HTTP заголовок 'Vary: User-Agen'
- 8. Використовуйте rel = 'canonical'
- 9. Оптимізувати Title і Description
- 10. Використовуйте семантичну розмітку
- 11. Зверніть увагу на регіональний пошук
- 12. Створіть мобільний карту сайту
Зміст:
Спираючись на досвід роботи над безліччю різних проектів, я створив докладне керівництво, яке допоможе вам зрозуміти, як потрібно оптимізувати свої сайти стосовно мобільному SEO.
По-перше і в головних - згідно з тими ж рекомендаціями Google, мобільні сайти зазвичай використовують одну з трьох технологій:
- адаптивна верстка
- динамічний контент
- Різні адреси для звичайної і мобільної версій сайту
Адаптивний (або гумовий) дизайн дозволяє сайту використовувати один і той же HTML-код незалежно від того, на якому пристрої він відображається. Ви просто використовуєте мета тег name = 'viewport', а про відповідний варіанті відображення сторінки на екрані піклується сам браузер. Гумовий дизайн відображається оптимальним чином на будь-якому пристрої, незалежно від розмірів його екрану.
Плюси гумового дизайну
Адаптивна верстка зараз дуже популярна, та й сам Google радить її використовувати. Її плюси очевидні:
- Вона дозволяє використовувати один і той же адресу сторінки для перегляду на різних пристроях.
- Одна сторінка швидше індексується і краще висить в пошуковій видачі (у порівнянні з багатьма сторінками з однаковим контентом, оптимізованих під різні пристрої і екрани).
- В адаптивному дизайні помилки, що стосуються SEO та форматування, зазвичай зустрічаються рідше.
- Гуглбот НЕ буде надмірно навантажувати ваш сервер (індексуючи однакові сторінки, «заточені» під різний дозвіл екрана).
- Вам не потрібно буде використовувати редирект, що благотворно позначиться на швидкості завантаження.
А ось приклад того, як не треба робити адаптивну верстку:
Ще один метод роботи з мобільним трафіком полягає в тому, що для різних пристроїв сервер віддає різні варіанти HTML і CSS. Для цього вам знадобиться використовувати HTTP заголовок Vary: User-Agent.
Цей варіант має на увазі, що відвідувачі, які зайдуть на ваш сайт зі смартфонів або планшетів, будуть автоматично перенаправлені на спеціальну, мобільну версію сайту.
1. Не блокуйте віддачу Javascript, CSS і картинок
Деякі люди вважають за краще приховувати від мобільних користувачів скрипти, файли CSS і зображення. Але це суперечить рекомендаціям Google. Я раджу уникати такого блокування. Також не буде зайвим:
- Використовувати команду «Переглянути, як Googlebot» в Google Інструментах для веб-майстрів, щоб переконатися, що для бота Google доступні і картинки, і CSS, і скрипти.
- Перевірити файл robots.txt і переконатися, що ви не приховали від індексації жодної сторінки.
- Переконатися, що редирект користувачів з мобільними пристроями проходить коректно.
2. Оптимізуйте відео-контент
Іноді відео, доступне для перегляду на комп'ютері, не можна подивитися на мобільному пристрої. Це погано. Тому краще всього використовувати для вставки відео на сторінках сайту HTML5 і уникати застосування флеш.
3. Виправте «криві» редіректи
Точно так же, як і у випадку зі звичайним трафіком, виправте всі помилки сканування, які виявите в Google Інструментах для веб-майстрів. Краще проводити такі перевірки періодично. Сайти, які не видають помилок сканування, зазвичай висять у видачі краще, ніж інші.
4. Позбавтеся від 404-й помилки
Сторінки деяких сайтів, якщо на них зайти з мобільного пристрою, віддають 404-ю помилку. Це недопустимо. Краще перенаправляти таких відвідувачів на мобільну версію сайту, розташовану на окремому URL.
5. Нехай ваш сайт буде швидким
Перевірте швидкість завантаження сайту і скористайтеся рекомендаціями, якими вас забезпечить Google.
6. Використовуйте rel = 'alternate' media = '...'
Атрибути rel = 'alternate' media = '...' дозволяють вказати в деськтопной версії сайту адреси сторінок, оптимізованих під менші розміри екрану (а ось робити навпаки не рекомендується).
7. Віддавайте HTTP заголовок 'Vary: User-Agen'
Незалежно від того, перенаправляє ви мобільних користувачів на окрему адресу сайту або віддаєте їм HTML і CSS динамічно, налаштуйте сервер таким чином, щоб він віддавав заголовок 'Vary: User-Agent'. Навіть якщо всі ваші редіректи працюють коректно, це ніколи не буде зайвим.
8. Використовуйте rel = 'canonical'
Тег rel = 'canonical' застосовується для боротьби з дубльованим контентом. Використання цього тега в мобільній версії сайту допоможе гуглботу зрозуміти, куди він потрапив, і сайт не буде пессімізірован за дублювання контенту. Крім того, цей тег допомагає уникнути плутанини в сигналах, що впливають на видачу (наприклад, в кількості вхідних посилань).
9. Оптимізувати Title і Description
Мобільні пристрої мають меншу роздільну здатність екрана, тому непогано було б оптимізувати вміст тегів Title і Meta Description. Тут важливі стислість, ясність і чіткість тексту.
10. Використовуйте семантичну розмітку
Люди, які заходять в інтернет через мобільні пристрої, люблять, коли сайти завантажуються швидко. Google теж вважає за краще, щоб сторінка завантажувалася не довше ніж за 1-2 секунди. Перевірте середню швидкість завантаження сторінок і виправте помилки, які при цьому будуть виявлені.
Користувачі мобільних пристроїв частіше клацають у видачі на сайти, які використовують структуровані дані (мікроформати). Після апдейта алгоритму Колібрі застосування структурованих даних взагалі стало дуже важливим фактором, що впливає на видачу Google.
11. Зверніть увагу на регіональний пошук
Завдяки геопозиционирования, регіональні компанії отримують масу мобільного пошукового трафіку. Пізніше він перетворюється в звичайний десктопний трафік і врешті-решт - в продажу. Тому так важливо оптимізувати сайт під регіональний пошук (додати назву компанії, адресу, телефон і т.д.).
12. Створіть мобільний карту сайту
Останній, але не менш важливий момент - наявність карти сайту в форматі XML. Такий поділ звичайних і мобільних сторінок дозволить вам в майбутньому швидко виявляти проблеми індексації.
Причини оптимізувати сайт під мобільні пристрої сьогодні :
- більше трафіку
- Поліпшення поведінкових факторів
- Більш висока конверсія
- Відвідувачі проводять на сайті більше часу
- Низький показник відмов
- Покращена швидкість завантаження сторінок
- Більш глибоке залучення клієнтів
- Хороші позиції в пошукових системах
