Интернет-агентство
9 лет на рынке
Больше 600 сайтов разработано
г.Красноярск
ул. Молокова д. 37А, 9 этаж, оф. 907
+7(908) 2-214-814

Адаптивная верстка. О чем нельзя забывать

Мобильный рынок в России и по всему миру растет настолько стремительно, что вопросы о необходимости разработки мобильных версий сайтов уже даже не обсуждаются в среде профессиональных СЕО-специалистов. И хотя ни Google, ни Яндекс, не говорят о том, что какие-то варианты мобильных версток они оценивают выше, а какие-то ниже, в узкой среде владельцев сайтов и специалистов по поисковому продвижению сложилось устойчивое мнение, что лучшим вариантом является адаптивная верстка.

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

 

 Итак, среди основных преимуществ данного формата можно отметить:

 

  • 1. Единый адрес сайта для всего контента. Пользователи могут взаимодействовать с наполнением сайта, как с компьютера, так и с мобильного гаджета, вводя в адресную строку одно и то же название;
  • 2. Создание адаптивной верстки занимает гораздо меньше времени, чем перенос всего содержания сайта на другую площадку, скажем, на мобильную копию портала;
  • 3. Адаптивная верстка облегчает работу поисковому роботу Google, позволяя тому более точно индексировать страницы и оценивать их параметры;
  • 4. Формат дает возможность разрабатывать отдельные функциональные элементы для взаимодействия с пользователем через конкретные мобильные устройства;
  • 5. Быстрая загрузка страниц, что положительным образом сказывается на ранжировании сайта в поисковой выдаче и отношении к нему со стороны пользователей.

 

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

 

 О чем нельзя забывать:

 

  • 1. Никогда не блокируйте CSS, JavaScript и изображения. Поисковый робот должен иметь доступ к этой информации. Если же вы запретите индексацию системно, то это неизбежно скажется на качестве индексации страниц сайта. Естественно, скажется негативно;
  • 2. Используйте сжатие. Пользователи, попадающие на сайт с мобильного телефона или планшета, не должны загружать полноразмерные изображения и графику. Сделайте максимально сдержанный дизайн, уберите все лишнее и оставьте только самые легкие элементы. Страницы сайта должны загружаться максимально быстро, а полноразмерные изображения могут замедлить процесс загрузки в 5 и более раз;
  • 3. Откажитесь от обычного формата PNG. Это самый «тяжелый» формат, который и приводит к тормозам. Для мобильной адаптивной верстки будет вполне достаточно JPEG и GIF форматов;
  • 4. Вместо картинок используйте возможности CSS. Это касается как оформления сайта в целом, так и создания графических элементов;
  • 5. Flash поддерживать необязательно. Лучше даже не поддерживать. Большинство мобильных браузеров уже вовсе не поддерживают эту технологию, поскольку она излишне тяжелая. Стало быть, нет смысла нагружать флешем страницу, если пользователь даже не увидит информацию;
  • 6. Разрабатывайте все макеты дизайна, отталкиваясь от самого маленького экрана. Сначала создается макет для мобильного телефона, потом – для маленького планшета, большого планшета, ноутбука и т.д. Многие вебмастера идут от обратного, адаптируя десктопный дизайн, но при таком подходе будьте готовы к появлению массы проблем с отображением контента и навигации.

 

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