Чем этот случай отличается от сортировки и количества элементов
Сортировка и число элементов на странице меняют реальный набор или порядок показываемых товаров, из-за чего вопрос о канонической версии и обработке параметра действительно нетривиален. Переключение между сеткой и списком не меняет ни набор товаров, ни их порядок — это чисто визуальное представление одного и того же содержимого, что делает решение значительно проще.
Рекомендуемый технический подход
Выбор вида отображения лучше всего реализовать полностью на стороне браузера — через JavaScript, без изменения адреса страницы вообще, сохраняя предпочтение пользователя в локальном хранилище браузера для последующих визитов. В этом случае вопрос об индексации разных вариантов отображения просто не возникает технически, поскольку с точки зрения адреса и поисковой системы существует только одна версия страницы.
Правильно: адрес не меняется, вид переключается JavaScript'ом на клиенте
Избыточно: site.ru/catalog/divany/?view=grid
site.ru/catalog/divany/?view=listЕсли параметр вида отображения всё же передаётся в адресе. Технически это возможно и иногда встречается по историческим причинам реализации, но в этом случае обязательно применяются те же меры, что и для параметра сортировки, — канонический адрес на версию без параметра, отсутствие индексируемых постоянных ссылок на конкретные значения. Лучшее решение всё же — не создавать эту проблему вовсе, реализовав переключение без изменения адреса.
Почему выбор вида отображения действительно важен для покупателя
Несмотря на техническую простоту решения для адреса, сама функция переключения между видами отображения полезна и заслуживает качественной реализации — плитка с крупными изображениями лучше подходит для визуально значимых товаров вроде одежды или мебели, тогда как компактный список с развёрнутыми характеристиками удобнее для товаров, выбор которых опирается в основном на технические параметры, а не на внешний вид.
Запоминание выбранного вида между разделами каталога
Разумно запоминать выбор вида отображения на уровне всего сайта, а не только для конкретного раздела, в котором пользователь его изменил, — если покупатель предпочитает список, а не плитку, это предпочтение стоит применять по умолчанию во всех разделах каталога, куда он переходит впоследствии, а не заставлять переключать заново на каждой новой странице.
Особенность выбора вида на мобильных устройствах
На узком мобильном экране плитка часто технически сводится всего к одной-двум карточкам в ряд, из-за чего разница между видами отображения становится менее выраженной, чем на широком десктопном экране. Для мобильной версии иногда разумно предложить упрощённый выбор или вовсе зафиксировать один вид отображения по умолчанию, наиболее подходящий для маленького экрана.
Чек-лист
- Реализовывать переключение вида отображения через JavaScript без изменения адреса страницы, где это возможно.
- Если параметр всё же передаётся в адресе — применять канонический адрес и не индексировать отдельные варианты.
- Запоминать выбор пользователя на уровне всего сайта, а не только текущего раздела.
- Продумать разумное поведение переключателя отдельно для мобильной версии сайта.
Как вид отображения влияет на время, проводимое на странице
Разные виды отображения могут по-разному влиять на поведенческие показатели — плитка с крупными изображениями иногда увеличивает время просмотра за счёт визуальной привлекательности, тогда как список ускоряет сравнение характеристик нескольких товаров подряд. Анализ этих показателей отдельно для каждого вида отображения может подсказать, какой вариант стоит сделать значением по умолчанию для конкретной категории товаров.
Наглядность иконок переключателя вида отображения
Небольшая, но важная деталь интерфейса — иконки, обозначающие каждый вид отображения, должны быть интуитивно понятны без подписи: стандартная пиктограмма сетки для плитки и горизонтальных линий для списка узнаваема большинством пользователей без дополнительных объяснений. Нестандартные, творчески переосмысленные иконки для этой функции рискуют быть неправильно понятыми и снижают удобство переключения между видами.
Что делать, если сайт технически не может обойтись без параметра в адресе
Для некоторых устаревших технических платформ, не поддерживающих гибкое переключение отображения через JavaScript без перезагрузки, параметр в адресе может оставаться вынужденным техническим решением. В этом случае важно хотя бы не забыть о канонических адресах и запрете индексации отдельных вариантов, даже если полностью безадресная реализация недоступна по причине технических ограничений платформы.
Частые вопросы
Нужно ли отражать выбор между плиткой и списком в адресе страницы?
Обычно нет — это чисто визуальное представление одного и того же содержимого, лучше реализовать переключение через JavaScript без изменения адреса, сохраняя выбор в локальном хранилище браузера.
Чем переключение вида отображения отличается от параметра сортировки с точки зрения SEO?
Сортировка меняет порядок показываемых товаров, что создаёт вопрос о канонической версии; переключение вида отображения не меняет ни набор, ни порядок товаров, что делает решение технически проще.
Стоит ли запоминать выбранный вид отображения для всех разделов каталога сразу?
Да, разумно применять выбор пользователя на уровне всего сайта, чтобы не заставлять переключать заново на каждой новой странице раздела, куда он переходит впоследствии.
Готовый адрес можно собрать прямо сейчас: откройте генератор ЧПУ — он транслитерирует фразу по таблице Яндекса, уберёт служебные слова и покажет длину адреса.