jquery - fullPage.js:使所有幻灯片和部分在搜索引擎结果中可见

Question

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

我主要使用默认设置，而且该插件非常有用。当我进行 SEO 时，我无法正确地让 Google 按“每张幻灯片”抓取我的网站。

我所有的幻灯片都是在页面加载时加载的，所以 ajax 甚至不是问题，但 GoogleBot 似乎无法将每张幻灯片可视化为一个页面(我想是因为所有的 html 内容总是被加载并且不能'不要区分不同的幻灯片)

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

Answer 1

您可能无法强制 Google 将您的 anchor 链接编入索引作为不同的页面。您将能够将它们作为单个页面进行索引。Google 会按原样阅读您的页面。单个页面。

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

这样，如果您使用不同的值，谷歌可能会索引 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 如何毫无问题地将它们编入索引，尽管索引链接不包含 anchor 链接。