- Налаштування адаптивної версії сайту
- Налаштування динамічного показу різних версій сайту
- Розміщення мобільної версії на власному URL
- Налаштування мобільної версії на піддомені
- Як налаштувати метатеги
- Як налаштувати редирект (переадресацію)
Пошукові флагмани вже давно анонсували, що пріоритет пошукової видачі на смартфонах буде відданий мобільним версіями сайтів. Це означає, що якщо ваш сайт не проходить перевірку на оптимізацію для мобільних пристроїв mobile-friendly (так звана «мобілопрігодность» сайту), то велика ймовірність, що на смартфоні його позиції у видачі будуть нижче. Але створення вдалою мобільної версії - це тільки половина справи. Важливо налаштувати сайт для його індексації пошуковими системами. Про те, як зробити це правильно, ми і розповімо.
Часто версія для смартфонів містить урізаний контент або запускається на піддомені: в результаті ми маємо два сайти зі схожою змістом. Поговоримо про те, як повідомити пошуковим системам, що це різні версії одного контенту, і скільки разів індексувати, щоб в результаті не втратити позиції в пошуковій видачі.
Правильна настройка мобільної версії залежить від способу її реалізації. Існує три види:
1. Адаптивний дизайн основного сайту. Припускає, що у вас існує одна версія сайту, яка автоматично адаптується під розміри різних екранів: десктопів або мобільних пристроїв. 
2. Динамічний показ. Мобільна і десктопна версії виглядають по різному, мають різні коди (HTML, які CSS), але знаходяться за однією адресою (URL). При запиті цієї адреси з різних пристроїв видаються або сторінки, написані для мобільних пристроїв, або десктопні версії.
3. Власний URL для мобільної версії (розміщення на піддомені). Мобільна версія відрізняється від декстопной і має іншу адресу. Наприклад, версія для сайту site.ru, версія на піддомені матиме адресу m.site.ru.
Детальніше про це можна почитати у Google.
Як оптимізувати мобільну версію сайту? З точки зору SEO набагато зручніше використовувати динамічний показ різних варіантів коду. Це виключає необхідність приховування і дублювання частини контенту (в адаптивної версії, наприклад, це може бути дублювання меню) і додаткового налаштування переадресації (як для мобільної версії на окремому URL).
Але трапляються різні ситуації, і тому необхідно орієнтуватися на вирішення конкретного завдання і вибирати спосіб, максимально зручний для вас. А поки давайте розглянемо основні дії з налаштування при реалізації кожного сценарію для правильної інтерпретації мобільної версії сайту пошуковими системами.
Налаштування адаптивної версії сайту
Так для правильної інтерпретації пошуковими системами створеного адаптивного дизайну необхідно додати в заголовок документа метатег "viewport".
<Meta name = "viewport" content = "width = device-width">
Він містить інструкції для браузера щодо коригування розмірів і масштабування сторінки по ширині екрану пристрою. Якщо цього елемента немає, мобільні браузери за замовчуванням показують сторінку для екрану комп'ютера, і сайт не проходить перевірку на оптимізацію під мобільні пристрої.
Налаштування динамічного показу різних версій сайту
Для динамічного показу важливо, щоб пошуковий бот прав мулових визначав пристрій, з якого користувач переглядає сайт і видавав у відповідь вірний код. Для цього можна скористатися HTTP-заголовком "Vary" або додати елемент "User-Agent".
Розміщення мобільної версії на власному URL
У випадку з створенням власного URL існує 2 способи розміщення:
· В окремий розділ сайту (в папку). При цьому мобільна версія сайту буде мати вигляд: site.ru/m/.
· На окремий піддомен. При цьому мобільна версія сайту буде мати вигляд: m.site.ru
При цьому якщо Google однозначно інтерпретує обидва варіанти, то Яндекс може невірно сприйняти розміщення в папці. У зв'язку з цим рекомендується розміщувати мобільну версію сайту на піддомені.
Налаштування мобільної версії на піддомені
Але коли ми розміщуємо версію на піддомені, ми фактично частково або повністю дублюємо контент власного сайту. Унікальність наданої інформації - це важливий фактор ранжування, і, створюючи власну копію, ми ризикуємо втратити позиції. Щоб цього не сталося, необхідно показати пошуковому боту, що перед ним дві версії одного сайту. Для цього потрібно зв'язати версії метатегами <link> і налаштувати переадресацію.
Ще один момент, який необхідно врахувати при оптимізації мобільної версії сайту з точки зору SEO: важливо присутність всіх просуваються розділів - основних точок входу. Якщо у вас немає «мобільного дубля» для просуває сторінки, то в побудові мобільного видачі братиме участь десктопна версія. Цілком логічно, що вона може ранжуватися гірше, ніж сторінки інших сайтів, заточені під смартфони.
Як налаштувати метатеги
На мобільному сайті в коді прописуємо метатег "canonical", який вказує в якості канонічної сторінку десктопного сайту. На десктопном сайті - метатег "alternate", який вказує в якості альтернативної сторінку мобільного сайту.
Наприклад, для головної сторінки сайту http://site.ru прописуємо наступне:
http://m.site.ru ">
Для головної сторінки мобільного сайту http://m.site.ru прописуємо
http://site.ru " >
Як налаштувати редирект (переадресацію)
Після того як ці сторінки будуть пов'язані, необхідно налаштувати переадресацію за допомогою 302-го редіректу. При цьому переадресовувати необхідно посторінково, так як перенаправлення пошукової системи на нерелевантні сторінки (наприклад, на головну) буде вважатися помилкою.
Як ми бачимо, найбільш проста в налаштуванні адаптивна версія. І при цьому її налаштування під потреби SEO-просування вимагає мінімального втручання розробників.
Технічна оптимізація мобільної версії - досить складний процес. Самі пошукові системи ще не до кінця сформували вимоги до мобільного видачі і постійно вносять доповнення в список критеріїв. При цьому Яндекс і Google можуть по-різному інтерпретувати одні і ті ж дії і іноді навіть суперечать один одному. Щоб зберігати позиції в пошукових системах, важливо постійно відстежувати зміни, що відбуваються в алгоритмах роботи пошукових роботів і допрацьовувати мобільні версії з урахуванням мінливих вимог.
Як оптимізувати мобільну версію сайту?
