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

2023-10-04 0 402

正文:

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

解决WordPress首页和文章页中出现两个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 标签的。之后再访问文章页和分类页,可以惊喜的发现站点图片的标签消失了,只显示当前文章或类目页的标题的标签对,问题完美解决。

收藏 (0)

微信扫一扫

支付宝扫一扫

点赞 (0)

免责声明

本资源仅限个人学习与研究使用,严禁用于任何商业用途!

1 网站名称:汇站网
2 永久网址:https://www.huizhanii.com
3 本站资源来源于网友投稿和付费购买,仅供编程人员及源代码爱好者下载参考与研究,不提供任何技术支持服务!
4 资源展示图片及相关信息仅供参考,不代表本站立场!本站仅作为信息存储平台
5 禁止在服务器和虚拟机上搭建运营,所有资源仅限本地调试与研究使用,不支持联网运行!
6 未经版权方授权,严禁用于商业用途。使用者如违反国家法律法规,需自行承担全部法律责任!
7 请在下载后24小时内删除!建议支持正版授权作品
8 如资源侵犯您的合法权益,请提供版权证明及相关作品信息发送至邮箱:972908224@qq.com,我们将及时处理
9 如遇下载链接失效或支付未到账,请联系站长处理
10 欢迎投稿优质源码或教程,审核通过后将获得相应奖励
11 资源收费仅用于维持网站正常运营
12 数字商品具有特殊性质,一经购买概不退款

汇站网 WordPress教程 解决WordPress首页和文章页中出现两个h1标签的问题 https://www.huizhanii.com/33355.html

站长资源下载中心-找源码上汇站

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务