Присоединение хэш-тега к URL с JavaScript
Я хочу создать ajax сайт, не жертвуя SEO. Мой вопрос: Если у меня есть ссылка на моей странице как это:
Cats
Dogs
... когда на каждую ссылку нажимают, я хотел бы обновить строку поиска с соответствующим хэш-тегом. Так, если на ссылку "Кошек" нажмут, то текущим местоположением будет http://example.com/#cats, и я могу использовать это для показа моего ajax содержания. Если JavaScript будет выключен, или пользователь является поисковой системой, то они перейдут непосредственно к / кошкам
2 ответа
Вы можете изменить свойство location.hash , оно изменит текущий идентификатор привязки без перехода со страницы, например, вы можете:
<a href="http://mysite.com/cats" id="cats" class="ajaxLink">Cats</a>
<a href="http://mysite.com/dogs" id="dogs" class="ajaxLink">Dogs</a>
Затем:
$('.ajaxLink').click(function (e) {
location.hash = this.id; // get the clicked link id
e.preventDefault(); // cancel navigation
// get content with Ajax...
});
Вы не можете установить window.location.href без перезагрузки страницы в javascript по соображениям безопасности.
Из того, что я видел, некоторые люди говорят, что Google проиндексирует # URL, но они не будут считаться отдельными страницами, и я думаю, что это не то, что вам нужно. У меня также очень мало опыта работы с SEO.