SEO开发人员:分页
#html #网络开发人员 #教程 #seo

在网站上使用分页时,了解如何优化SEO。这是涵盖我的最佳实践,代码示例和技巧的Web开发人员的指南,以确保用户和搜索引擎都可以访问和可见分页的内容。

介绍

分页很棒!当您的网站变得复杂性并且您有很多需要适合一页的内容时,分页可以帮助您在不压倒用户或增加加载时间的情况下结构所有内容。

分页将内容分为较小,更易于管理的页面。

Screenshot of an example pagination on a website

但是,分页也可以提出搜索引擎优化(SEO)的挑战,因为搜索引擎可能并不总是爬行分页系列中的所有页面,这可能导致可见度和流量丧失。在此博客文章中,我们将探讨一些在您的网站或网络应用程序实施分页时优化SEO的最佳实践。

1.使用一致的URL结构

搜索引擎和网络爬网非常聪明!他们自己看到了某些模式。但是为此,必须有模式!

因此,我建议对您的分页内容使用一致的URL结构。

一致的URL结构看起来像这样:

<a href="/page/1">1</a>
<a href="/page/2">2</a>
<a href="/page/3">3</a>

如果愿意,可以删除首页的1

尽可能清楚地表明,不同的URL是将相同的内容分为块的。

不要做这样的事情:

<a href="/page-1">1</a>
<a href="/page-2">2</a>
<a href="/page-3">3</a>

不要将其混合:

<a href="/page-1">1</a>
<a href="/page/2">2</a>
<a href="/page?p=3">3</a>

According to Google,如果您在路径本身或参数中包含页码,这也不重要,所以此示例也可以:

<a href="/?page=1">1</a>
<a href="/?page=2">2</a>
<a href="/?page=3">3</a>

您使用哪种模式保持一致。

2.实施rel = prev/下一个标签

另一个非常重要的提示。对于Google来说不是很多,但对于任何其他搜索引擎都至关重要。

如果您不知道:您可以在页面的<head>中使用HTML标签来向Web爬行者发出关联页面之间的关系以及它们如何链接在一起。

想象我们正在浏览分页,我们在第3页上。

然后,我们可以告诉浏览器/搜索引擎/Web crawler上一个页面和下一个页面使用以下<link>标签:

<head>
  <link rel="prev" href="/page/2" />
  <link rel="next" href="/page/4" />
</head>

Google本身在Abiaoqian中说:

google不再使用这些标签,尽管这些链接仍可能由其他搜索引擎使用

因此,即使Google似乎不再使用这些标签,它们对于任何其他搜索引擎仍然非常重要。

3.链接的规范化

无论您是否有分页的内容,此技巧是您应该已经做的事情。不过要小心!处理分页的内容时,很容易弄乱规范的链接。

什么是规范化?

还有另一种可以发出搜索引擎的<link>标签

在网站上,有各种各样的重定向和许多重复内容可能最终出现在搜索引擎上的方式,从而进一步降低了您的排名。

一个示例:可以在httphttps上访问网页。繁荣!现在有两个版本的同一网页。

另一个示例:可以在www.fabiancdng.comfabiancdng.com上访问网页。繁荣!另一个版本。

您可以通过告诉搜索引擎说所有这些版本都是完全相同的内容,可以防止这一问题,通过在<head>中包含以下标签:

<head>
  <link rel="canonical" href="https://example.com/blog/posts" />
</head>

现在,搜索引擎知道访问此页面的首选方法是https://fabiancdng.com/blog/posts,无论它如何到达那里。

规范化和分页

规范化还可以帮助您确保搜索引擎有分页的内容时了解您的链接结构,但 只有每个子页面都有自己的独特规范链接标签

想象我们在博客的第3页上介绍:

https://fabiancdng.com/blog/posts/3

正确:

<head>
  <link rel="canonical" href="https://example.com/blog/posts/3" />
</head>

不正确ð«:

<head>
  <link rel="canonical" href="https://example.com/blog/posts" />
</head>

注意:在子页面上时,请勿链接到规范链接标签中的根页!

4.优化页面标题和元描述

我的最后一个提示是在页面标题和元描述中使用动态变量,这些变量给出了更多的上下文并使其独特。

您可以在标题和描述中包括页码。

<head>
  <title>Page {{ page_number }} - fabiancdng.com</title>
  <meta name="description" content="Page {{ page_number }} of our collection of articles on {{ category_name }}." />
</head>

结论

遵循这些最佳实践,您可以使搜索引擎更容易理解您的网站及其结构。即使并非所有页面都同时爬行,并且连续爬行(很可能),您在搜索结果中排名并让搜索引擎发现页面上的所有内容都很高。

欢呼!


ð£此帖子最初于2023年4月9日在my website上发表。


如果您发现这篇文章有帮助,请考虑以下更多内容,并给予帖子。

您也可以通过leaving me a tip for my next coffee ☕️表示赞赏。

您的支持对我来说意义重大! €