阿里国际站VIP群:挖掘高端运营技巧和黑科技
亚马逊市场调研工具:挖掘你的亚马逊利基产品

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

分类: wordpress建站教程 作者: 为主的祥助 215次浏览 2评论

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标签问题
更多运营干货,扫码加入
跨境E站知识星球
为主的祥助的知识星球
版权申明:跨境E站,版权所有丨如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权
          转载请注明本文作者和原文链接: https://www.yunglobe.com/logo-and-article-h1-tag.html

转载请注明:跨境E站 » 解决WordPress首页logo和文章页两个h1标签问题

微信 OR 支付宝 扫描二维码
请站长 喝杯星巴克
pay_weixinpay_weixin
知识付费,金额随意 小主的支持是本站运营的动力!~
喜欢 (3)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 感谢分享,原来一直头疼一个页面两个H1标签,无奈只好把header模板里面的H1给去掉,导致列表页反倒没H1标签了。
    白天2020-02-26 17:14 回复
QQ群
  • 阿里巴巴国际站数据化运营 阿里巴巴国际站数据化运营
  • Wordpress外贸建站交流群 Wordpress外贸建站交流群
微信号
  • 备注外贸建站或阿里国际站,拉你进对应的微信群
QQ咨询
  • 为主的祥助 点击这里给我发消息