Подмена URL при промотке страницы (замена # якорям)

Radical_R
На сайте с 25.01.2013
Offline
61
2343

Приветствую!

Часто встречаю подобную методику

_spbrealty.ru/buildings/greenlandiya-2

На странице присутствуют вкладки. При нажатии на вкладку страница опускается до элемента, без перезагрузки, как будто бы стоит якорь.

но, обратите внимание на адресную строку. Как при клике на вкладку, так и при обычном скроллинге, адресная строка переходит на уровень глубже.

Таким образом, вся информация заключена в рамках одной страницы, но по факту, там таких страниц десяток.

Каждый отдельный адрес имеет право на место в выдаче, по мнению ПС

Наш программист о такой методе не слышал и даже не знает, откуда начать поиск.

Если кто знаком с методой - пните в нужном направлении.

Спасибо!

S
На сайте с 03.03.2008
Offline
91
#1

Якоря там и стоят, только они не в href прописаны, а тянутся скриптом из дополнительного атрибута. Например, если посмотреть инспектором ссылку "Корпуса", то там будет data-href="#housing". Все клики по ссылкам вкладок ловятся и обрабатывается этот атрибут. На подобном трюке половина bootstrap работает. Для смены url без перезагрузки страницы гуглить "history.pushState". Скролл отлавливается обработчиком на событие и сверкой текущей позиции с положением анкора: http://jsfiddle.net/gugahoi/2ZjWP/8/

На самом деле черт его знает как оно с точки зрения SEO, весь контент (ну или просто огромная часть, я особо глубоко не вникал) там одной страницей по сути идет. Целиком грузится значительная часть сайта, а дальше куча скриптов его разруливают по адресам. Я мельком глянул список того, что они используют - ну очень много наворотов.

Devvver
На сайте с 02.07.2008
Offline
662
#2
Radical_R:
Каждый отдельный адрес имеет право на место в выдаче, по мнению ПС

Имхо, по идее как дубли должны считаться.

А в чем смысл подобного действия? Красиво - есть такое, да и ссылку удобно давать - прокрутится до нужного момента.

Мой блог. Все о создании сайтов,Seo и СДЛ ( https://devvver.ru/ ) Мой SEO телеграм канал https://t.me/seobloggers
edogs software
На сайте с 15.12.2005
Offline
775
#3

Это html5 history api.

Почему-то подглючивает на некоторых мобильных девайсах, хотя редко.

Если нужна совместимость со старыми браузерами (правда там будут другие урлы с другим принципом), то посмотрите https://habrahabr.ru/post/144071/

С точки зрения СЕО использовать подобное нам кажется несколько странным.

Если отбросить шелуху - поисковик видит один и тот же контент по разным адресам.

Никто не любит по 100-500 разным адресам видеть одно и то же.

Разработка крупных и средних проектов. Можно с криптой. Разумные цены. Хорошее качество. Адекватный подход. Продаем lenovo legion в спб, дешевле магазинов, новые, запечатанные. Есть разные. skype: edogssoft
Z0
На сайте с 03.09.2009
Offline
756
#4

Если я правильно пятнично понял, то это: js и hash

Могу путать 🍿

F
На сайте с 04.09.2011
Offline
46
#5

там по-идее javascript-ом делается, чтоб при прокрутке менялось

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий