Не так давно, если быть точнее, то в ноябре 2015 года, «Яндекс» изменил поисковую выдачу на смартфонах. Более подробную информацию вы можете сами посмотреть в официальном сообщении. Теперь в выдаче отдается предпочтение сайтам, которые хорошо адаптированы под мобильные телефоны. Если учесть, что Гугл сделал это ещё в апреле 2015, то прогнозы неутешительны: скоро одним из важнейших факторов ранжирования в мобильном поиске будет удобство работы с сайтом на смартфонах. То есть результаты выдачи по одинаковым запросам на разных устройствах (компьютерах и телефонах) будут отличаться.
Какой должна быть веб-страница, чтобы её признали оптимизированной?
- Без горизонтальной прокрутки. Все тексты, картинки и прочие элементы нужно адаптировать под размер экрана смартфона.
- Без элементов, которые современные мобильные браузеры не поддерживают. Например, Flash, Silverlight-плагины и Java-апплеты.
Если вы хотите проверить свой сайт на соответствие формату мобильного телефона с точки зрения поисковых систем, то сделайте это прямо сейчас: Проверка от Яндекс, Проверка от Google.
Адаптивный дизайн или мобильная версия?
Что есть адаптивный дизайн? Это такой дизайн вашего сайта, который автоматически подстраивается под расширение экрана разных устройств.
Мобильная версия – по сути это еще один сайт, сделанный специально для смартфонов. Данная версия содержит облегченную информацию вашего ресурса.
А вот теперь представьте, что легче обслуживать и продвигать: один адаптивный сайт или целых 2 (версию для компьютеров и версию для мобильных)? Даже просто на уровне размещения информации с двумя ресурсами вам придется делать в 2 раза больше работы. Кроме того, если вы решите делать продвижение сайта, то, вполне естественно, платить придется в отдельности за каждую версию своего ресурса. Поэтому лучше создавать адаптивный (отзывчивый) дизайн, который повысит лояльность мобильных пользователей и улучшит позиции сайта в поисковой выдаче.
Основные принципы адаптивного дизайна
Шаблон сайта способен подстраиваться под совершенно разные расширения экранов: компьютеров, планшетов, смартфонов;- Блоки контента способны перемещаться на другую позицию в макете и принимать необходимый размер в зависимости от разрешения устройства;
- Способность изображений менять свой размер или подгружать картинку с меньшим весом в зависимости от разрешения экрана;
- На небольших экранах могут скрываться некоторые маловажные блоки;
- Элементы навигации перерабатываются таким образом, чтобы их удобно было использовать на маленьком экране, где кликать тяжелее;
- Адаптация видео.
Конечно, в идеале сразу делать интернет-ресурс с адаптивным дизайном, но если сайт уже есть, и он не приспособлен под мобильные устройства, то доработать его под необходимые параметры часто довольно легко — звоните и узнайте можно ли адаптировать именно Ваш проект: +7 (831) 4236-777 или оставляйте заявку у нас в Контактах.
(оценок: 4, средняя: 4,75 из 5)
Загрузка...