fullPage.js：使所有幻灯片和部分在搜索引擎结果中可见
fullPage.js: Make all slides and sections visible in search engine results
我正在为单页应用程序使用 fullpage.js jQuery 插件。
我主要使用默认设置，而且该插件非常有用。
当我进入 SEO 时，虽然我无法正确地 Google 在 "per slide" 的基础上抓取我的网站。
我所有的幻灯片都是在页面加载时加载的，所以 ajax 甚至不是问题，但是 GoogleBot 似乎无法将每张幻灯片可视化为一个页面（我想因为所有 html 内容总是加载并且无法区分各种幻灯片）
有没有办法让 GoogleBot 明白每个“/#Section/Slide”是一个不同的页面，应该在搜索引擎中有不同的结果？也许使用微数据或任何其他语义解决方法？
也许可以通过为每张幻灯片向主 URL 添加一个参数。如果使用参数值 1 调用 URL，则显示第一张幻灯片，使用 2、幻灯片 2 等...
然后在 sitemap.xml 中添加每个 URL 组合。
您可能无法强制 Google 将您的锚点 link 索引为不同的页面。您将能够将它们作为单个页面进行索引。
Google 将按原样阅读您的页面。单页。
There are some recommendations建议使用id标签来分隔内容。但问题在于它在 fullPage.js 中不起作用，因为 fullPage.js 不允许使用与 anchor [=43= 相同的 id 值]s.
这样，如果您使用不同的值，google 可能会索引 id 元素，一旦您访问 link，这将导致 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'
});
并且按照前面 link 中的建议，在每个部分中使用 h1 个元素。
您还可以观看来自 Google 的关于 single page websites. But I would suggest just to try and test it yourself with some single pages you might now, for example the main fullPage.js website 的视频。
查找显示在不同部分或幻灯片中的文本部分，您会发现 Google 如何毫无问题地对其进行索引，尽管索引的 link 不包含锚点 link.
我正在为单页应用程序使用 fullpage.js jQuery 插件。
我主要使用默认设置，而且该插件非常有用。 当我进入 SEO 时，虽然我无法正确地 Google 在 "per slide" 的基础上抓取我的网站。
我所有的幻灯片都是在页面加载时加载的，所以 ajax 甚至不是问题，但是 GoogleBot 似乎无法将每张幻灯片可视化为一个页面（我想因为所有 html 内容总是加载并且无法区分各种幻灯片）
有没有办法让 GoogleBot 明白每个“/#Section/Slide”是一个不同的页面，应该在搜索引擎中有不同的结果？也许使用微数据或任何其他语义解决方法？
也许可以通过为每张幻灯片向主 URL 添加一个参数。如果使用参数值 1 调用 URL，则显示第一张幻灯片，使用 2、幻灯片 2 等...
然后在 sitemap.xml 中添加每个 URL 组合。
您可能无法强制 Google 将您的锚点 link 索引为不同的页面。您将能够将它们作为单个页面进行索引。 Google 将按原样阅读您的页面。单页。
There are some recommendations建议使用id标签来分隔内容。但问题在于它在 fullPage.js 中不起作用，因为 fullPage.js 不允许使用与 anchor [=43= 相同的 id 值]s.
这样，如果您使用不同的值，google 可能会索引 id 元素，一旦您访问 link，这将导致 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'
});
并且按照前面 link 中的建议，在每个部分中使用 h1 个元素。
您还可以观看来自 Google 的关于 single page websites. But I would suggest just to try and test it yourself with some single pages you might now, for example the main fullPage.js website 的视频。 查找显示在不同部分或幻灯片中的文本部分，您会发现 Google 如何毫无问题地对其进行索引，尽管索引的 link 不包含锚点 link.