Инструкция по оптимизации мобильного сайта. Часть 1

Инструкция по оптимизации мобильного сайта. Часть 1

Кристина Кледжик (Kristina Kledzik), одна из именитых западных SEO-специалистов, не так давно опубликовала статью об адаптивном веб-дизайне.

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

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

Если вы считаете, что не является он решением и для вашего сайта, то знайте, что вы в этом убеждении не одиноки. Из 20 топовых ритейлеров Великобритании лишь 14 могут похвастать так или иначе адаптированными для мобильных устройств сайтами, и 13 из 14 разделяют ваше мнение – то есть, предоставляют мобильным пользователям отдельную версию десктопного сайта. В случае с США ситуация примерно та же – по данным MongooseMetrics, 73% сайтов, входящих в топ-100,000 ресурсов по версии Quantcost, перенаправляют мобильных пользователей на страницы, созданные специально для просмотра с мобильных устройств.

Сайт Apple, к примеру, вообще не адаптирован для просмотра с мобильных устройств; Ebay использует мобильную версию сайта, отделенную от основной; Currys предпочла адаптивный дизайн.

Хорошая новость в том, что правильно выстроенный мобильный сайт также может весьма успешно справиться с уже упоминавшимися ранее проблемами (связанными с удобством просмотра, дублированным контентом и так далее). Итак, как же оптимизировать мобильный сайт и заставить его работать не хуже тех, что выстроены с помощью адаптивного дизайна? Для того, чтобы достичь цели, вам нужно ответить на целый ряд вопросов.

Информационная архитектура

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

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

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

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

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

  • Имя: Мобильный трафик – без планшетов
  • Включить: «Мобильные устройства (включая планшеты)», Содержит «Да» 
  • Исключить: «Разрешение экрана», Поиск соответствующего регулярного выражения (1\d|[7-9])\d\d+x.*

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

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

2. Учтена ли специфика мобильных устройств?

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

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

3. Что насчет пользователей планшетов?

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

Разумеется, десктопная версия не подойдет, если вы хотите, чтобы сайт был четко ориентирован именно на аудиторию пользователей планшетов. В этом случае вам, возможно, даже понадобится создать отдельный третий поддомен (t.domain.ru).

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

Старайтесь использовать не Javascript редиректы, а серверную переадресацию (редирект 301 или 302). Использование Javascript снижает скорость загрузки страницы (так как странице нужно загрузить и проанализировать сценарий), и, к тому же, страницы с Javascript переадресацией имеют меньше шансов на добавление в кэш. Не забывайте и о десктопных пользователях: убедитесь, что пользователь ПК, введя адрес мобильной версии сайта, будет перенаправлен на десктопную версию.

Несколько подсказок по установке переадресации на мобильную версию сайта:

  • В инструкциях от Google сказано, что допускаются как 301, так и 302 редиректы
  • Используя технологию определения пользовательского агента, остерегайтесь клоакинга
  • Не стоит переадресовывать все десктопные страницы на домашнюю страницу мобильной версии сайта. Старайтесь перенаправлять пользователей на те мобильные страницы, содержание которых соответствует содержанию изначально запрошенных десктопных страниц. То есть, если пользователь мобильного устройства попытался перейти на десктопную страницу с вашей контактной информацией, перенаправьте его на мобильную страницу с теми же данными. Если для каких-то десктопных страниц у вас нет соответствующей мобильной версии, перенаправляйте пользователей на страницу с объяснением этого факта, извинениями и предложением просмотреть запрошенную страницу в десктопной версии
  • Старайтесь выстроить «зеркальную» URL-структуру (чтобы www.domain.ru/hello перенаправлял пользователя на m.domain.ru/hello, а не на m.domain.ru/xi3l3kxd). Это, однако, может быть невозможно. Речь идет о сайтах, не для каждой десктопной страницы которых существует соответствующая мобильная версия.
  • Включите ссылку для просмотра десктопного сайта в мобильную версию и наоборот. Используйте Cookies, чтобы убедиться, что если пользователь кликает по такой ссылке, определитель пользовательского агента отключается и не перенаправляет пользователя на ту же версию, с которой он пришел (если только он сам не хочет вернуться, кликнув на «просмотреть мобильную версию»).
  • Для того, чтобы избежать появления дублированного контента, вам нужно использовать специальный атрибут rel='canonical'. Этот пункт будет раскрыт подробнее чуть позже.

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

Добавить комментарий


Защитный код
Обновить

Joomla SEF URLs by Artio

Cкачайте приложение на Андроид и будьте в курсе новостей
Интернет-маркетинга всегда!

Joomla Templates and Joomla Extensions by ZooTemplate.Com

WebSEOHelp

smp-forum.ru


.
Наверх
закрыть