我想建立一个不牺牲SEO的ajax网站。我的问题是:如果我的页面上有这样的链接:
<a href="http://example.com/cats" id="cats">Cats</a> <a href="http://example.com/dogs" id="dogs">Dogs</a>
…当单击每个链接时,我想用相应的标签更新地址栏。因此,如果单击“猫”链接,则当前位置为http://example.com/#cats,我可以用它来显示我的Ajax内容。如果javascript关闭或用户是搜索引擎,他们将直接转到/ cats
您可以更改location.hash属性,它会更改当前的锚标识符,而无需导航离开页面,例如,您可以:
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... });