解决WordPress首页和文章页中出现两个h1标签的问题

正文：

H1 标签在网站的 SEO 优化中扮演着重要的角色。通常情况下，一个页面只应该包含一个 H1 标签，用于显示文章的标题并强调其重要性。然而，使用WordPress 主题构建的博客和网站通常在 header.php 文件中添加了一个 H1 标签来显示站点的 logo 图片。由于 logo 在各个页面上都是全局性的存在，这就导致了在文章页和分类页中出现了两个 H1 标签的情况。从搜索引擎优化的角度来看，这可能对搜索引擎的爬虫不太友好。

通过 if 判断页面类型

我们可以使用 if 语句来判断当前页面的类型。如果是首页，我们将在h1 标签中显示 logo 图片；如果是分类页或文章页等其他页面，则将 logo 图片显示为普通的 div 模块。

修改 header 的 logo 代码

打开 WP 主题根目录下的 header.php 文件，不同主题的站点 logo 位置可能有所不同，但大多数情况下都在 header 文件中。

找到以下代码行：

 <hgroup class="logo-site">
  <h1 class="site-title"> <a href="https://www.huizhanii.com"><img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="汇站网" /></a> 
 </hgroup>
 

通过代码可以看出是全局显示的，所以我们将代码删除，更换为 if 判断条件语句，修改为如下代码后保存。记得将站点 url，图片路径，alt 名称等更换为自己网站的信息：

 <hgroup class="logo-site">
<?php
if (is_home()) {
echo '<h1 class="site-title">';
}else{
echo '<div class="h1logo" >';
}
?>
<a href="https://www.huizhanii.com/"> <img src="logo 图片地址" title="汇站网" alt="汇站网"> </a>
<?php
if (is_home()) {
echo ' ';
}else{
echo '</div>';
}
?>
 </hgroup>
 

检测重复问题是否解决

我们清理站点缓存后重新访问网站首页，可以看到站点 logo 的图片是含有 h1 标签的。之后再访问文章页和分类页，可以惊喜的发现站点图片的标签消失了，只显示当前文章或类目页的标题的标签对，问题完美解决。

转载请注明：汇站网 » 解决 WordPress 首页和文章页中出现两个 h1 标签的问题