金华网站建设:SEO的分页或无限滚动?

2019.07.18 mf_web

119

决定用户如何浏览内容是数字出版商从可用性角度做出的最重要决策之一。网站上使用的导航类型会对转化和用户参与产生巨大影响。目前有两种流行的方法来处理这种导航。当每页有一定数量的项目列出许多页面或“下一步”和“后退”指示时,这称为分页。或者,您可以创建它以便在页面滚动时加载更多内容,称为无限滚动。哪个在搜索引擎优化方面效果最好?请仔细阅读,找出答案。


什么是分页?

分页是指网站的内容是通过某些导航系统(通常位于页面底部)链接在一起的多个页面划分的。该系统可以使用数字指示符,或“较旧”或“下一步”链接。也许用户体验专业人士认为,通过数字链接多个页面,就像谷歌的搜索结果一样,是最好的方法。通过以这种方式实现分页,网站的任何访问者将能够浏览更多内容,因为与其他页面相比,用户将能够可视化他们的位置。第一个和最后一个之间编号的编号序列称为数字分页。数字分页允许观众不仅能够连续滚动页面,而且还可以不按顺序访问其他页面。

seo的分页或无限滚动


搜索引擎可以找到并读取网站的XML站点地图,这使得为搜索引擎结果索引网页的过程更加高效。当页面链接按数字导航时,通过在模板中添加“上一个”和“下一个”选项和标签,向Google显示页面与网站之间的关系。

谷歌分页的例子

成功分页的一个很好的例子是像亚马逊这样的电子商务网站。几乎任何搜索都会产生数百甚至数百页的通用搜索结果,比如鞋子。此策略适用于亚马逊,因为它们有许多过滤器可供用户缩小搜索范围,如大小,颜色等。用户可以编辑每页包含的结果数量,并可以选择相关性或价格等排序方法。网站上的项目附有所有正确的数据,这使得Google可以在用户进行相关搜索查询时轻松找到它们。如果编号页面上的内容不是这种情况,则任何搜索引擎都很难将此内容转发给正在搜索的人。


什么是无限卷轴?

无限滚动只是一个包含大量信息的页面,这些信息没有分解成单独的页面,因此用户可以向下滚动浏览所有信息,在滚动可能结束时没有真正的指示。此方法可能使用其他JavaScript作为触发器,这可能会不必要地减慢网站加载时间。无限滚动的一个缺点是一些内容被隐藏,同时主动滚动。虽然谷歌确实为这个隐藏内容编制了索引,但这个内容在搜索引擎优化方面比隐藏的内容更有价值。虽然谷歌已经改进了索引JavaScript,但动态Javascript仍然需要一些工作才能编制索引。

seo的分页或无限滚动



这对用户的体验有何影响?无限滚动将为用户提供良好的体验,但重点不在于单个项目。焦点可能会转移到页面顶部显示最新信息。所有这些对Facebook或Twitter等社交媒体网站最有意义。在社交媒体上无限滚动的最好例子之一是Instagram,当然还有Pinterest。几乎不可能到达每个站点的页脚。 

 

SEO的分页或无限滚动


哪一个应该用?

虽然Google和其他大型搜索引擎确实在索引网站方面做得更好,但无限滚动似乎是两者之间的赢家。当网站的焦点作为整体内容而不是更具个性和特定的项目时,滚动有效。从本质上讲,它允许用户滚动内容,看不到尽头。

无限滚动可以使用户在网站上停留更长时间,这会增加参与度。在模板中添加Previous和Next选项和标签非常重要,这种无限滚动为用户提供了一种有效的方式来浏览这一大范围的信息,而无需等待页面加载。对于具有发现接口的人来说,此方法几乎是必需的。这是当用户没有搜索特定的东西时,所以他们需要看到很多项目来找到他们正在寻找的东西。例如,看看Facebook。通过一个简单的未说明的协议,大多数用户会知道他们不会在他们的Feed上看到所有内容,只是因为内容更新得如此之快。通过使用无限滚动,


用户在滚动时有更好的体验,而不是在点击或点击内容时。鼠标滚轮和触摸屏使滚动比使用鼠标或触控板更快更容易。对于像教程这样异常冗长的内容,情况确实如此。滚动允许更好的可用性,而不是来回敲击多个页面。

最后,使用滚动时有一些很大的移动优势。屏幕较小时,滚动较长。越来越多的人使用移动设备进行浏览,并且在点击多个页面时,在移动设备上滚动的物理手势更直观,更易于使用。因此,用户将在他们使用的任何设备上获得积极的响应体验。


如何使用无限滚动和搜索友好

如前所述,一些最受欢迎的社交媒体网站使用无限滚动。使用无限滚动使用户可以轻松地随意浏览内容。虽然这对用户来说很棒,但Googlebot的观点略有不同。使用无限滚动时,爬虫并不总是能够模拟用户的行为,例如滚动或单击将生成更多项目的按钮。因此,不总是可以访问Feed中的每个单独项目。如果抓取工具无法访问内容,则很可能它不会显示在搜索结果页面的表面上。为了确保搜索引擎可以抓取从具有无限滚动的页面链接的单独项目,只需确保您的内容管理系统已将一个分页系列放在一起,该系列将与无限滚动一起使用。这样做的主要目的是使页面搜索引擎友好。它将确保所有单个元素都可访问 - 使用传统的无限滚动,爬行器无法发现显示的单个项目。此外,没有重叠 - 每个项目仅在分页系列中列出一次,没有重复项目。

 

SEO示例的分页或无限滚动

 


在开始使您的无限滚动网站搜索引擎友好之前,您需要将无限滚动页面内容分块到将在禁用Javascript时访问的组件页面。然后,您需要确定每页应该有多少内容。确保如果正在搜索的人直接到达该页面,他们将能够轻松找到他们正在寻找的项目,而无需大量搜索以找到所需内容。您还应该努力保持合理的页面加载时间。然后,您需要将内容分开,以便系列中的组件页面不会重叠,唯一的例外是缓冲时。


然后,您应该为搜索引擎构建无限滚动过程的URL。每个组件页面都必须包含完整的URL。建议在此特定情况下使用完整URL,以便配置中出现错误的可能性很小。您应该测试每个组件页面以确保它们可以正常工作,并将任何访问者直接带到内容中。确保可以从没有相同用户/ cookie历史记录的浏览器访问每个页面。

如果在类似的时间范围(例如两周)内访问,则URL应显示相同的内容。

  1. Web开发人员的目标应该是避免任何基于时间的URL参数,并创建可以为搜索者提供有价值内容的参数。example.com/category/page.php?name=fun-items&days-ago=3

  2. 尽量将非搜索者有价值的参数作为访问内容的主要/主要方法。example.com/fun-places?radius=5&lat=40.71&long=-73.40

 

SEO示例的分页或无限滚动

 

接下来,您需要为每个包含HEAD标记中的rel = next和rel = prev值的组件页面配置分页。出于索引目的,Google会忽略BODY标记中的分页值,因为它可能是用户生成的内容,而网站管理员并不打算这样做。

然后,您需要在无限滚动页面上实现pushState / replaceState。您可以使用其中一个或两个,但这取决于网站所有者和用户的行为。两者都可用于模拟主动转动或点击的页面。用户必须能够回溯最近分页的内容。

此外,您还需要测试。当用户向上或向下滚动时,检查页面值是否相应调整。您还需要验证系列中超出范围的页面是否会返回404错误响应。此外,您应该研究引入无限滚动所带来的任何潜在可用性影响。

一些好的建议是通过显示动画或图形来告知用户正在发生的事情,为用户提供可视指示,表明有更多内容需要加载。当这样的事情不存在时,连接速度很慢,似乎页面已经走到了死胡同。

此外,努力保持导航可见。将有用户想要使用想要浏览网站其他区域的所有内容和用户。当他们唯一的选择是通过数百个项目回滚到顶部时,他们可能只会离开页面。允许他们查看网站上其他所有内容。另外,在用户之前延迟加载一些内容。无限滚动的全部意义在于让它像无尽的内容河流一样流动。 

链接应在新窗口中打开。虽然这种做法值得商榷 - 当它没有实现时,它会为用户选择。当链接在新选项卡或窗口中自动打开时,用户不会意外地从无限加载的内容页面导航,并且不可避免地会丢失其位置。

有时候,当选择使用无限滚动的方法时,很多时候必须放弃使用页脚的选项。随着更多帖子自动加载,用户会发现尝试捕获页脚很烦人。但还有其他选择。混合解决方案将允许将页脚保持在用户可及的范围内。


所有的情况都被考虑到了

最后,无限滚动是一个很棒的功能,可以为用户提供真正无穷无尽的内容,但必须正确使用它才能最有效。虽然目的是让用户尽可能多地接触内容,但您不希望将个别内容的价值视为个人,或者让用户一次感受到过多信息的压力。用户在那里的原因是内容 - 不要让他们离开的原因。无限滚动是一个很好的选择,只要所呈现的内容有利于用户愉快的体验。


分页通常不是显示大量信息的首选结构。如果由于某种原因无限滚动无法在特定网站上工作,则用户可能更喜欢使用以数字分页组织的页面。这样,这将给他们一些关于他们在网站上的位置的指示。

虽然无限滚动是通过将用户从简单浏览页面的机制中保存来兑换的,但对于具有目标导向任务的网站来说,它可能不是一个很好的选择。一个例子是需要用户查找特定内容或比较电子商务网站上的选项。像这样的页面可能需要使用过滤器,以便可以隔离产品。另外,很难在没有排序技术或没有导航的无限页面上定位特定项目,并且对于先前找到的内容也是如此。总而言之,无限滚动本身并非正确或错误,但如果使用正确类型的内容正确实施,它可以取得巨大成功 - 只需查看所有最受欢迎的社交媒体网站和移动应用程序。

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP