Ker*_*nes 5 javascript php jquery hashtag
我在我正在处理的网站的主要部分有四个页面,有标签可以在它们之间切换.我希望4个选项卡之间的切换是一个渐变过渡(使用jQuery).这一切都很好,花花公子,但我也希望SEO将每个视为一个单独的页面.我还希望能够链接到URL并为其提取正确的内容,即使它在技术上是同一页面.
Facebook这样做(facebook.com/#!/another-string-here),你可以在图片等之间切换,所以它有点像javascript查询字符串.
这允许立即切换,链接到它的能力,但每个都充当它自己的页面.
是否有推荐的方法来执行此操作？
更新我发现的最好的是SammyJS - 尚未实施,但它看起来是最好的答案:http://sammyjs.org/
假设您有一个名为 的基本页面services，并且该页面有两个选项卡：design和development（只是为了简化）。因此，如果您的域名是example.com，则单击“设计”选项卡后的哈希 URL 将类似于http://example.com/services#!/design、 ，并且对于开发而言类似。我假设你知道该怎么做。
为了让搜索引擎识别标签，您要做的就是为每个页面制作一个静态版本。所以你会有一个 athttp://example.com/services/design和一个 at http://example.com/services/development。每个选项卡的属性href实际上都指向这些静态页面，但您可以将 onclick 处理程序附加到每个选项卡以使其转到哈希版本。
这样，启用 JavaScript 的客户端将获得带有哈希标签和淡入淡出效果的页面的 Ajaxy 版本，而未启用 JavaScript 的客户端（包括网络爬虫）将看到正常的静态链接，这样每个人都会获胜。
根据记录，这与 Facebook 的做法类似。他们更进一步，history.pushState()在支持 HTML5 的浏览器中使用 HTML5 的新功能，以完全消除对哈希标签的需要。（有关更多信息，请参阅此问题。）