Question

我想要完成的主要目标是改进我的单页parallex网站的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/

非常感谢任何帮助！

Answer 1

您可以使用类似Bootstrap的ScrollSpy和HTML5 History API pushState功能。

基本上，ScrollSpy会监听滚动。在每个滚动条上，它会计算出您距离顶部有多远，如果您处于预定义的点，那么它将运行您告诉它运行的函数。

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

将内部链接分配给视差网站的不同部分

1 个答案: