Раздел ссылок внутри страницы с косой чертой (/), а не хешем (#) без перезагрузки страницы

Итак, вот требование:

  1. Клиент хочет шаблон страницы, в котором есть два уровня меню слева стороне страницы.
  2. Это меню может ссылаться на любую страницу, сообщение, категорию или раздел на одной странице.
  3. Меню, которое ссылается на раздел на одной странице, должно быть сшито, а не # связано с целью SEO.

И вот как мы его реализовали:

  1. Исходя из одного требования, я разработал шаблон пользовательской страницы с боковой панелью слева.
  2. Использование меню WordPress Я зарегистрировал несколько меню с элементами меню, как согласно требованиям.
  3. Я разработал собственный виджет, который предоставляет возможность выбрать для этой страницы. Пока все хорошо ....

И вот возникает вопрос:

  1. Как связать раздел на одной странице с /, а не #?
  2. Например, если страница http://example.com/event-page/ и там это раздел в содержании страницы, например «Get Passes», а также меню соответствующий ему слева. Теперь, что клиент хочет, это меню не быть связан как http://example.com/event-page/#get-passes а скорее http://example.com/event-page/get-passes/
  3. Излишне говорить, что он должен просто прокручивать вниз до этого без перезагрузки страницы.
7 голосов | спросил Prasad Nevase 13 Jpm1000000pmFri, 13 Jan 2017 17:18:21 +030017 2017, 17:18:21

2 ответа


0

Вы можете использовать history.pushState , чтобы изменить URL-адрес браузера без перезагрузки страницы, а jQuery scrollTop для прокрутки вверху определенного элемента (и есть эквиваленты VanillaJS ). Это будет имитировать функциональность якорей #.

Однако, как сказал Марк, что ваш клиент хочет, действительно странно. Трудно поддерживать и продолжать работать, и это может даже повредить вашему клиенту. Вот тематическое исследование , которое вы, возможно, захотите показать ему /ей.

ответил ricotheque 29 MaramWed, 29 Mar 2017 10:36:22 +03002017-03-29T10:36:22+03:0010 2017, 10:36:22
0

Из цели SEO вы можете использовать # URL в меню для поддержки функции # для перехода вниз к определенному разделу.

Объяснение, почему:

  1. Google не будет индексировать # ссылки.
  2. Вся ссылка «сок» пойдет по этой ссылке: http://example.com/event-page / не http://example.com/event-page/#get- проходит

Проблема, которая будет в вашем случае для создания ссылки с окончанием слэша, будет заключаться в том, что вы получите дублированный контент. Google будет индексировать две ссылки: http://example.com/event-page/get-passes / и http://example.com/event-page/, если вы выиграли 't настроить правильный канонический тег ссылки.

Сводка, вы можете использовать # URL, просто представьте, что поисковые системы будут игнорировать часть URL после #. Я видел уже некоторую проблему с повторяющимся контентом, когда клиент запрашивает завершение слэша, где # выбрано правильно.

ответил gintsg 15 Mayam18 2018, 04:53:05

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132