我正在为单页应用程序使用fullpage.js jQuery 插件。
我主要使用默认设置，插件的工作原理就像一个魅力。 当我进行 SEO 时，虽然我无法让 Google 以“每张幻灯片”为基础正确抓取我的网站。
我所有的幻灯片都是在页面加载时加载的，所以 ajax 甚至不是问题，但 GoogleBot 似乎无法将每张幻灯片可视化为一个页面（我想是因为所有的 html 内容总是被加载并且可以' t 区分各种幻灯片）
有没有办法让 GoogleBot 明白每个“/#Section/Slide”都是不同的页面，在搜索引擎中应该有不同的结果？也许使用微数据或任何其他语义解决方法？
【问题讨论】：
标签： jquery seo web-crawler single-page-application fullpage.js
您可能无法强制 Google 将您的锚链接索引为不同的页面。您将能够将它们索引为单个页面。 谷歌会按照你的真实情况阅读你的页面。单页。
There are some recommendations 建议使用id 标签来分隔内容。但问题在于它在 fullPage.js 中不起作用，因为 fullPage.js 不允许使用与 anchor 链接相同的 id 值。
这样，如果您使用不同的值，Google 可能会将 id 元素编入索引，这将导致 fullPage.js 在您访问链接后中断。
我相信尽可能多地使用section 元素，如下所示：
<div id="fullpage">
<section>1st section</section>
<section>2nd section</section>
<section>3rd section</section>
</div>
然后使用 sectionSelector` 选项初始化 fullpage.js，如下所示：
$('#fullpage').fullpage({
sectionSelector: 'section'
});
按照上一个链接中的建议，在每个部分中使用 h1 元素。
您还可以观看来自 Google 的有关 single page websites 的视频。但我建议您尝试自己使用一些您现在可能的单页进行测试，例如主要的fullPage.js website。 查找显示在不同部分或幻灯片中的文本部分，您会发现 Google 如何毫无问题地对它们进行索引，尽管索引链接不包含锚链接。
【讨论】：
也许通过在每张幻灯片的主 URL 中添加一个参数。如果使用参数值 1 调用 URL，则显示第一张幻灯片，带有 2、幻灯片 2 等...
然后在您的 sitemap.xml 中添加每个 URL 组合。
【讨论】：