🕯 Динамическая адаптация контента под пользователя
Интернет будущего — это сайты, которые подстраивают свой контент под конкретного пользователя. Этот принцип лежит в основе персонализации поисковых систем и ленты рекомендаций социальных сетей и маркетплейсов. Конечно же всё это делается не ради светлого будущего интернета, а для повышения конверсии.
Разберем 3 популярные механики, которые вы можете использовать на своем сайте уже сейчас.
1. Геотаргетинг контента
При открытии сайта пользователь передает свой IP-адрес. Используя сторонние API вроде бесплатного IPSpeed можно преобразовать полученный IP-адрес в конкретный город.
Данную механику используют крупные интернет-магазины вроде Леруа Мерлен Лемана ПРО, чтобы перенаправить на региональный поддомен и вывести в карточке товара сроки доставки и наличие товара в магазинах соответствующего города.
2. Сохранение выбора пользователя
Возможно пользователь уже чем-то интересовался у вас на сайте ранее (как у рамках сессии, так и в общем) и его предыдущие интересы можно учесть при формировании страниц.
Этот принцип использует Ситилинк, выводя список из просмотренных недавно товаров в конце карточек товаров (блок "Вы недавно смотрели").
Кстати, браузер и сам отслеживает какие страницы на вашем сайте пользователь посещал ранее и поддерживает CSS-селектор :visited. Как минимум им можно настроить фиолетовый цвет у посещенных ссылок, как максимум — вывести маркер вроде [просмотрено] и другие полезные элементы упрощающие поиск информации на сайте. Современные дизайнеры веб-интерфейсов как будто про это забыли.
3. Подбор контента под ориентацию экрана
Не секрет, что люди чаще используют поисковые системы с мобильных устройств, нежели с компьютеров. А значит ваши изображения с горизонтальной ориентацией будут выглядеть не очень, детали будут слишком мелкими.
Исправить эту проблему позволяет указание в HTML атрибута srcset или контейнера <picture> для изображений, требующих адаптацию под ширину экрана пользователя. Также применение этих технологий уменьшает время загрузки страниц, ведь смартфону больше не нужно скачивать большие версии изображений, достаточно скачать более «лёгкие» версии изображений под его ширину экрана.
