amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Юзабилити означает то, насколько удобно пользоваться сайтом. Этот показатель влияет на продвижение и ранжирование сайта, то есть его место в поисковой выдаче. От того, насколько хорошо устроено юзабилити на сайте зависят поведенческие факторы. Если пользоваться сайтом удобно, то поведенческие факторы у него хорошие, посетителям он нравится.
Плагины для юзабилити помогают улучшить этот показатель. В этой статье вы узнаете о таких плагинах для WordPress и ещё о многом другом, что касается данного вопроса.
Оглавление
Юзабилити сайта зависит в первую очередь от его дизайна. В случае с WordPress – от активированной темы. Именно тема задаёт расположение элементов на странице, их внешний вид и восприятие.
Кроме того, тема должна быть адаптивной. То есть, она должна полноценно поддерживать своё юзабилити на всех устройствах, операционных системах и браузерах. Тема на сайте должна быть технически оптимизированной. Это значит, что она должна работать быстро и стабильно.
Это значит, что при выборе темы нужно анализировать то, насколько она удобная. Надо попользоваться сайтом, поставить себя на место посетителя.
Ниже мы приведём список плагинов для юзабилити. Однако не нужно спешить устанавливать их все сразу. Возможно, выбранная тема на сайте уже поддерживает функцию, которую реализует тот иной плагин.
Разработчики dFactory зарекомендовали себя как производители качественных функциональных и оптимизированных плагинов. Если в поиске по плагинам начать искать что-то по запросу lighbox, то именно их детище Responsive Lightbox & Gallery окажется на одном из первых мест.
Лайтбокс (lighbox) — это эффект для изображения. При клике мышкой на небольшую картинку, она открывается в увеличенном полном размере. От этого эффекта есть польза для юзабилити:
Плагин начинает работать сразу после активации. В настройках изображений в опции “Ссылка” нужно выбрать вариант “Медиафайл”. А в настройках плагина есть большое количество опций и разные варианты эффекта.
Обычно темы не обладают таким эффектом. Разве что некоторые платные.
Некоторые темы обладают этой функцией, но далеко не все – кнопка для возврата на вверх страницы. Если в выбранной теме нет этой кнопки, то реализовать её можно легко и бесплатно с помощи плагина Simple Scroll to Top Button от Space X-Chimp.
После активации нужно включить кнопку в настройках плагина. Кстати, в настройках есть качественный перевод на русский язык. Там же есть разные опции для выбора внешнего вида кнопки возврата на вверх, а также других её свойств.
Кнопка, создаваемая этим плагином, оптимизированная и не нагружает сайт, не ухудшает свойств его скорости работы.
Польза для юзабилити очевидна – читатель знакомится материалом и прокручивает страницу вниз, и при необходимости вернуться обратно вверх, например, к навигационному меню, нажимает эту кнопку.
Плагин, созданный разработчиком Michael Tran позволяет выводить в статьях оглавление. Польза для юзабилити особенно появляется в длинных статьях с большим количеством разделов. Этот плагин улучшает навигацию по длинному материалу.
Выводить оглавление можно в любом месте статьи с помощью шорткода . В опциях плагина можно настроить автоматику и внешний вид. Также есть и другие настройки. Всё на русском языке.
Кроме того, с помощью шорткода sitemap можно вывести на любой странице карту сайта – список всех публикацией с ссылками на них. Но о специализированном плагине, который создан специально для этой цели будет рассказано далее.
Плагины для юзабилити обязательно должны быть дополнены тем, который выводит HTML-карту сайта – страницу, со списком всех публикаций сайта с ссылками на них. Эту задачу решает WP DS Blog Map от DiamondSteel. Аналогичная функция, как мы писали выше, есть в плагине Table of Contents Plus, но в WP DS Blog Map она более расширена.
Карта сайта публикуется после активации плагина с помощью шорткода postlist помещённого на странице. Работает сразу по умолчанию, но при необходимости можно произвести настройку, опций достаточно много и весь интерфейс на русском.
Такой юзабельный список не мог не содержать плагин для вывода похожих записей. Фаворитом многих для реализации этой функции, давно служит экземпляр WordPress Related Posts Thumbnails от WPBrigade.
Плагин работает прямо “из коробки”, то есть даже без предварительной настройки, сразу после активации. Интерфейс же его переведены на русский, но не полностью. Однако, всё понятно на интуитивном уровне и сложностей возникнуть не должно.
Несмотря на то, что блок с похожими записями выводится автоматически, это можно отключить и выводить его с помощью шорткода либо даже виджетом в любой допустимой темой области.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…
View Comments
Юзабилити сайтов - большая проблема некоторых интернет-магазинов. Буду пользоваться плагинами, спасибо!
Да, очень много у Вас на сайте полезной информации, которую можно внедрять на свои сайты,
Буду изучать ваши статьи и обучаться.
Благодарю за полезный контент
Информация интересная и полезная, теперь надо все это опробовать на своем сайте. Спасибо!
Многое узнала о плагинах от вас, спасибо вам за работу.
Спасибо за нужную информацию, буду пробовать на своем сайте
Классная статья, столько нового узнал, спасибо