4 вещи, о которых нужно помнить, прежде чем запускать сайт WordPress с длинной прокруткой

С появлением социальных сетей в центре внимания оказались веб-сайты с длинной прокруткой (иногда называемые «бесконечной прокруткой»). Вы, вероятно, хорошо знаете, как они работают — проще говоря, вы можете довольно долго прокручивать, так и не дойдя до конца (нижнего колонтитула). Очевидно, что это очень специфический тип веб-дизайна, поэтому его не следует применять к любому сайту, с которым вы сталкиваетесь.

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

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

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

Четыре простых способа улучшить дизайн сайта с длинной прокруткой

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

1. Добавьте липкое меню

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

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

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

Например, такие инструменты, как WP Sticky; отличный плагин для всех сайтов WordPress. Все, что вам нужно сделать, это установить его, и вы сможете создать липкое меню менее чем за минуту. Буквально! Здесь нет абсолютно никакого кодирования, вы, по сути, просто нажимаете на элемент страницы, который хотите сделать липким, и все. Легко, верно?

У вас также есть множество вариантов настройки, поэтому вы можете убедиться, что липкий элемент органично вписывается в общий дизайн вашего веб-сайта, или вы можете выделить его, если считаете, что это понравится вашим посетителям. И это только вершина айсберга. WP Sticky — отличный продукт, в этом нет сомнений.

2. Правильно расположите кнопки призыва к действию

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

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

Еще один хороший способ разместить CTA — заставить их прокручиваться, чтобы они следовали за вашим посетителем. Другими словами, вы также можете сделать их липкими, как элементы, которые мы обсуждали в предыдущем пункте этой статьи. Следует отметить, что исследования показали, что размещение ваших CTA в правой части экрана, как правило, более выгодно для вас, но это относится в основном к жестким кнопкам CTA, которые более прямолинейны, чем их мягкие аналоги.

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

3. Делайте все возможное, чтобы сократить время загрузки

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

Так что ты можешь сделать? Что ж, вы можете увидеть, какая тема WordPress хорошо закодирована и поэтому загружается быстро. Вы также можете отключить хотлинкинг, обратные ссылки и пингбэки, использовать сеть доставки контента и так далее.

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

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

4. Оптимизируйте все для мобильных устройств

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

Учитывая, что сегодня более половины поисковых запросов в Интернете осуществляется с помощью мобильных устройств, если ваш веб-сайт не может удовлетворить этих пользователей, вы не сможете заставить его работать хорошо. Даже не близко. Так что ты можешь сделать?

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

Более того, если вы занимаетесь онлайн-бизнесом, хорошей практикой будет размещение вашего продукта в галерее, которую ваши потенциальные клиенты смогут просматривать. Горизонтальная прокрутка особенно популярна в этом отношении. Таким образом, ни один посетитель не обязан проходить через галерею, но они могут легко это сделать, если захотят.

Вывод

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

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

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