提高网页关键词排名技巧之:rel标签的正确用法,WordPress网站的示例(下)


原文地址:提高网页关键词排名技巧之:rel标签的正确用法,WordPress网站的示例(下)

本篇文章以WordPress网站为示例,从WordPress主页/索引页面、文章详情页、WordPress存档页面(类别,标签,作者和日期存档)、产品列表页(自定义帖子类型档案)、面向移动用户的不同站点、不同语言、网站的AMP版本、跨域使用几个方面阐述如何正确使用rel标签。

接着上一篇《提高网页关键词排名技巧之:rel标签的正确用法(上)》,本篇文章将以WordPress网站为示例,从以下方面聊rel标签的使用方法。

  1. WordPress主页/索引页面
  2. 单页
  3. WordPress存档页面(类别,标签,作者和日期存档)
  4. 产品列表页(自定义帖子类型档案)
  5. 面向移动用户的不同站点
  6. 不同语言
  7. 网站的AMP版本
  8. 跨域使用

1)WordPress主页/索引页

根据配置,您网站的索引页面(即首页)可以有多种变体:

http://example.com

http://www.example.com

https://example.com

https://www.example.com

https://www.example.com/index.php

https://example.com/index.php

http://example.com/index.php

http://www.example.com/index.php

如您所见,这包括带有和不带有“ www ”的版本,HTTP版本,HTTPS版本以及带有和不带有index.php文件名的版本。

由于所有这些URL的内容完全相同,因此使用规范标签可以解决此问题,尽管它绝对不是最佳解决方案。更好的解决方案是选择一个版本,然后将所有其他版本重定向到301。

重定向URL之后,您可以使用http://example.com  作为 所选版本,如下所示使用规范标记  

<link rel =“ canonical” href =“ http://example.com”>

要注意的另一件事是,如果您的WordPress网站设置为显示您的最新帖子,则您将具有索引页面的分页URL。

根据您的分页基础,您的URL如下所示:

http://example.com

http://example.com/page/1/

http://example.com/page/2/

…等等。

如前所述,处理此问题的最佳方法是添加“ next”和“ prev”标签以指示逻辑顺序。

您还可以通过添加“ noindex”元标记来阻止对这些子页面建立索引。 实际上,您可以同时添加这两个标签。

主索引页面http://example.com的代码如下所示  :

<link rel =“ canonical” href =“ http://example.com”>

<link rel =“ next” href =“ http://example.com/page/1/”>

对于第二页(http://example.com/page/1/ ),标签如下:

<link rel =“ canonical” href =“ http://example.com/page/1/”>

<link rel =“ next” href =“ http://example.com/page/2/”>

<link rel =“ prev” href =“ http://example.com/page/”>

<meta name=“robots” content =“ noindex,follow”>

如您所见,我们为第二个分页页面添加了'noindex'标签,以阻止其被编制索引。这样,您可以阻止所有子页面被索引,并通知Google这些页面是同一分页序列的一部分。

2)WordPress文章详情页 single.php

在大多数情况下,单个帖子页面不需要'next / prev'标签,因为它们不是序列的一部分。

应该注意的是,WordPress会自动在文章详情页面single.php添加“ canonical”和“ next / prev”标签。删除这些由WordPress启动的“下一个/上一个”标签是一个好习惯,因为它们有可能向Google和其他搜索引擎机器人发送混合消息。

您可以通过将以下内容添加到functions.php文件中来轻松删除这些标记:

remove_action('wp_head','adjacent_posts_rel_link_wp_head');

分页的单个帖子:如果单个帖子太长(说了5,000个以上的单词),则可以将它们分成不同的页面以提高可读性。

WordPress允许您使用<!– nextpage–>标记执行此操作。您需要做的就是在您希望在HTML编辑器  (或Text editor)中显示分页符的内容中键入此标记,然后页面将相应地拆分。  

如果您使用此技术将单个帖子分成多个页面,则可以使用“下一个/上一个”标签向Google表示这些页面是单篇文章的一部分。

这样做的主要优点是,Google始终会在SERP中显示顺序中的第一篇文章,而不是在子页面中显示。

例如,假设这些是拆分文章的URL:

http://example.com/some-article/

http://example.com/some-article/2/

http://example.com/some-article/3/

您可以将以下标记添加到首页(http://example.com/some-article/):

<link rel =“ canonical” href =“ http://example.com/some-article/”>

<link rel =“ next” href =“ http://example.com/some-article/2/”>

如您所见,我们添加了一个规范标签和下一个标签。下一个标签告诉Google该文章已在继续,并附有该网页的URL。

然后,您可以将以下标签添加到第二页(http://example.com/some-article/2/):

<link rel =“ canonical” href =“ http://example.com/some-article/2/”>

<link rel =“ next” href =“ http://example.com/some-article/3/”>

<link rel =“ prev” href =“ http://example.com/some-article/”>

同样,我们在此通知Google该文章是序列的一部分,并且链接指示该页面的前一页和后一页。

分页注释页面:如果您使用WordPress注释并且还使用“中断注释”选项将您的注释分为单独的部分,则WordPress将为每个注释部分创建单独的URL,如下所示:

https://example.com/seo-article/

https://example.com/seo-article/comment-page-1/

https://example.com/seo-article/comment-page-2/

…等等。

如您所见,这也可能导致内容重复。避免此问题的最佳方法是添加指向主页的规范标签 rel="conanical",在上面的示例中为https://example.com/seo-article/

因此,所有评论页面(按照上面的示例)将具有以下规范标记:

<link rel ='canonical'href ='https://example.com/seo-article/'/>

当然,另一种选择是停止将您的评论分成不同的页面,或者停止使用WordPress的评论系统,而是使用诸如Disqus的第三方软件。

3)WordPress存档页面 archive.php 或者 category.php

WordPress自动生成存档页面,例如:

  • 分类页面
  • 标签页面
  • 日期存档页面
  • 作者存档页面
  • 自定义分类

所有档案页面具有相同的URL结构,因此让我们看一看类别档案。

http://example.com/category-1/

http://example.com/category-1/page/2/

http://example.com/category-1/page/3/

http://example.com/category-1/page/4/

由于存档页面是序列的一部分,因此最好使用prev / next标签对其进行标记。 与首页一样,您也可以从第二页开始将noindex标记添加到类别页面。

例如,对于第一页(http://sitename.com/category-1/),我们将具有以下标记:

<link rel =“ canonical” content =“ http://sitename.com/category-1/” />

<link rel =“ next” content =“ http://sitename.com/category-1/page/2” />

对于第二页(http://sitename.com/category-1/page/2/),我们将具有以下标记:

<link rel =“ canonical” content =“ http://sitename.com/category-1/” />

<link rel =“ prev” content =“ http://sitename.com/category-1/page/” />

<link rel =“ next” content =“ http://sitename.com/category-1/page/3” />

<meta name =“robots” content =“ noindex / follow” />

4)产品页面(自定义帖子类型档案)

如果您在网站上销售产品并使用WooCommerce之类的插件,那么您将拥有可以根据各种参数进行排序的产品页面。

例如,可以根据受欢迎程度,价格范围,添加日期等对产品进行排序。这可以产生具有相同内容的许多不同页面。

这是一个产品页面的示例,以及由于排序而生成的各种版本:

https://example.com/shop/

https://example.com/shop/?orderby=popularity

https://example.com/shop/?orderby=price

https://example.com/shop/?orderby=rating

https://example.com/shop/?orderby=date

除此之外,产品页面也可以具有分页功能,因此即使分页的页面也将具有以下所有不同的URL版本:

https://example.com/shop/page/2/

https://example.com/shop/page/2/?orderby=popularity

https://example.com/shop/page/2/?orderby=price

这显然会引起重复的内容问题。此处最好的做法是将rel =“ canonical”标签与rel =“ next / prev”标签一起添加。 因此,第一页(https://example.com/shop/)和所有变体将带有以下标记:

<link rel =“ canonical” href =“ https://example.com/shop/”>

<link rel =“ next” href =“ https://example.com/shop/page/2/”>

第二页将具有以下标签:

<link rel =“ canonical” href =“ https://example.com/shop/page/2/”>

<link rel =“ next” href =“ https://example.com/shop/page/3/”>

<link rel =“ prev” href =“ https://example.com/shop/”>

…以此类推。

5)不同的网站版本

许多网站都有单独的移动版本。 例如,以下是NYtimes.com的桌面版和移动版:

桌面版本:https //nytimes.com/

移动版本:https //mobile.nytimes.com/

提醒Google网站移动变化的最佳方法是在桌面页面上添加一个rel =“ alternate”标记,该标记指向相应的移动页面URL。这有助于Googlebot发现您网站的移动页的位置:

<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”https://mobile.nytimes.com/”>

同样,在移动页面(https://mobile.nytimes.com/)上,您可以添加链接rel =“ canonical”标记,指向对应的桌面URL,如下所示:

<link rel =“ canonical” href =“ https://nytimes.com/”>

使用'alternate'标签告诉Google,该网站还有其他移动版本。media属性告诉Google,移动版本用于宽度小于640像素的设备,即智能手机。

6)不同的语言版本

如前所述,如果您拥有网站的一个或多个翻译版本,则可以使用“ rel Alternative”标签和“ hreflang”标签向Google指明。

7)AMP页

如果您拥有网站的AMP版本,则Google建议使用新的rel =” amphtml”  标签来指示AMP页面的存在。然后,在AMP页面上,您可以使用规范标签指向原始页面。

假设主要的URL和AMP版本如下:

主要文章网址:https : //www.example.com/some-article/

AMP文章网址:https : //www.example.com/amp/some-article/

您可以将以下内容添加到主页(即非AMP页面),以指示存在AMP页面。

<link rel =” amphtml” href =“ https://www.example.com/amp/some-article/”>

然后在AMP页面上,您可以添加以下指向主要文章URL的规范标签。

<link rel =” canonical” href =“” https://www.example.com/some-article/”>

8)跨域页面

规范标记也可以用于指向其他域上的URL。

如果您已经从其他网站重新发布了一些文章,则可以使用规范标签将其指示给Google。这样,您可以避免任何重复的内容损失。

例如,如果重新发布的文章的原始URL为:

http://example.com/original-article-link/

您可以将此规范标签添加到重新发布的文章中:

<link rel =“ canonical” href =“ http://example.com/original-article-link/” />

检查HTML源代码以确保您具有正确的Rel标签

有许多适用于WordPress和其他平台的优秀SEO插件,可以为您自动添加所有上述标记。

但是,无论您是否使用SEO插件,始终最好检查网站上不同页面的HTML源,以确保正确添加标签。这还将告诉您是否存在重复的标签,以便您将其删除。

例如,WordPress为某些页面添加了自己的“规范”和“下一个/上一个”标签。也有某些主题倾向于添加自己的标签。如果要添加自己的标签,则可能要先删除这些标签,因为如果不添加标签,则会导致重复的标签。换句话说,您最终可能拥有两个不同的rel标签,就像同一页面上的两个不同的规范标签一样。

以类似的方式,如果您对主题的functions.php文件进行了自定义更改,以在WordPress标头中添加或删除一些标签,并且还添加了SEO插件,则您可能会遇到重复标签的问题。

这就是为什么定期检查HTML源代码以确保一切正常很重要的原因。

要检查HTML源代码,只需在您喜欢的浏览器中打开您的网站,然后右键单击页面上的任意位置,然后选择“查看页面源代码”(如果您使用的是Chrome / Firefox或Option + Command +,则使用键盘快捷键CTRL + U U(如果您使用的是Safari)。

现在,您知道如何使用以下rel标签:

  • 相对规范标签(rel =“ canonical”)
  • Rel下一个/上一个标记(rel =“ next”和rel =“ prev”)
  • 相对替代标签(rel =“ alternate”)

…您可以避免重复的内容惩罚,将适当的页面通知Google并显示在搜索结果页中,从而提高您网站的排名。

评论

登录后评论

服务器优惠活动

Top