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

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

2023-10-04 0 124

正文:

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

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

收藏 (0)

微信扫一扫

支付宝扫一扫

点赞 (0)

感谢您的来访,获取更多精彩资源请收藏本站。

本站声明

本资源仅用于个人学习和研究使用,禁止用于任何商业环境!

 1.  本网站名称:汇站网
 2.  本站永久网址:https://www.huizhanii.com/
 3.  本站所有资源来源于网友投稿和高价购买,所有资源仅对编程人员及源代码爱好者开放下载做参考和研究及学习,本站不提供任何技术服务!
 4.  未经原版权作者许可,禁止用于任何商业环境,任何人不得擅作它用,下载者不得用于违反国家法律,否则发生的一切法律后果自行承担!
 5.  为尊重作者版权,请在下载24小时内删除!请购买原版授权作品,支持你喜欢的作者,谢谢!
 6.  若资源侵犯了您的合法权益, 请持您的版权证书和相关原作品信息来信通知我们请来信     通知我们我们会及时删除,给您带来的不便,我们深表歉意!
 7.  如下载链接失效、广告或者压缩包问题请联系站长处理!
 8.  如果你也有好源码或者教程,可以发布到网站,分享有金币奖励和额外收入!
 9.  本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
 10.  因源码具有可复制性,一经赞助 ,不得以任何形式退款。
 11.  更多详情请点击查看

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

汇站

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

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

相关文章

发表评论
暂无评论
  随机评论 表情开关按钮图片
表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情
登录后评论
联系官方客服

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

(汇站网)一个专注站长资源的平台网站,提供最新的网站模板和整站源码,内容包含各类精品网页模板,企业网站模板,网站模板,DIV+CSS模板,织梦模板,帝国cms模板,discuz模板,wordpress模板,个人博客论坛模板,上千种免费网页模板下载尽在汇站网.找源码上汇站.huizhanii.com