0

Есть интернет-магазин, на карточке товара есть описание и др. в табах.

Как сделать, чтобы каждый таб при нажатии выдавал урл не как tovar#tab, а как tovar/#tab? То есть, каждый таб воспринимался и индексировался как отдельная страница и при переходе на страницу tovar/#tab открывалась страница товара с открытой вкладкой #tab.

Это реализовано на розетке и нескольких других интернет-магазинах. И еще, кроме реализации, вопрос, как при этом избегается дублирование контента?

UPD. или там просто стоит переадресация через .htaccess адреса без слеша в конце на адрес со слешем?

3

1 ответ 1

-2

Посмотрите в сторону history.pushState js

5
  • Статья на хабре habrahabr.ru/post/123106 29 дек 2017 в 5:01
  • history.js меняет сам урл, но такой страницы не создает, т.е. если набрать в адресной строке потом полный урл со слешем и табом, то перейдет на общую страницу.
    – Max Grabov
    29 дек 2017 в 6:55
  • Делай вывод разных табов (tab1,tab1) на странице tovar исходя из GET (tovar/tab1, tovar/tab2) 12 янв 2018 в 11:33
  • 1) Делай вывод разных табов (tab1,tab2) на странице tovar при переходе по ссылкам с их указанием (tovar/tab1, tovar/tab2) 2) Сделай ссылки (<a href="tab1">) на табах вместо js переключателя 3) Затем при помощи preventDefault() замени стандартный переход по ссылке на переключение таба без перезагрузки 4) А с помощью history добавлением в урл название таба зы и ссылки есть для seo (боты без js) и табы без перезагрузки для пользователя 12 янв 2018 в 11:44
  • спасибо, попробую
    – Max Grabov
    6 фев 2018 в 14:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.