0

我想要完成的主要目标是改进我的一页视差网站的 seo，从我读过的内容来看，这是一页，由于只有一页标题和一页，这很难完成指数。但是，我读到的所有内容都在说，作为一种解决方法，您可以“将内部链接分配到视差网站的不同部分以索引内容。搜索引擎会将这些部分识别为搜索引擎结果页面上的不同页面并允许更多入口点到网站”，但没有人告诉你怎么做。- 查看更多信息：http ://www.r2integrated.com/news/blog/keys-to-designing-an-awesome-parallax-scrolling-website#sthash.jRuZ1auq.dpuf

这是导航部分的一些代码，可让您了解每个部分的链接方式。每个链接/部分都被标识为一个 ID，例如 href="#about"、href="#team" 和 href="#work"。

关于 
                            <div class="w-nav-item level_1">
                                <div class="w-nav-item-h">
                                    <a href="#team" class="w-nav-anchor level_1"><span class="w-nav-title">Team</span><span class="w-nav-hint"></span></a>
                                </div>
                            </div>
                            <div class="w-nav-item level_1">
                                <div class="w-nav-item-h">
                                    <a href="#work" class="w-nav-anchor level_1"><span class="w-nav-title">Work</span><span class="w-nav-hint"></span></a>
                                </div>
                            </div>

因此，我试图弄清楚我是否已经正确完成了它，以及现在我可以做什么，以便搜索引擎为每个部分编制索引。

此外，当您向下滚动浏览每个部分时，我试图让我的网址发生变化，就像这个视差网站一样：http ://tooyoungtowed.org/

任何帮助深表感谢！

4

1 回答 1

0

您可以将 Bootstrap 的 ScrollSpy 与 HTML5 History APIpushState函数结合使用。

本质上，ScrollSpy 监听滚动。在每次滚动时，它都会计算出您离顶部的距离，如果您处于预定义点，那么它将运行您告诉它运行的功能。

History API 允许您在不重新加载页面的情况下更改 URL。

于 2015-03-24T21:02:20.600 回答