fullPage.js：在搜索引擎结果中显示所有幻灯片和部分

Question

我在单页应用程序中使用fullpage.js jQuery插件。

我主要使用默认设置，插件就像魅力一样。 当我进入搜索引擎优化虽然我无法正确地让谷歌在每张幻灯片上抓取我的网站＆＃34;基础。

我的所有幻灯片都是在页面加载时加载的，所以ajax甚至不是问题，但GoogleBot似乎无法将每张幻灯片可视化为一个页面（我认为因为所有的html内容总是被加载而且不能分辨各种幻灯片）

有没有办法让GoogleBot了解每个＆＃34; /＃Section / Slide＆＃34;是一个不同的页面，在搜索引擎中应该有不同的结果？也许使用微数据或任何其他语义解决方法？

Answer 1

可能通过为每张幻灯片的主网址添加参数。如果使用参数值1调用URL，则会显示第一张幻灯片，其中包含2，幻灯片2等...

然后在sitemap.xml中添加每个网址组合。

Answer 2

您可能无法强制Google将您的锚链接编入索引为不同的网页。您将能够将它们编入索引作为单个页面。 Google会将您的网页视为真实内容。一页。

There are some recommendations建议使用id标记分隔内容。但问题是它不能在fullPage.js中工作，因为fullPage.js不允许使用与id链接相同的anchor值。

这样，如果您使用其他值，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如何对其进行索引而没有任何问题，尽管索引链接不包含锚链接。