Google однозначно допускает конфигурацию с отдельными URL-адресами для версий Рабочий стол и Мобильной версии того же Сайта, но рекомендует использовать некоторые примечания для того, чтобы его алгоритмы могли их правильно интерпретировать. В частности, по требованию Google:
| ▪ | На Странице для Рабочего стола необходимо добавить тег-ссылку rel="alternate", которая направит к URL-адресу для соответствующих мобильных устройств. |
| ▪ | На Странице для Мобильной версии необходимо добавить тег-ссылку rel="canonical", которая направит к URL-адресу для соответствующего Рабочего стола. |
Это примечание дает понять алгоритмам Google, что два URL-адреса имеют одинаковое содержание и что они должны рассматриваться как единый элемент, а не как два разных. Этот пункт имеет большое значение , поскольку , если версия Рабочий стол и Мобильная версия Страницы считаются двумя разными элементами, в результатах поиска будут отображаться как URL-адрес рабочего стола, так и URL-адрес для мобильных устройств. Кроме того, в этом случае, для обеих Страниц ранжирование может понизиться в связи с возможным наложением штрафа из-за двойного содержания.
Для установки этих примечаний следует:
| ▪ | поддерживать отношение 1:1 между Страницами для Рабочего стола и соответствующими Страницами для Мобильной версии. В частности, следует избегать вставки примечаний на многих Страницах Рабочего стола, которые относятся к той же Странице Мобильной версии (и наоборот). |
| ▪ | устанавливать переадресацию только между действительно связанными Страницами. |
Работая с WebSite X5, самый простой способ — это создание Сайта для Мобильной версии в виде точной копии Сайта для версии Рабочий стол: таким образом, оба Сайта будут иметь одинаковые Страницы (файл с таким же именем) и будет легко установить соответствие между ними в отношении 1:1.
Рассматривая предыдущий пример и представив, что нам нужно вставить примечания, требуемые Google для управления версиями Рабочий стол, Планшет и Смартфон веб-сайта, следует:
| ▪ | В поле Пользовательский код выбрать опцию Перед закрывающим тегом HEAD и вписать следующие примечания: |
<link rel="alternate" media="only screen and (max-width: 480px)" href="http//www.mywebsite.ru/smartphone/[CURPAGE]">
<link rel="alternate" media="only screen and (min-width: 481px) and (max-width: 1024px)" href="http//www.mywebsite.ru/tablet/[CURPAGE]">
|
После сохранения изменений можно приступить к работе над Сайтом для версии Планшет:
| ▪ | В поле Пользовательский код выберите опцию Перед закрывающим тегом HEAD и впишите следующее примечание: |
<link rel="canonical" href="http//www.mywebsite.ru/[CURPAGE]">
|
| ▪ | Повторите действия, выполненные для Сайта для Планшета, также для и для Сайта для Смартфона: примечание остается неизменным. |
Для лучшего понимания описанного процесса, примите во внимание, что:
| ▪ | Устанавливая примечания через окно Статистика, SEO и код, они автоматически вставляются в код всех Страниц Сайтов. |
| ▪ | В примечаниях, в качестве значения атрибута href должен быть вставлен URL-адрес Страницы, над которой вы работаете: используя скрипт [CURPAGE], имя файла, соответствующее Странице, идентифицируется и автоматически вставляется Программой. |
| ▪ | В Страницах версии Сайта Рабочий стол следует использовать тег-ссылку rel="alternate" для того, чтобы представить все имеющиеся альтернативы : в конкретном случае она повторяется 2 раза для того, чтобы соединить как версию для Планшета, так и версию для Смартфона. |
| ▪ | В примечании тег-ссылки rel="alternate" необходимо отметить также когда, вместо версии Рабочий стол, должна предлагаться версия Смартфон или версия Сайта Планшет. В коде приведенного примера скрипты мультимединого запроса определяют, что для разрешений ниже 480px, Google должен предложить URL-адрес версии Смартфон, в то время как для разрешения в диапазоне между 481px и 1024px - версию Сайта Планшета. |
Если Сайты версий Рабочий стол, Планшет и Смартфон не содержат идентичных Страниц и/или содержат Страницы, соответствующие друг другу, но под другими именами, необходимо вручную войти в код каждой отдельной Страницы и правильно вставить необходимые примечания.
| ▪ | Открыть проект Сайта для версии Рабочий стол. Перейдя к Этапу 3 - Карта выберите Страницу, с которой вы хотите работать, и нажмите кнопку Свойства. |
| ▪ | В окне Свойства страницы откройте раздел Эксперт и разместитесь в поле Пользовательский код. |
| ▪ | Выберите опцию Перед закрывающим тегом HEAD и впишите следующие примечания: |
<link rel="alternate" media="only screen and (max-width: 480px)" href="http//www.mywebsite.ru/smartphone/page-1.html">
<link rel="alternate" media="only screen and (min-width: 481px) and (max-width: 1024px)" href="http//www.mywebsite.ru/tablet/page-1.html">
|
Там, где http//www.mywebsite.ru/smartphone/page-1.html и http//www.mywebsite.ru/tablet/page-1.html URL-адреса Страниц Сайта, соответствующие Мобильной версии и версии Планшета, соответствующие версии Рабочий стол, над которой вы работаете.
| ▪ | Повторите последние действия для всех Страниц Сайта и вставьте в каждую из них примечания с URL-адресом соответствующих Страниц для Смартфона и Планшета. |
Подобные действия должны быть выполнены для Страниц сайта версии Смартфон и версии Планшет. В этих случаях необходимо вставить следующее примечание:
<link rel="canonical" href="http//www.mywebsite.ru/desktop/page-1.html">
|
Там, где http//www.mywebsite.ru/desktop/page-1.html – это URL-адрес Страницы Сайта версии Рабочий стол, соответствующей странице Сайта версии Смартфон или версии Планшет, над которой вы работаете.
|
