当前位置:首页>Wordpress外贸建站wordpress建站教程> 解决WordPress首页logo和文章页两个h1标签问题

解决WordPress首页logo和文章页两个h1标签问题

H1标签是网站SEO优化中的重要内容,一个页面通常只出现一个h1标签,用在文章的标题,强调其重要性。而使用Wordpress主题搭建的博客和网站在header.php里对站点logo图片也通常添加了这个标签对,因为logo是全局在各个页面都出现的,所以会造成文章页,分类页出现两个h1标签的情况,从搜索理论上说容易对爬虫蜘蛛不友好。

通过if判断页面类型

那么我们要如何解决这个问题呢?因为Wordpress是PHP驱动的网站,所以思路上是做一个if判断。如果识别当前页面是首页,则显示logo图片的h1标签;如果识别到当前页面是分类页,文章页等,则将logo图片处理为普通div模块显示。

修改header的logo代码

打开WP主题根目录下的header.php,不同主题的站点logo所在的位置可能有所差别,不过大多数基本都是在header文件。

定位到代码行:

<hgroup class="logo-site">
  <h1 class="site-title"> <a href="https://www.yunglobe.com"><img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="跨境E站" /></a></h1>
 </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.yunglobe.com/"> <img src="https://www.yunglobe.com/wp-content/themes/sky1.0/img/logo.png.webp" title="跨境E站" alt="跨境E站"> </a>
<?php
if (is_home()) {
echo '</h1>';
}else{
echo '</div>';
}
?>
 </hgroup>

检测重复问题是否解决

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

解决Wordpress首页logo和文章页两个h1标签问题
解决wordpress 站点logo和文章标题两个h1标签问题
解决Wordpress首页logo和文章页两个h1标签问题
版权声明: 如无特殊标注,本站文章均为原创,转载请务必保留本文链接。

给TA打赏
共{{data.count}}人
人已打赏
wordpress建站教程

WordPress自定义输入文章作者名称

2020-2-6 22:18:53

工具方法

代码下载淘宝天猫的产品主图视频和详情页视频

2019-12-3 15:30:43

2 条回复 A文章作者 M管理员
  1. 感谢分享,原来一直头疼一个页面两个H1标签,无奈只好把header模板里面的H1给去掉,导致列表页反倒没H1标签了。

    • 恩恩,如果是logo图片也有h1可以试试这个方法

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索