1. коротко
2. Атрибути для звичайних і мобільних URL
3. Анотації в коді HTML
4. Анотації в файлах Sitemap
5. Докладні відомості про атрибути
6. автоматична переадресація
7. Підтримувані способи переадресації
8. Переадресація за допомогою HTTP
9. Переадресація за допомогою JavaScript
10. Односпрямована і двунаправленная переадресація

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

Як правило, в таких випадках сторінки для комп'ютерів розміщуються в домені www.example.com, а відповідні сторінки для мобільних пристроїв - в домені m.example.com. Google не віддає переваги того чи іншого формату URL. Головна вимога - сторінки повинні бути доступні для агентів користувача Googlebot.

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

коротко

• Вказуйте, як співвідносяться два URL, за допомогою тегів <link> з елементами rel = "canonical" і rel = "alternate".

• Правильно визначайте рядки агента користувача і перенаправляйте їх.

Атрибути для звичайних і мобільних URL

Щоб наша система сканування краще розпізнавала URL, призначені для мобільних пристроїв, рекомендуємо використовувати наступні анотації:

1. Додайте на кожній сторінці для комп'ютерів спеціальний тег link з атрибутом rel = "alternate", який буде вести на відповідну сторінку мобільного сайту. Це допоможе роботу Googlebot знайти контент, оптимізований для мобільних пристроїв.
2. На сторінці для мобільних пристроїв додайте тег link rel = "canonical" з посиланням на відповідну звичайну сторінку.

Наші системи підтримують два способи додавання таких атрибутів: в HTML-коді сторінок і в файлах Sitemap . Припустимо, що URL звичайної сторінки - http://example.com/page-1, а URL відповідної сторінки для мобільних пристроїв - http://m.example.com/page-1.

Анотації в коді HTML

На звичайній сторінці (http://www.example.com/page-1) додайте наступний код:

<Link rel = "alternate" media = "only screen and (max-width: 640px)" href = "http://m.example.com/page-1">

На сторінці для мобільних пристроїв (http://m.example.com/page-1) використовуйте наступні атрибути:

<Link rel = "canonical" href = "http://www.example.com/page-1">

В URL, який розміщений на сторінці мобільного сайту і вказує на аналог цієї сторінки зі звичайним форматуванням, необхідно додати тег rel = "canonical".

Анотації в файлах Sitemap

Google підтримує додавання атрибутів rel = "alternate" на сторінки для комп'ютерів за допомогою файлів Sitemap. приклад:

<? Xml version = "1.0" encoding = "UTF-8"?> <Urlset xmlns = "http://www.sitemaps.org/schemas/sitemap/0.9" xmlns: xhtml = "http: //www.w3 .org /: 1999 / xhtml "> <url> <loc> http://www.example.com/page-1/ </ loc> <xhtml: link rel =" alternate "media =" only screen and (max- width: 640px) "href =" http://m.example.com/page-1 "/> </ url> </ urlset>

При цьому тег rel = "canonical" для URL сторінки мобільного сайту обов'язково потрібно додати безпосередньо в код HTML цієї сторінки.

Докладні відомості про атрибути

На сторінці для комп'ютерів можуть використовуватися такі атрибути тега:

• Атрибут rel = "alternate" говорить про те, що тег вказує на альтернативний URL для цієї сторінки.
• Як значення атрибута media використовується рядок медіа-запиту CSS, в якій вказується, при яких умовах Google повинен використовувати альтернативний URL. У цьому прикладі наведено медіа-запит, який зазвичай використовується для орієнтування на мобільні пристрої.
• Атрибут href вказує, де знаходиться альтернативний URL. В даному випадку це сторінка в домені m.example.com.

Ці атрибути допомагають роботу Googlebot знайти ваш контент, а нашим алгоритмам - визначити взаємозв'язок між звичайними і мобільними сторінками вашого сайту. Коли ви використовуєте різні URL для одного і того ж контенту в різних форматах, атрибути повідомляють системі, що ці два URL містять однаковий контент і їх слід вважати одним об'єктом, а не двома. Якщо звичайна і мобільна версії сторінки інтерпретуються як незалежні об'єкти, то в результатах Пошуку на ПК можуть бути присутніми обидва URL. У такому випадку їх рейтинг буде нижче, ніж якби роботу Google було відомо про їх взаємозв'язку. Також зверніть увагу на наступні поширені помилки в цій конфігурації:

• Якщо ви використовуєте атрибути rel = "alternate" і rel = "canonical", то кожній звичайній сторінці повинна відповідати тільки одна мобільна і навпаки.
• Ретельно перевіряйте параметри переадресації: переконайтеся, що звичайні сторінки часом не перенаправляють користувача на одну і ту ж сторінку з іншим змістом.

Якщо ви вирішили створити окремий сайт для рясних пристроїв, уникайте поширених помилок, наприклад в переадресації мобільних користувачів.

автоматична переадресація

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

Підтримувані способи переадресації

Робот Googlebot підтримує такі способи переадресації:

• переадресація за допомогою HTTP;
• переадресація за допомогою JavaScript.

Переадресація за допомогою HTTP

Переадресація за допомогою HTTP зазвичай використовується для перенаправлення на URL для конкретних пристроїв. Як правило, вона виконується з урахуванням агента користувача, зазначеного в заголовках HTTP-запиту. Переадресація повинна відповідати альтернативному URL, вказаною в атрибуті rel = "alternate" цільової посилання або в файлі Sitemap.

В цьому випадку неважливо, чи повертає сервер при переадресації код статусу 301 або 302. Однак, по можливості рекомендується використовувати код 302.

Переадресація за допомогою JavaScript

Якщо виникають складнощі з налаштуванням переадресації за допомогою HTTP, то для перенаправлення користувачів можна використовувати JavaScript. Для цього потрібно задати відповідні URL за допомогою тега link rel = "alternate". Необхідно забезпечити прийнятне для користувача час реакції, оскільки перед виконанням переадресації відбувається скачування сторінки, а потім синтаксичний аналіз і запуск коду JavaScript.

Існує безліч способів такої переадресації. Наприклад, можна обробляти запити контенту, які вже використовуються на сайті. Для цього підійде функція JavaScript matchMedia ().

Односпрямована і двунаправленная переадресація

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

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

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