Когда в июне 2012 года компания Google объявила о том, что отдает свое предпочтение удобным адаптивным веб-сайтам, я сразу же увидел приток публикаций, в которых описывалась связь адаптивного дизайна с поисковой оптимизацией. Однако вся проблема оказалась в том, что SEO оптимизация (search engine optimization — комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей с целью продвижения сайта) одних адаптивных веб-сайтов была успешной, а других нет.

В своей статье под названием Search Engine Land (территория поисковой оптимизации), которая была написана в этом году, я постарался подробно описать некоторые из наиболее распространенных ошибок, которые приводят к появлению у адаптивных веб-сайтов проблем при отображении в результатах поиска. Здесь, на Smashing Magazine, вы можете выполнить более тщательную SEO проверку адаптивного веб-сайта.

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

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

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

Веб-сайт проиндексирован?

Disney Junior не имеет каких-либо проблем с индексацией. Многие его страницы были проиндексированы Google. Вы можете сами во всем убедиться, воспользовавшись простым site:domain.com поиском. Если у вас есть такая возможность, то вы также можете воспользоваться Webmaster Tools от Google.

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

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

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

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

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

Является ли веб-сайт удобным для сканирования?

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

Чтобы выполнить проверку запустите любой специализированный поисковый агент (паук) для веб-сайтов, например Xenu или Screaming Frog. Для тщательного SEO анализа мобильных ресурсов я предпочитаю использовать разработку Роба Хаммонда под названием SEO Crawler. Мой выбор основывается на том, что существует возможность настроить смартфон Googlebot в качестве предпочтительного поискового агента. Количество URL-адресов ограничено, но является достаточным для получения подробной картины всех проблемных мест. Если вы являетесь владельцем веб-сайта, то обязательно выполните его проверку с помощью Google и с помощью Bing. Обе поисковые системы имеют инструментальные средства для разработчиков, которые при сканировании помогают выявлять существующие ошибки. Google даже предоставляет информацию о некоторых параметрах, игнорирование которых может быть причиной проблем. Если вы не являетесь владельцем веб-сайта или по каким-то причинам не можете выполнить проверку, то все равно можно выявить большинство проблем, благодаря сканированию веб-сайта как описано выше.

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

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

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

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

Рекомендации.

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

Удобен ли веб-сайт для чтения без изображений, Flash или JavaScript?

Поисковая система не может учитывать то, что она не видит в общей релевантности (степень соответствия информации, отобранной поисковой машиной, критериям поиска) страницы. В то время как Google может делать просто удивительные вещи с оптическим распознаванием символов в Google Glass, Google Drive и Google Goggles, он все еще только считывает текст для Google Search. Как говорится в «Руководстве веб-мастера»:

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

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

В случае веб-сайтов, которые вставляют ключевые слова в изображения или во Flash, поисковые системы не будут блокировать релевантный контент – они просто не смогут его увидеть. В этом случае веб-сайт будет не доступен для чтения, потому что отсутствуют какие-либо читаемые слова.

Если мы более подробно рассмотрим представление страницы, то увидим графический текст, который трудно обрабатывать поисковым системам.

Доступен текст, начинающийся со слов «Watch Sam Sandwich…» (посмотрите на Сэндвич Сэм), а вот слова в логотипе «The Bite-Sized Adventures of Sam Sandwich» (приключения Сэндвича Сэма) нет, потому что они реализованы в виде графики.

Рекомендации.

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

Удобно ли переходить по ссылкам на веб-сайте и делиться ими?

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

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

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

В рамках данной статьи мы не будем уделять внимание тому, как создать социальные кнопки и как заставить их работать на адаптивном веб-сайте. Нужно обязательно рассмотреть вариант создания мобильной кнопки «Мне нравится» для Facebook и приспособить её для работы на адаптивном веб-сайте. Однако из соображений повышения производительности хорошей идеей будет использование кнопок обмена для социальных сетей или SocialCount (социальных счетчиков). Эти кнопки используют механизм отложенной загрузки для загрузки реальных социальных сценариев по щелчку мыши. Если вы используете сторонние плагины, например, такие как AddThis, существуют хорошие способы сделать их совместимыми с адаптивным веб-сайтом.

Рекомендации.

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

Отображает ли веб-сайт необходимый пользователям контент вне зависимости от используемого устройства?

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

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

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

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

Когда я одновременно открываю несколько окон, как показано на изображении ниже, и пытаюсь воспроизвести Disney Junior видео, появляются проблемы:

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

Однако в некоторых случаях Disney Junior заходит слишком далеко с четностью контента. Весь веб-сайт состоит из четырех основных разделов: игры, видео, печатный материал и различные жизненные ситуации. Вся проблема в том, что если пользователь не установил на свое устройство Google Cloud Print то у него не будет никакой возможности напечатать раскраски или какие-либо другие печатные материалы.

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

Одна четвертая часть контента на Disney Junior недоступна для мобильных устройств.

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

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

Стоит отметить, что адаптивный веб-сайт Disney.com добился огромных успехов в решении этой проблемы после того, как я рассматривал ее в апреле 2013 года. Ранее ни одна из Flash игр не была доступна для пользователей смартфонов, но с тех пор большинство игр сделали совместимыми с HTML5. Установить существующие проблемы, с которыми сталкивается как адаптивные, так и специализированные мобильные веб-сайты возможно, но это не произойдет само по себе.

Создание контента, доступного для всех пользователей, это, несомненно, хорошо. Однако если разработчики веб-сайта Disney собирается следовать этому принципу, то они обязательно должны объяснить, что перед печатью с помощью мобильного устройства, пользователи обязательно должны будут скачать Google Chrome и/или приложение Google Cloud Print и подключить свое устройство к принтеру. Если Disney не разместит соответствующих разъяснений, то многие пользователи будут сбиты с толку, а несчастные дети так и будут продолжать рассматривать PDF файл на экране мобильного устройства, не представляя, как его можно распечатать. Disney также стоит рассмотреть вопрос о том, чтобы сделать некоторые детали на своей домашней странице менее заметными для мобильных пользователей.

Наконец, еще одна важная деталь, которой не хватает адаптивному веб-сайту Disney Junior – это какое-либо упоминание о мобильном контенте, к которому действительно имеют доступ пользователи. Сделать какие-либо предположения о поведении пользователей всегда очень сложно, но в этом случае я с полной уверенностью могу сказать, что мобильные пользователи будут искать в основном приложения и игры для мобильных телефонов, а не какие-либо печатные материалы. Тем не менее, первый результат поиска в Google по запросу «приложения Disney junior» направляет пользователя на не отвечающую страницу, прежде чем появляется сообщение об ошибке, связанной с отсутствием Flash.

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

Более того, фразу «мобильные игры» люди ищут более 12 000 раз в месяц, …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров