Структура длинной страницы отводит каждой ключевой теме понятное место на пути посетителя. Вступительный блок XC60 знакомит с автомобилем, после чего следует общий обзор, отвечающий на первые вопросы о безопасности, комфорте, стиле и плавности хода. Второй блок обзора смещает фокус на предысторию и конкурентное окружение, благодаря чему страница не выглядит однородным вводным текстом.
Раздел «Рейтинги и исследования» выделяется визуально благодаря ленте из четырех изображений и центральной панели исследований. Блок ключевых особенностей переходит в шесть повторяющихся пунктов оценки вокруг фотографии с видом сверху, позволяя посетителям быстро оценить конкретные параметры, такие как буксировка или прогнозируемая надежность. Далее раздел «Вождение» предлагает целенаправленный рассказ об опыте на дороге, после чего страница переходит к блоку «Дилеры в вашем регионе», где в пяти повторяющихся карточках представлены контакты местных дилеров. Такая последовательность оправдывает одностраничный формат, поскольку сразу несколько важных тем остаются доступными без отдельных URL-адресов: обзор, контекст, исследования, оценка, дорожные впечатления и сведения о дилерах. Повторяющиеся кнопки «Подробнее» помогают перейти к более детальной информации, однако основная ценность заключается в самой упорядоченной подаче контента, а не в утверждении, что якорная навигация уже настроена.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.