SEO для адаптивных вебсайтов

Когда Google в июне 2012 года объявила о том, что теперь предпочтение будет отдаваться простым и удобным адаптивным веб-сайтам, я сразу же заметил, как увеличилось количество сообщений, в которых говорилось о том, что адаптивный дизайн становится сейчас практически столь же важным, как и поисковая оптимизация.

На самом деле это не так и здорово, ибо, в то время как некоторые адаптивные сайты действительно хорошо оптимизированы с точки зрения SEO, оптимизация других оставляет желать лучшего.

В этом году в своей статье на Search Engine Land я подробно описал некоторые из наиболее распространенных ошибок, которые создают для адаптивных веб-сайтов серьезные проблемы с попаданием в результаты выдачи поисковых систем. И сегодня мне приятно иметь возможность провести более глубокий SEO-аудит адаптивных сайтов здесь.

Я знаю, что разные люди определяют для себя по-разному, что такое SEO, однако для тех из вас, кто не знаком с моими работами, я хочу особо подчеркнуть — решение многих вопросов, связанных с SEO, должно в первую очередь привести к улучшению опыта взаимодействия пользователей.

И как и большинство наиболее авторитетных современных SEO-специалистов, я не верю в манипулирование алгоритмами поисковых систем для получения краткосрочного поднятия рейтинга.

Здесь я хотел бы провести аудит американской версии Disney Junior. Данный сайт я выбрал по трем причинам: он не принадлежит ни одному из моих клиентов или партнеров; на его примере можно рассмотреть многие спорные вопросы SEO адаптивных веб-сайтов; и двое моих детей, двух и четырех лет, являются поклонниками данного бренда, они часто используют мой смартфон или наш семейный iPad, чтобы посещать этот портал.

Надеюсь, Disney сможет воспользоваться этой бесплатной консультацией, чтобы сделать свой сайт еще лучше для моих детей, и для других таких же ребятишек, которые его ищут.

Стоит отметить, что, поскольку Disney Junior не является моим клиентом или партнером, возможно, имеется некая информация с бизнес-требованиями по освещению данного вопроса, о которой я не в курсе.

В данном случае мои рекомендации не смогут быть полезными для Disney Junior, но, по крайней мере, должны стать ценными для веб-сообщества, поскольку здесь я буду говорить о передовых методах SEO для адаптивных сайтов.

Этот аудит прекрасного, но в некоторых моментах разочаровывающего диснеевского сайта демонстрирует, что мобильная оптимизация не заканчивается после того, как вы сделали сайт адаптивным. Он может дать Диснею информацию, на основе которой они сделают свой сайт еще более удобным и доступным для поисковых систем.

Индексируется ли веб-сайт?

Кажется, Disney Junior не имеет никаких серьезных проблем с индексацией; многие его страницы успешно проиндексированы Google. Убедиться в этом вы можете сами, для этого достаточно просто проверить его через domain.com или Google Webmaster Tools, если вы им пользуетесь.

Disney Junior

Google проиндексировал около 1630 страниц Disney Junior. Тем не менее, описания, которые мы видим на странице выдачи, указывает на то, возможно, имеются некоторые проблемы с паритетностью контента.

Очевидно, что сайт, который не индексируется поисковой системой, будет невидим для людей, которые его ищут. Это справедливо для адаптивных веб-сайтов, как и для сайтов, которые используют динамические сервисы или специальные мобильные URL-адреса.

Уже не раз говорилось, что это приводит к большому количеству проблем с мобильными URL-адресами из-за того, что в мобильных веб-сайтах часто намеренно не используется файл robots.txt для предотвращения конкуренции страниц, разработанных для мобильных устройств, с «каноническими» ссылками обычных страниц.

Такая практика является ошибочной, поскольку для обычных сайтов двунаправленные аннотации (или теги switchboard) могут помочь более соответствующему распределению ссылок и вывести мобильные URL -адреса в результаты выдачи. Но, когда дело касается адаптивных сайтов, с помощью switchboard вы не достигнете ни того, ни другого.

Некоторым адаптивным сайтам, таким, например, как Idis, не так повезло с индексацией, как Диснею.

Idis – это адаптивный и инновационный сайт, однако только одна его страница была проиндексирована Google. Поскольку сайт является динамичным, а _escaped_fragment_ в то же время не используется, URL-адреса соответственно не меняются, когда пользователь переходит на разные элементы сайта.

Тем самым не обеспечиваются глубокие связи, чтобы поисковые системы могли включить страницы в индексы. Если кто-то ищет в сети текст с любой из этих страниц, он не найдет там этот интерактивный, неоднократно удостоенный различных премий веб-сайт.

Такое конечно, может случаться с любым сайтом, который не имеет статических URL-адресов. Однако следует помнить, что SEO для мобильных устройств не заканчивается в тот момент, когда разработчик решил сделать свой сайт адаптивным, либо начал использовать динамические сервисы или выделенные мобильные URL-ы.

Доступен ли сайт для сканирования поисковиками?

Для того чтобы любой веб-сайт, адаптивный или нет, хорошо индексировался, Google должен иметь возможность просканировать его — то есть, к каждой уникальной части контента можно было перейти по отдельной ссылке, с тем, чтобы затем занести в базу этот новый URL-адрес.

Для того чтобы проверить наш сайт на этот счет, достаточно воспользоваться одним из доступных сервисов: Xenu или Screaming Frog. Лично я для аудита мобильного SEO предпочитаю SEO Crawler Роба Хаммонда, так как он позволяет нам установить Googlebot для смартфонов в качестве предпочтительного сканера.

Количество доступных для проверки адресов в нем ограничено, но достаточно, чтобы дать вам представление о сканируемости сайта. Если у вас есть собственный веб-сайт, то его верификация в Google или в Bing является обязательной.

Обе поисковые системы имеют инструменты для разработчиков, которые указывают на ошибки при сканировании, с которыми они сталкиваются, и Google даже позволяет сообщить ему, что определенные параметры, которые могут быть причиной проблем, следует игнорировать. Если вы не являетесь владельцем сайта или не можете проверить его, вы все равно можете выявить большинство проблем, проверив сайт описанным выше способом.

Когда я прошелся по Disney Junior, мне быстро стало очевидно, что весь контент размещается на нескольких URL-адресах: DisneyJunior.com, DisneyJunior.Disney.com, WatchDisneyJunior.Go.com и Disney.Go.com / DisneyJunior. Это может помешать поисковой системе правильно определить приоритетность страниц, потому что паук поисковой системы имеет лимит обходов по каждому сайту, основываясь на его PageRank.

Так что, если вы разделяете свой PageRank между четырьмя URL-адресами и тремя областями, то, возможно, с точки зрения Google такая архитектура не будет считаться оптимальной. Подробнее об этом позже в разделе о дублированном контенте.

Сами URL-адреса Диснея, кажется, не имеют серьезных проблем со сканируемостью, потому что это, как правило, статические URL-ы, которые поисковые системы воспринимают лучше. Тем не менее, что касается карты сайта, то тут есть над чем поработать.

Поисковые системы несколько лет назад совместно анонсировали Sitemaps в качестве конвенции по вопросам поиска для индексации контента на веб-сайтах. На DisneyJunior.Disney.com действительно существует карта сайта, но у нее есть несколько проблем. Самая существенная заключается в том, в разделе видео содержатся не только видео-материалы.

карта сайта

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

Google имеет карты сайта для различных видов контента, размещенного на Disney Junior. Поэтому предоставление отдельных карт для изображений, видео, HTML-документов и так далее будет преимуществом.

Сканируемость не является проблемой исключительно мобильных сайтов. Неудачная оптимизация этого элемента может также легко навредить и обычным сайтам, и мобильным. Поэтому улучшать этот аспект следует независимо от вида веб-сайта.

РЕКОМЕНДАЦИИ:

  • В Дисней должны рассмотреть возможность размещения всего контента на одном поддомене для того, чтобы поисковые системы могли правильно определить приоритетность страниц, а также стоит поработать над тем, чтобы все соответствующие URL-адреса сканировались эффективно.
  • Диснею также нужно обратить внимание на то, что их карта сайта для видео-контента содержит все типы контента. Он должен быть распределен по соответствующим картам: карте для HTML-документов, видео, изображений и так далее.

Читается ли сайт, если не учитывать изображения, Флэш или JavaScript?

Поисковая система не может учитывать страницу, если не может определить ее полную релевантность. И в то время как Google Glass, Google Drive и Google Goggles творят чудеса с оптическим распознаванием символов, сам Google для поисковой выдачи считывает только текст. Вот что говорится в его «Рекомендациях для веб-мастеров»:

  • Создавайте полезный, богатый информацией веб-сайт и страницы, которые четко и точно отображают его контент;
  • Подумайте о том, по каким ключевым словам пользователи будут искать ваши страницы, и убедитесь, что ваш веб-сайт действительно содержит эти фразы;
  • Старайтесь использовать текст, а не изображения для вывода важных названий, контента и ссылок. Сканеры Google не распознают текст, содержащийся в изображениях. Если вы должны использовать изображения для текстового содержимого, рассмотрите возможность включить через атрибут «ALT» несколько слов описательного текста.

Отвечает ли адаптивный сайт Диснея этим требованиям: использует ли он, где это нужно, текст и информативен ли он? Не совсем. Если мы откроем его с помощью простого текстового браузера, такого как SEO-Browser.com, который позволяет получить лучшее представление о том, как поисковая система видит этот сайт, мы получим совсем другую картину, чем в обычном браузере:

SEO-Browser.com

В отличие от веб-сайтов, которые представляют ключевые слова через изображения или Флэш, поисковые системы видят только часть информации, находящейся в них — только некоторые необходимые данные. В этом случае веб-сайт не доступен для просмотра, так как не содержит текста, который поисковая система могла бы прочитать.

веб-сайт не доступен

Текст, начинающийся со слов «Watch Sam Sandwich…» еще доступен для просмотра, но уже фраза в логотипе «The Bite-Sized Adventures of Sam Sandwich» – нет. Потому что она встроена в качестве графики.

РЕКОМЕНДАЦИИ:

  • Дисней должен, по крайней мере, сделать встроенный текст доступным в виде альтернативного текста к картинке;
  • Когда текст является важным, разработчик должен стараться представить его с помощью доступных веб-шрифтов, а не в качестве встроенного графического элемента;
  • Кроме того, объем соответствующих ключевых слов, таких как «игры для детей» и других фраз, не представляющих бренд, должен быть увеличен. Это можно сделать путем незначительного расширения текстовых блоков на каждой странице или, в идеале, через разработку дизайна страницы с включением небольших блоков сканируемого текста, так чтобы они не портили общий внешний вид.

Реализована ли возможность легко размещать ссылки на сайт и делиться контентом?

Многие веб-сайты, как адаптивные, так и обычные, имеют URL-адреса, которые выглядят, как не предназначенные для людей. Это, конечно, вредно для SEO — в основном потому, что эти URL-адреса не запоминаются и их трудно потом где-то по памяти разместить.

Учитывая то, какое значение при ранжировании страниц поисковые системы уделяют ссылкам на сайт и рекомендациям в социальных сетях, становится очевидно: чем больше мы сделаем, чтобы облегчить размещение ссылок и обмен информацией, тем выше мы будем в результатах поиска.

URL-адреса разделов Disney Junior с текстом и видео относятся к категории тех, что трудны для запоминания, они содержат набор случайных символов (http://disneyjunior.com/print/stethoscope-4e4e43e2e8368d71cf2086da). В то же время URL-адреса, включающие ключевые слова, как правило, легко запоминаются пользователями и хорошо воспринимаются поисковыми системами.

Хотя можно пойти еще дальше и разместить на сайте кнопки популярных социальных сетей, которые позволят пользователям обмениваться контентом. Disney Junior активно присутствует в Facebook, Twitter и YouTube , поэтому его создатели должны хорошо понимать значение социальных медиа.

Но они не понимают почему-то, что использование социальных сетей сейчас важно и для хорошего ранжирования в поисковой выдаче. А если учесть, что 78% пользовательской базы Facebook – это пользователи с мобильных устройств, и что мобильные пользователи тратят больше времени в социальных сетях, чем пользователи стационарных ПК, то однозначно имеет смысл способствовать возможности мобильных пользователей делиться понравившимся контентом.

Конечно, Закон о защите конфиденциальности детей в Интернете (COPPA) запрещает это на детских сайтах, но для Disney Junior for Grown-Ups это вполне легально.

Тема, как кнопки социальных сетей работают на адаптивных сайтах, выходит за рамки этой статьи, однако могу порекомендовать вам источник кнопка Facebook «Like” для адаптивных веб-сайтов.

В любом случае, для повышения производительности целесообразно применять кнопки социальных сетей или SocialCount, использующие отложенную загрузку, и загружать соответствующие скрипты по щелчку мыши. Если вы используете сторонний плагин, например AddThis, существуют способы обеспечить их работу на адаптивном сайте.

РЕКОМЕНДАЦИИ:

Чтобы увеличить количество переходов из социальных сетей и способствовать обмену информацией с сайта Disney Junior для взрослых должен разместить на своих страницах кнопки социальных сетей с отложенной загрузкой скриптов. Это значительно улучшит впечатление пользователей от сайта, в то время как на скорости загрузки страниц скажется незначительно.

Предоставляет ли сайт необходимую пользователям информацию, независимо от используемого устройства?

Те, кто является продвинутым экспертом в вопросах «паритетности контента», знают, что содержимое сайта должно быть доступно для всех пользователей, независимо от используемого ими устройства.

К сожалению, этот вопрос немного сложнее, чем кажется на первый взгляд. Создание контента, доступного на всех платформах, может быть в ряде случаев полезно для пользователей, а иногда нет.

Disney Junior является довольно «навороченным». Это лишает некоторых пользователей релевантного контента, который они не могут просмотреть со своих устройств. Сайт предоставляет посетителям из широкой мировой аудитории содержимое, которое они не могут просмотреть.

К сожалению, по моему опыту, это довольно типично для адаптивных сайтов, многие из которых не предпринимают достаточных шагов, чтобы сделать весь контент доступным, независимо от типа пользовательского устройства. И которые предоставляют содержимое в недоступной для мобильных устройств форме.

Google настолько часто стал замечать этот недочет, что уже начал применять в результатах поиска для смартфонов санкцию к таким страницам в виде пометки: невоспроизводимые видео. В июне 2013 года представители компании заявили по этому поводу следующее:

«Мы рекомендуем использовать стандартные тэги HTML5 для включения видео и по возможности избегать применения контента в таких форматах, как Flash, которые не поддерживаются всеми мобильными устройствами. В любом случае, прилагайте все усилия, чтобы обеспечить требования пользователей смартфонов, и старайтесь,  чтобы видео могло быть воспроизведено на максимально возможном количестве устройств».


Поэтому, когда при попытке проиграть видео с Disney Junior я вижу вот такие вот пустые экраны, как на рисунке ниже, я немного обеспокоен.

пустые экраны

Отсутствие поддержки части контента для мобильных пользователей может привести к понижению вашего рейтинга в поисковой выдаче для смартфонов.

Впрочем, в некоторых аспектах Disney Junior зашел слишком далеко. Сайт состоит из четырех основных разделов: игры, видео, материалы для распечатки и живое общение.

Проблема заключается в том, что если пользователь не использует Google Cloud Print, а принадлежат к той немногочисленной группе посетителей, которые устанавливают приложение на своем устройстве, для них недоступна возможность распечатывать цветные страницы и некоторые другие функции печати.

Я понятия не имею, сколько на самом деле людей печатают эти PDF-файлы со своих мобильных устройств, но я полагаю, что подавляющее большинство людей, которые пытаются получить доступ к этому контенту остаются ни с чем. У меня нет доказательств того, что Google уже активно наказывает веб-сайты, размещающие видео неподдерживаемых форматов, однако компания заявила, что это будет делаться, еще четыре месяца назад.

И это может произойти в любой момент. Даже не принимая в расчет связи с ранжированием сайта, устранение данной проблемы в любом случае сделает сайт более удобным для посетителей.

ранжирование сайта

Четвертая часть содержимого Disney Junior недоступна для мобильных устройств

Нет сомнения в том, что материалы для печати и разрисовки – пользуются популярностью у просителей, заходящих со стационарных ПК и ноутбуков, они активно пользуются этими разделами. Но для мобильных пользователей, это совсем не так.

недоступно для мобильных

По данным Bing Ads Intelligence, которые предоставляют информацию о количестве запросов с разных видов устройств, менее 5% от общего объема поиска по категории «разрисовки» приходит с мобильных устройств. Причина заключается в том, что большинство мобильных устройств не подсоединены к принтеру, что делает эти разделы бесполезными для таких пользователей.

Стоит отметить, что Дисней значительно улучшил адаптивность своего сайта Disney.com, с тех пор, как я рассматривал данный вопрос в апреле 2013 года. Тогда ни одна из его Флеш-игр не была доступна для пользователей смартфонов. С тех пор большинство из них стали совместимы с HTML5.

Поэтому влиять на эти тенденции, которые мешают функционированию и адаптивных, и специальных мобильных сайтов, можно. Но это не произойдет само по себе.

Сделать эти разделы доступными для всех пользователей – это был бы значительный плюс. Но если Дисней и захочет сделать это, он должен будет объяснить, что перед печатью с помощью мобильного устройства, пользователь должен будет скачать Google Chrome и/или Google Cloud Print и подключить свое устройство к принтеру.

Если Дисней этого не сделает, то многие растерянные и недовольные детишки так и будут смотреть на PDF на экране своего мобильного устройства, понятия не имея, как его распечатать. Дисней может также рассмотреть возможность разместить на своей домашней странице для мобильных пользователей и некоторые другие функции.

И, наконец, чего еще не хватает адаптивному сайту Disney Junior, так это ссылок на специальные разделы с мобильным контентом. Предугадывать поведение пользователей это всегда довольно рискованное дело, однако в этом случае, думаю, мы смело можем предположить, что пользователи с мобильных устройств будут искать скорее приложения и игры для мобильных телефонов, нежели материалы для печати.

В то же время, на первом месте в списке выдачи Google по запросу «Disney junior apps» занимает страница, которую пользователи мобильных устройств просмотреть не могут. При переходе им выводится сообщении о невозможности отобразить контент из-за отсутствия Flash.

в списке выдачи

«Папа, что это такое?!» – спрашивает мой четырехлетний сын, когда пытается зайти на Disney Junior с моего смартфона, но его перенаправляют на страницу, где предлагается скачать Flash.

Более того, когда дело доходит до запроса «мобильные игры», ключевой фразы, которую люди задают на поиск более 12000 раз в месяц, Диснея в этом списке выдачи не найти. Это прискорбно, потому что раздел диснеевских игр (которые совместимы со смартфонами) релевантен этому запросу.

Однако в списках выдачи он не показывается, так как данные ключевые фразы у Disney Junior не прописаны. А отсутствие в соответствующих результатах поиска, безусловно, является показателем отсутствия поисковой оптимизации.

отсутствия поисковой оптимизации

Эти данные по количеству запросов, связанных с Диснеем, в разрезе платформ пользователей показывают, что мобильные пользователи часто ищут другие вещи и по-другому, нежели пользователей стационарных ПК и ноутбуков.

РЕКОМЕНДАЦИИ:

Существуют три способа для Disney Junior улучшить доступность и актуальность своего адаптивного сайта:

  • Обеспечить, чтобы все видео и игры могли воспроизводиться на большинстве смартфонов, до того, как Google начнет выполнять свое обещание наказывать сайты, размещающие видео неподдерживаемых форматов. Это также позволит улучшить опыт взаимодействия пользователей и уменьшить количество разочарованных посетителей;
  • Пересмотреть информационную архитектуру сайта. Не имеет никакого смысла акцентировать для мобильных пользователей материалы для печати и разрисовки, в то время как эти пользователи не имеют возможности распечатать их со своего устройства;
  • Убедиться, что на страницах сайта прописаны все релевантные ключевые слова, независимо от платформы, чтобы люди, которые ищут такие ключевые слова (например, «игры для мобильных телефонов» или «приложения для iPhone») с конкретных платформ, могли найти в соответствующей выдаче и Disney Junior.

Быстро ли загружается сайт?

Когда в своей статье в Search Engine Land я привел высказывание Гая Поджарни, главного идеолога Akamai, о том, что адаптивные веб-сайты часто перегружены и слишком медленны, в ответ мне прозвучало большое количество враждебных замечаний.

Многие подумали, я хочу сказать, что адаптивные веб-сайты не могут работать быстро. Конечно, могут, но, к сожалению, большинство из них демонстрируют обратное (PDF).

Это не просто негативно сказывается на производительности, но также может повредить SEO. Когда Google опубликовал список распространенных ошибок, за которые в скором времени он может начать наказывать сайты, в этом перечне значилась и медленная загрузка страниц.

К счастью, Google предоставил разработчикам большое количество инструментов, которые помогут сделать их сайты быстрее, в том числе PageSpeed Insights. В рекомендациях к данному инструменту отмечено, что разработчиками была проведена огромная работа, чтобы сделать возможной загрузку вашего сайта за одну секунду или менее. Как и рекомендует Google для оптимальной работы мобильных веб-сайтов.

Страницы Disney Junior грузятся в среднем более чем за семь секунд, и по скорости загрузки Google оценил данный сайт в 71 балл из 100.

грузятся в среднем

Mobitest от Akamai является прекрасным инструментом, чтобы установить, сколько времени занимает загрузка страницы с мобильного устройства.

Mobitest от Akamai

С помощью цветных пометок PageSpeed Insights Google дает понять, какие из его рекомендаций являются приоритетными при ранжировании страниц.

Было много написано о требованиях к адаптивным сайтам. Как минимум, такой сайт должен отвечать требованиям Google, согласно которым загрузка страницы должна занимать менее одной секунды.

РЕКОМЕНДАЦИИ:

Разработчики Disney Junior должны использовать Google PageSpeed Insights и оптимизировать свои изображения, по возможности устранить мешающие быстрой загрузке JavaScript и CSS, расположенные до первого сгиба, а также в целом добиться того, чтобы страницы загружались менее чем за одну секунду.

Предлагает ли сайт скачать соответствующее приложение, вместо того чтобы вывести вам то, что вы запрашивали?

WTF Mobile Web приводит длинный перечень сайтов, которые пытаются заставить пользователей скачать приложение, вместо того, чтобы сразу вывести им запрашиваемый контент — метод, известный как захлопнувшаяся дверь. Rotten Tomatoes является типичным примером этого:

Rotten Tomatoes

Пользователям смартфонов, которые заходят на сайт Rotten Tomatoes предлагается скачать специальное приложение.

Ранее это просто раздражало пользователей — до июня 2013 года. Теперь же, когда Google добавил такие случаи в список вещей, за которые сайты будут наказываться, это должно беспокоить и владельцев сайтов.

Эти хлопанья дверью перед носом обычно происходят, когда сайт устанавливает, что пользователь заходит на него с мобильного устройства. По моему опыту, значительно реже это происходит на адаптивных сайтах, потому что большинство их владельцев рады предоставить пользователям свободный доступ к содержимому. Вместо того чтобы требовать от них скачать стороннее приложение.

Однако Disney Junior является исключением из этого правила. При попытке посмотреть на нем один из видеороликов с мобильного устройства я столкнулся с тем, что меня перенаправляют на страницу для скачивания приложения. Если же ваше мобильное устройство работает на Android, вас вообще перенаправляют на страницу скачивания приложения, которого в принципе не существует:

Android

Пользователи Android, которые нажимают на ссылку «Смотреть Disney Junior» на главной странице видят такое сообщение.

Если вы устанавливаете на своем адаптивном сайте такое приложение, то вам стоит задуматься, перевешивают ли выгоды от него для бизнеса тот факт, что ваш сайт будет располагаться ниже в результатах поиска Google по соответствующим запросам для смартфонов.

Насколько я могу судить, Google еще не начал применять санкции за указанное нарушение, однако, как и в случае с невоспроизводимым видео, это только вопрос времени.

РЕКОМЕНДАЦИИ:

Disney Junior стоит удалить приложения, использующие сторонние узлы, или, по крайней мере, размещать их в формате баннера, что будет не так пагубно с точки зрения оптимизации. Смарт-баннеры доступны на Android или на iOS в качестве замены для таких приложений.

Добавить на страницу смарт-баннер на iOS довольно просто, достаточно прописать следующий мета-тэг с соответствующими настройками для App Store:

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">

Добавить смарт-баннер на Android несколько сложнее, но это можно сделать через AdMob. Некоторые разработчики с помощью JQuery переделывают IOS-баннеры под Android.

Присутствует ли на сайте дублированный контент?

Дублированный контент был причиной выпадения сайтов из списков выдачи еще задолго до того, как смартфоны приобрели такую широкую популярность. Теперь все стало еще сложнее.

На всякий случай, если вы не в курсе, дублированный контент – это когда один и тот же фрагмент содержимого сайта существует сразу по нескольким URL-адресам. Это делает страницы менее конкурентоспособными, потому что рассеивает PageRank.

Как показывают мои исследования данного вопроса, причиной дублированного контента очень часто становятся мобильные поддомены. Однако, только тот факт, что веб-сайт является адаптивным, еще не является гарантией невозможности возникновения дублированного контента.

На самом деле, проверять этот показатель очень важно для любого веб-сайта, неважно адаптивного или нет. Если вы пренебрегаете этим, то оставляете самому Google возможность идентифицировать каноническую страницу для данной части контента. А это не всегда заканчивается хорошо для владельца сайта.

Мы не можем позволить себе так рисковать. Наоборот, мы должны сделать все, чтобы поисковые системы могли видеть, какие страницы предназначены для пользователей, а какие являются только копиями канонических страниц.

Мы должны дать поисковым системам столько информации, сколько возможно, чтобы обозначить канонические страницы (например, путем включения тегов, путем настройки параметров обработки в «Инструментах для веб-мастеров» и так далее).

Как я сказал ранее, Disney Junior имеет довольно много дублированного контента. Но просматривая исходный код страниц, мы видим, что на сайте проставлены теги canonical, которые сообщают Google и Bing, какие из страниц должны ранжироваться. Так что по данному пункту нам нечего дополнительно порекомендовать Диснею.

Если вы не знакомы с правила размещения тегов canonical, то это можно сделать просто добавив следующий тег в начало любой дублированной страницы:

<link rel="canonical" href="http://www.disneyjunior.com"/>

URL-адрес после метки href= и будет каноническим для данной страницы. Правда некоторые разделы Disney Junior все же имеют небольшие проблемы с двойным контентом. Например, Chuggington.com имеет эквивалентное разделу DisneyJunior.com/Chuggington содержание. Если Дисней хотел установить Chuggington.com в качестве канонического URL-адреса, то ему нужно было просто добавить следующий тег на страницу DisneyJunior.com/Chuggington:

<link rel="canonical" href="http://www.chuggington.com"/>

Использует ли сайт все преимущества мобильных устройств, чтобы обеспечить их пользователям дополнительные удобства?

Disney Junior не предоставляет ничего уникального для мобильных устройств. Это, возможно, делается и не специально, но игнорируя это, сайт теряет возможность порадовать своего посетителя контентом, специально предназначенным для его девайса.

Еще в 2008 году один аналитик предсказал, что развитие мобильных технологий повлечет за собой появление совершенно нового Интернета. Наполненного приложениями для распознавания голоса, GPS и развертываемым контентом, которые размещаются на .mobi доменах.

Он назвал это Мобил’нет и предположил, что это будет что-то совершенно особенное, непохожее на тот Интернет, который мы знали раньше.

Сейчас это выглядит немного из разряда научной фантастики, в стиле людей одетых в серебристые комбинезоны летающих по городу на аэромобилях, но кое в чем автор публикации попал в точку. Он предвидел появление сервиса Uber, мобильного приложения геопозиционирования, которое полностью изменило индустрию такси. В статье также предвиделось поглощение первого мобильного фото-сервиса Instagram, который компания Facebook купила в апреле 2012 года за миллиард долларов.

Смартфоны и планшеты имеют свои особенности, которые отличают их от ПК. Они часто используются в ситуациях, когда использование компьютера непрактично. Тем самым порождая новые модели поведения, которые ранее не существовали в Интернете .

GPS позволяет людям находить реальные объекты с помощью Google и Bing. Статистика показывает, что при поиске пользователи активно используют такие уточнения, как «путь к», «самый близкий» и «недалеко от меня». В первую очередь это касается владельцев смартфонов и планшетов.

С помощью запросов, связанных с шопингом, сейчас покупатели в два раза чаще находят продавцов, а 70% мобильных запросов напрямую связаны с поиском места нахождения конкретного бизнеса – часто эти пользователи просто не имеют физической возможности сделать это с ПК.

Конечно, многие люди со своих мобильных устройств ищут те же самые вещи, что и на компьютерах, и часто делают это, не находясь на улице. Тем не менее, 17% из них делают это прямо с улицы, при этом активно используя такие вещи, как GPS, камеры, акселерометры и собственно телефон. Недоступные им в настольных ПК и ноутбуках.

На сегодняшний день прослеживается тенденция, когда все больше пользователей предпочитают мобильные устройства стационарным. Это касается всего Интернета (то есть это не какой-то отдельный мобильный сегмент). И чаще всего ими используются приложения. С точки зрения SEO, приложения являются самыми полезными для пользователей.

Как сказано в «Рекомендациях для веб-мастеров» Google: «Подумайте над тем, чтобы сделать ваш сайт уникальным, ценным или интересным. Чтобы он выделялся среди других аналогичных сайтов того же направления».

С этим перекликаются и тезисы из «Руководства для начинающих по SEO» (PDF): «создание полезного и уникального контента даст вашему сайту намного больше преимуществ, чем любой из остальных факторов, описанных здесь».

Резюмируя все выше сказанное, если люди сочтут сайт полезным настолько, что захотят поделиться ссылками с другими пользователями, то это будет сигналом для Google о том, что данный ресурс является качественным.

Но приложение, вероятно, не сможет попасть в результаты поиска, даже если пользователь вводит фразу «скачать» или «приложение», или название приложения, а Google в то же время не может обработать и проиндексировать глубокие ссылки внутри самого приложения. Чтобы сделать контент максимально доступным для мобильных пользователей, нужно не только развивать приложение, но и продвигать его через Веб.

Проблема заключается в том, что выполнить это, используя адаптивный веб-дизайн, как того требует Google, достаточно сложно. Многие адаптивные веб-сайты с успехом используют геолокацию (например, сайты Starbucks), но большинство ресурсов для достижения этого, все же применяют JavaScript или серверные компоненты, которые Google не распознает.

Тем не менее, некоторые веб-сайты предлагают контент, который был бы очень полезен для владельцев смартфонов или планшетов. И содержимое этих сайтов Google способен достаточно просто дифференцировать. И показывать их в поисковой выдаче выше, чем конкурирующие ресурсы.

Один из моих любимых примеров: интернет-магазин Sears, который использует на своем сайте динамическую раздачу, предоставляя владельцам смартфонов сканер, дающий возможность в режиме онлайн сравнивать цены в «Sears» с ценами конкурентов.

Это помогает клиентам найти наилучшую цену, в то время как, между магазинами ведется борьба за клиента – таким образом, Sears облегчает пользователям решение их задачи.

Sears

Sears — мобильное приложение для владельцев смартфонов, позволяет находить товар и сравнивать его цену с ценой в Sears.

Еще один отличный пример: сайт сети розничной торговли Lowe’s – предоставляет на своей странице для смартфонов карту местонахождения товаров в магазине.

Это небольшое приложение, но оно помогает пользователям, как только они попадают в магазин, находить то, что они ищут, быстрее – приложение также умеет различать торговые марки.

торговые марки

Lowe’s предоставляет на странице своего мобильного сайта карту местонахождения товаров внутри магазина.

РЕКОМЕНДАЦИИ

Disney Junior необходимо рассмотреть специфические возможности мобильных гаджетов, что даст пользователям новый опыт, а контент будет восприниматься иначе, чем у конкурентов. И это добавит ему значимости.

Заключение

К сожалению, создание адаптивного сайта само по себе не будет достаточным для того, чтобы наилучшим образом продвинуть его в результатах поиска. Если вы следили за моей мыслью, то могли заметить, что большая часть выложенного на адаптивном сайте Disney Junior контента не может быть использована со смартфонов.

Конечно, сам сайт выглядит красиво и Disney заслуживает похвалы уже за то, что попытался сделать контент доступным для пользователей, независимо от типа устройства.

Но можно ли назвать этот сайт на самом деле «адаптивным»? Он содержит все элементы адаптивного дизайна; однако, термин «адаптивный» означает «реагирует быстро и положительно», что данный сайт не в состоянии продемонстрировать в большинстве случаев.

Удобный, адаптивный веб-дизайн является более предпочтительным для Google. И Google (преднамеренно) не направляет трафик на веб-сайты, являющиеся неудобными для пользователей, на сайты, страницы которых не содержат ключевых слов, вводимых в строку поиска, или на веб-сайты, содержание которых не является удовлетворительным и полным, в сравнении с конкурентами.

Надеюсь, этот аудит заставил вас задуматься о настройке своего сайта под мобильные девайсы и методах проведения оптимизации для них. И, очень надеюсь, что вы уже понимаете, что вам нужно сделать для повышения конкурентоспособности вашего адаптивного ресурса.

Начать можно с нескольких базовых SEO-принципов, которых, к сожалению, многие создатели адаптивных веб-сайтов не придерживаются:

  • Убедитесь, что ваш адаптивный сайт был проиндексирован: сделать это можно набрав в поиске — site:domain.com на главных страницах поисковиков Google и Bing. Если этого до сих пор не произошло, то даже если вы сделаете сайт адаптивным, это не улучшит его поисковый рейтинг и доступность;
  • Убедитесь, что поисковые роботы могут сканировать ваш сайт и что они индексируют каждый отдельный фрагмент уникального контента один раз. Адаптивные веб-сайты должны иметь статические URL-адреса, если возможно, то без трудных для сканирования символов, например, таких как hashbangs;
  • Карта сайта сделает ваш сайт более прозрачным для поисковых роботов. Но используйте подходящий для контента тип карты сайта, и придерживайтесь протоколов;
  • Используйте достаточное количество текстовых данных, чтобы поисковые системы могли определить тематику сайта, без необходимости дополнительного доступа к фото — или Flash-контенту. Подход к разработке под названием Progressive Enhancement – это полезный метод построения страниц, которые будут доступны для поисковых систем. Для проверки своей работы рекомендую использовать сервис SEO-Browser.com;
  • Старайтесь включать в URL-адрес соответствующие ключевые слова, делайте страницы удобными для копирования и пересылки, для чего избегайте длинных строк, а также трудно читаемых символов;
  • Включите кнопки социальных закладок, чтобы дать возможность мобильным пользователям обмениваться контентом в социальных сетях. Однако тут не стоит забывать о скорости загрузки страницы;
  • Не акцентируйте внимание на контенте, к которому пользователи, из-за особенностей своих гаджетов, не смогут получить доступ. Поддержка многих платформ – это здорово, но, обслуживание контента, предназначенного для определенного типа девайсов на «чужих» устройствах это уже некоторый перебор;
  • Не делайте все содержимое адаптивным. Пользователи, зачастую, стремятся найти контент для конкретного устройства (например, мобильные игры, приложения, мобильные купоны и т.д.). Включение релевантных ключевых слов это единственный способ получить трафик от поисковых систем;
  • Добейтесь, чтобы ваш адаптивный сайт загружался менее чем за секунду. Для тестирования можете использовать сервисы: PageSpeed Insights от Google или Mobitest от Akamai. Несоблюдение данного требования может повредить вам при попытках повысить позицию сайта в поисковой выдаче для смартфонов;
  • Используйте смарт-баннеры для продвижения вашего приложения, вместо нестабильных и создающих проблемы interstatial-вставок;
  • Обозначьте контент, который расположен по более чем одному URL-адресу и используйте теги canonical и постоянные перенаправления, чтобы указать поисковым системам, какие страницы отображать в результатах поиска;
  • Убедитесь, что адаптивный контент и отзывчивый веб-дизайн действительно являются лучшим выбором и служат интересам ваших пользователей. Не каждый сайт относится к категории ресурсов, предназначенных для размещения материалов, и иногда у пользователей возникают потребности, которые сложно увязать внутри единой информационной архитектуры;
  • Если адаптивный веб-дизайн действительно является лучшим для ваших пользователей, тогда улучшайте адаптивное содержимое, добавляя полезные функции (например, сканер или GPS-локатор), а также используйте серверные компоненты.

Перевод статьи «SEO For Responsive Websites» был подготовлен дружной командой проекта Сайтостроение от А до Я.