Тел. +7 (952) 783-83-55

E-mail: seo@seo-eugene.ru

create Оставить заявку

Евгений Сверчков
Создание и продвижение сайтов
format_quote Развиваю проекты с нуля!

Адаптивный дизайн. Верстка сайта для мобильных устройств

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

Пример отображения сайта до адаптации (слева) и после (справа):

Сайт до внедрения адаптивной верстки

Сайт после внедрения адаптивной верстки

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

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

Как выглядит адаптивный сайт?

  1. у сайта нет горизонтальной прокрутки, страница заполняет все пространство монитора;
  2. удобный читаемый шрифт увеличенного размера, не требуется жестами увеличивать текст или изображение;
  3. большие кнопки, в которые не нужно прицеливаться, чтобы нажать;
  4. на экране мобильного устройства отображается только необходимая информация, ненужные элементы скрыты.

Чтобы проверить адаптивность, в интернете существует множество сервисов, например, гугл-инструмент или проверка в яндекс вебмастере.

Различия мобильной версии сайта и адаптивного дизайна сайта

В начале 2000 годов распространенным явлением было наличие отдельной мобильной версии сайта. Минусами такого подхода являлись:

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

Если ваш сайт все еще использует устаревшую "статичную" верстку, то самое время ее поменять. Вы можете написать мне на почту seo@seo-eugene.ru с пометкой "адаптивная верстка сайта". Стоимость услуги 10000 рублей. Оплатить можно банковской картой или электронными деньгами.

Вы всё еще думаете, а я уже представил, как выглядит ваш сайт.
Хотите узнать?

create
phone