标签 javascript jquery html seo
<分区>
我想知道让 JavaScript 加载内容被搜索引擎索引的最佳方法是什么。我知道搜索引擎不执行 JavaScript，但我更多的是考虑渐进式魔法。 我正在创建一个响应式网站，在主页上我将有一些关于访问量最大的产品和推荐产品的部分，我计划根据检测到的设备加载这些产品。这些产品将位于带有缩略图和产品名称的 slider 中。 如果检测到移动设备，则不会加载 slider 内容，并且会显示指向外部页面的链接。 我知道外部内容将通过指向这些资源的链接编入索引。 在这种情况下，用户将被引导到哪里进行搜索？到外部页面还是主页？ 如果我在首页只显示产品名称以便它们可以被索引并用 css 隐藏它们，这对 SEO 是否不利？ 将该内容编入索引并可能将用户从搜索引导至主页的最佳方式是什么。
此外，我还看到了 Ajax 爬行 http://code.google.com/web/ajaxcrawling/但如果有更好的方法，我不想使用它。
最佳答案
不要尝试使用 css 隐藏内容等技巧。爬虫在这些事情上变得越来越聪明，以防止人们将隐藏的关键字塞入他们的页面。
我也不喜欢 google 提供的 ajaxcrawling 解决方案，它可能对某些非常具体的情况有用，但我会避免这种情况。
对于响应式页面，重点关注您希望所有用户和所有机器人看到的数据。此数据应在页面加载时显示在页面上。它应该是可见的，理想情况下应该具有适当的语义权重。像 H1、H2 等。这基本上意味着指向您网站其他页面的链接(页眉/页脚导航链接)应该在页面上可用。
为了响应，页面各部分的对齐将根据设备和媒体查询发生。
从渐进增强的 Angular 来看，如果基于浏览器的实际情况和功能，您决定在特定部分显示更多内容，请注意爬虫将无法访问这些内容。所以它不会被索引。
如果抓取工具只能看到主页上其他页面的链接，您不会丢失任何东西。链接的 alt 和 href 内容将在索引您的主页时被拉出，如果搜索查询匹配该内容，用户将看到二级页面的链接。 (无论如何，这就是你想要的。)
希望这对您有所帮助。
如果您的问题的某个特定部分仍未得到解答，请发表评论。
关于JavaScript 加载外部内容 SEO，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16525274/
相关文章：
javascript - 你如何用 javascript 清除 <div> 的内容？
javascript - 用于在一行中访问数组文本的正确 jQuery 语法
javascript - php、mysql 和 ajax : dynamically display default data, 选择现有的，或添加新的
jquery - Infragistics igCombo 使输入框更小？
jQuery Mask 插件同一元素上电话号码的多个掩码不起作用
javascript - 在 asp.net 弹出窗口中打开我的新页面
javascript - 如何创建类似于 WebAuthN 的 ArrayBuffer 的 JavaScript ArrayBuffer？