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

Уроки и воркхаки для работы в Adobe Muse

Узнавать новости первым

Автор: Pro100Muse

Что использовать - альтернативные страницы или адаптивный шаблон с точками остановки в Adobe Muse, чтобы посетителям было комфортно просматривать сайт с любых устройств? Это одно из самых популярных обсуждений среди пользователей Adobe Muse. Давайте рассмотрим все плюсы и минусы этих технологий, чтобы ответить на этот вопрос.

Альтернативные шаблоны в Adobe Muse.

Альтернативные шаблоны - это отдельные страницы, созданные для разных устройств, с которых посетитель может зайти на сайт, т.е. есть основной (назовем его так) шаблон для просмотра с ПК, и альтернативные - для мобильных телефонов и планшетов. Страницы для ПК находятся в корне сайта, а альтернативные страницы - в отдельной директории и, если сайт определил, что посетитель зашел на сайт с мобильного устройства (или планшета), то происходит автоматическое перенаправление. Таким образом посетитель заходит на сайт site.ru с телефона и его автоматом перебрасывает на страницу site.ru/phone/ , на которой ему удобнее будет ориентироваться.

+ легко осваивается пользователями.

Имеется в виду сам процесс работы - если понять процесс создания страницы в Adobe Muse, то с альтернативными страницами не будет проблем - процесс идентичный

+ отсутствует лишний код, который предназначен для других экранов.

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

- реализация не соответствует современным стандартам.

Этот минус является самым значимым! Альтернативные версии для мобильных и планшетов в Adobe Muse располагаются в отдельных директориях сайта (/phone/ и /tablet/), что противоречит стандартам, которые установили поисковые системы, а именно - если у сайта имеется альтернативная версия, то она должна располагаться на домене 3-го уровня (m.site.ru), если она располагается в директории (site.ru/phone/), как это сделано в Adobe Muse, то поисковый робот может не распознать, что это альтернативная страница, а это ничего хорошего не сулит.

- редактирование страниц занимает больше времени.

Если вы не использовали инструмент "содержимое", то изменение какой-нибудь информации на сайте у вас займет в 3 раза больше времени - отредактировать, к примеру, номер телефона нужно будет не только на ПК шаблоне, но и в каждом альтернативном макете.

- небольшая проблема с сарафаном.

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

- внутренняя перелинковка.

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

Адаптивная верстка в Adobe Muse

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

+ актуально для всех современных сайтов.

По сравнению с альтернативными шаблонами, адаптивная верстка более популярна и востребована.

+ посетителям удобнее пользоваться сайтом.

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

+ отсутствуют проблемы с редактированием и перелинковкой.

Время редактирования не умножается на 3, как с альтернативными шаблонами, а перелинковка вообще в изменениях не нуждается.

- вызывает множество вопросов у пользователей при знакомстве и в процессе работы.

Один из самых обсуждаемых вопросов в Muse комьюнити - сколько и какие точки остановки использовать. Этот вопрос мы рассмотрим в другой статье более подробно, но если коротко, то 3 точек остановки хватит в 95% случаев, а все что больше - лишняя работа для разработчика. Сюда так же можно отнести и манию некоторых пользователей добавить как можно больше точек остановки, тем самым не только создавая себе лишнюю работу, но и замедляя загрузку сайта у посетителей.

- лишний код на странице.

Каждая точка остановки это лишний код, не важно с какого устройства зашел посетитель - он будет загружать код всех точек остановок. Это не касается изображений (т.е. если зайти с мобильного телефона, то изображения из ПК версии скачиваться не будут), но зато касается шрифтов, скриптов и стилей. Это увеличивает вес html страницы в среднем почти в 2 раза, вес css файла стилей - почти в 3 плюс добавляется еще 1 файл js скрипта.

- каша с контентом в разных точках.

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

- не все виджеты правильно работают в адаптивном шаблоне.

Виджет может работать не правильно, или не работать вообще в шаблоне с несколькими точками остановки.

Подведем итог

Это основные достоинства и недостатки альтернативных и адаптивных шаблонов в Adobe Muse. В обеих технологиях много минусов и довольно жидкие плюсы, которые раскрывают полную картину для того, чтобы сделать вывод - на данный момент лучше использовать адаптивную верстку, которая хоть и сложнее в разработке, но более актуальна и привлекательна для посетителей сделанных сайтов.

Следите за обновлениями

Наша группа в ВК
Наш канал в Телеграмм
Наш бот в Телеграмм
Подписка на EMail рассылку
Канал на YouTube
Мы в twitter

Посмотрите так же

Гуру Баннер
Гуру Баннерmore_vert
Гуру Баннерclose

Гуру Баннер - виджет, созданный для ненавязчивого привлечения внимания посетителя сайта и, соответственно, роста конверсии и продаж. 

Цех оптимизатора
Цех оптимизатораmore_vert
Цех оптимизатораclose

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

Время работы
Время работыmore_vert
Время работыclose

Виджет отображает время работы на каждый день, при этом определяет и выводит дату и день недели

Посмотреть все виджетыВсе способы покупки