Telegram ВКонтакте VC.ru
SiteAnalyzer SEO Tools

Что лучше: адаптивная верстка или мобильный сайт?

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

Комментарии: 0
 7,003
07.02.2019 | Время чтения: 5 минут
Facebook
Автор: Симагин Андрей

Адаптивный дизайн

Адаптивный дизайн означает, что за счет определенных стилей кода, ваш сайт автоматически по ширине адаптируется под размеры устройства, на котором он открыт, будь то монитор ПК, смартфон или планшет.

Адаптивный дизайн сайта

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

Преимущества адаптивного дизайна:

Недостатки:

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

Мобильная версия сайта

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

Мобильная версия сайта, на поддомене

Преимущества:

Недостатки:

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

Если у вас мобильная версия сайта на поддомене

Плюсы:

Минусы:

Резюме:

Как перейти на адаптивный дизайн, если вы используете мобильную версию сайта?

Последовательность действий:

Подробнее в справке Google: https://webmaster-ru.googleblog.com/2017/09/kak-perejti-na-adaptivnyj-dizajn.html

Комментарий Игоря Шулежко (SEO Manager из TemplateMonster.com):

Используемые материалы:

Оцените статью
4.5/5
7

Другие статьи:



0 комментариев

Чтобы оставить комментарий необходимо авторизоваться.


<< Назад

С нами работают