jquery - SEO 友好的页面转换

标签 jquery ajax css seo

<分区>

我最近一直在玩 AJAX,并且喜欢它增强用户体验的方式。

(Wordpress) 网站仍有待改进的一个方面是在页面之间使用动画过渡。然而,在考虑 AJAX 时,有几件事让我担心。

这就是我想要实现的目标:

  1. 深层链接 - 我想维护 Wordpress 的永久链接结构,以便搜索机器人和用户都可以访问页面
  2. 很酷的效果,例如 these done by Codrops使用 CSS3

我看过 some people寻求在 body 标签上简单应用 display: none 的方法,然后使用 jQuery 使其栩栩如生。但这极大地限制了在视觉外观方面可以实现的目标。

AJAX 是这里的解决方案吗?如果是这样,如何在不损害网站 SEO 的情况下使用它?或者有没有我没有考虑的替代方案。

最佳答案

AJAX 和 SEO(搜索爬虫)的问题在于它们查看页面时看到的是没有加载 AJAX 内容的页面。如果您将所有内容都放在一个页面中,并且将页面的各个“部分”设置为动画,例如某些允许滚动浏览内容的移动网站,或者使用同位素效果的网站,爬虫可以点击内容并看到它.但是,如果它是完全动态的并且您的内容在 AJAX 加载之前不存在,则您必须谨慎对待 SEO 方法。

也就是说,对于希望通过 AJAX 创建动态网站并希望保持其内容可抓取和可搜索的人们来说,这个问题并不少见。然而,解决方案并不是像 Elixir 那样简单的插入代码。它比那复杂一点。

大约一年前,Google Dev 站点通过一篇解释了问题的一部分及其处理方法的帖子探讨了这个问题以及可能的解决方案。我相信这是现在公认的方法,Bing 甚至可能会效仿使用它。

阅读有关“使 AJAX 应用程序可抓取”的更多信息 - https://developers.google.com/webmasters/ajax-crawling/

编辑 这里有一个包含相同链接和一些额外链接/想法的类似问题:https://stackoverflow.com/a/7098472/2754848

关于jquery - SEO 友好的页面转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19959285/

相关文章:

尝试返回值时的javascript函数错误

javascript - 我可以使用 jQuery/JS 获取元值吗?

javascript - 无法使用 jQuery click() 打开链接

javascript - 我如何使用authorize === Administrator返回数组中的所有元素

javascript - AngularJS 中的多个 JSONP XHR 请求失败

jQuery 不会从 AJAX 查询中解析我的 JSON

javascript - 将文本区域转换为文件 (HTML JQuery AJAX PHP)

jquery - 如何保存页面状态(颜色,每个元素的背景颜色)

html - Laravel Blade 使用自定义函数

javascript - 摆脱链接标签?