+7 (495) 797-55-99 info@i-media.ru
495 748-54-59 Контакты
Мы работаем с 10:00 до 19:00,
а Контекст Мотор - круглосуточно!

Оставьте свой телефон и мы Вам
перезвоним.

Преимущества адаптивной верстки для сайта с точки зрения SEO

Дата публикации оригинальной статьи
Автор: Hayley Francis
Перевод: Владимир Поликарпов

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

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

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

Поисковики любят адаптивные решения

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

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

Один сайт – один адрес

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

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

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

Адаптивный дизайн позволяет снизить отказы

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

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

Улучшаются поведенческие факторы

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

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

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

 

Владимир Поликарпов
SEO-специалист

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

 

14 июля 2014
comments powered by Disqus

Коммерческое предложение

Вас интересует:
Контекстная реклама Управление
репутацией
Поисковая
оптимизация (SEO)
Аудит сайтов
Мобильная реклама Видеореклама
Веб-аналитика SMM и реклама
в социальных сетях
Продвижение
на прайс-площадках
Разработка сайта
Call Tracking Email-маркетинг

Ваши данные (* обязательно для заполнения)

Поделиться
Подписаться

Подпишитесь и ежемесячно получайте
лучшие материалы сайта
в информационном дайджесте i-Media

Что еще полезно знать по продвижению сайтов
Максим Рабовил менеджер по продажам
Позвоните:
+7 (495) 797-55-99
Напишите:


Отправьте заявку

Подписаться

Подпишитесь и ежемесячно получайте лучшие материалы сайта в информационном дайджесте
i-Media