原文链接：http://www.chenweiliang.com/cwl-582.html
WordPress主题首页logo有h1标签，分类&文章内页又有2个h1，怎么办？
网络营销方法很多，其中以SEO最具效果，非常适合新媒体人做为公众号推广战略。
网站优化符合网页 html代码规范：
- 网页标题title标签权重最高，其次是h1标签。
- title和h1标签，每个页面只出现一次，出现多次可能会被搜索引擎惩罚。
由于很多 WordPress主题，通常是在 header 头部的 logo 中，添加 h1标签。
同时，文章内页的标题又有 h1标签，这样会出现 2 次 h1标签，该如何让每个页面，只出现 1 次 h1标签呢？
我在优化陈沩亮博客的过程中，也有遇到此类问题，解决方法可根据本身WP主题的情况，参考以下代码做修改：
修改方法1
将 header.php 文件里的代码 ▼
<hgroup class=”logo-site”></hgroup>
用以下代码替换，即可解决 ▼
<? php
if (is_home())
echo '<h1 class="site-title">';
else
echo '<div class="h1_logo" >';
?>
<a href="/"><img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="陈沩亮博客" /></a>
<?php
if (is_home())
echo '</h1>';
else
echo '</div>';
?>
is_home() 函数判断若是首页，就显示h1标签，若不是首页就显示div标签。
（由于不是每个WP主题代码都一样，假如修改方法1不适用，请参考以下修改方法2）
修改方法2
WP首页和分类页判断函数说明 ▼
if ( is_front_page() || is_category() || is_home() ) : ?>
- is_front_page 和 is_home 表示如果是首页。
- is_category 表示如果是分类页。
因为只需要首页 logo 出现 h1标签，其它页面不需要有h1标签。
以下是删除掉 is_category() ||之后的代码 ▼
<? php if (zm_get_option("logo_css")) ?>
<div class="logo-site">
<?php else ?>
<div class="logo-sites">
<?php ?>
<?php
if ( is_front_page() || is_home() ) : ?>
<?php if (zm_get_option('logos')) ?>
<h1 class="site-title">
<?php if ( zm_get_option('logo') ) ?>
<a href="<?php echo esc_url( home_url('/') ); ?>"><img src="<?php echo zm_get_option('logo'); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" alt="<?php bloginfo( 'name' ); ?>" rel="home" /><span class="site-name"><?php bloginfo( 'name' ); ?></span></a>
<?php ?>
</h1>
<?php else ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<p class="site-description"><?php bloginfo( 'description' ); ?></p>
<?php ?>
<?php else : ?>
<?php if (zm_get_option('logos')) ?>
<p class="site-title">
<?php if ( zm_get_option('logo') ) ?>
<a href="<?php echo esc_url( home_url('/') ); ?>"><img src="<?php echo zm_get_option('logo'); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" alt="<?php bloginfo( 'name' ); ?>" rel="home" /><span class="site-name"><?php bloginfo( 'name' ); ?></span></a>
<?php ?>
</p>
<?php else ?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<p class="site-description"><?php bloginfo( 'description' ); ?></p>
<?php ?>
<?php endif;
?> if ( is_front_page() || is_home() ) : ?> <?php if (zm_get_option('logos')) { ?>表示若是首页、有logo设置，就显示有 h1标签的 logo。
- 第1个
<?php else : ?> 表示若无 logo，就显示 “设置” 中的站点标题、副标题（有h1标签）。
- 第2个
<?php else : ?> <?php if (zm_get_option('logos')) { ?> 表示如果不是首页，就显示无 h1 标签的logo。
- 第3个
<?php else : ?>表示若不是首页、无logo，就显示 “设置” 里的网站标题、副标题。
添加分类页标题h1代码
如果你的分类页的 logo 不输出 h1标签后，同时分类页模板也没有 h1标题标签的话……
（具体情况，谷歌浏览器请按 CTRL + U 查找网页代码<h1来确定）
确定分类页，完全没有h1标签，需要在分类页模板，添加 “分类页h1标题” 代码 ▼
<h1 class="cat_title"><?php single_cat_title(); ?></h1>
分类页 h1标题的CSS样式代码 ▼
h1.cat_title
background: #fff;
text-align: left;
font: 18px "Open Sans", Arial, sans-serif;
text-transform: uppercase;
border-radius: 2px;
border-left: 10px solid #0373db;
padding-left: 14px;
margin: 0 0 8px 0;
line-height: 2;
这么修改后，就能轻松解决，网站 logo有 h1 标签，内页文章、分类页又有 2 个 h1 标签的问题了。
SEO是各种细节优化的成果，要是你能把各种网站代码的各种细节都优化好，网站排名也会在一定程度上有所提升 ^_^
欢迎转载《
WordPress主题首页logo有h1标签，分类&文章内页又有2个h1，怎么办？》
陈沩亮版权所有，转载请注明出处链接：http://www.chenweiliang.com/cwl-582.html
网站地址：http://www.chenweiliang.com/
我是陈沩亮，我的使命是帮助创业者、营销员和自媒体人用微信营销获取更大的成功和收获 ^_^
“不仅仅是总结
网络营销干货，还分享用
微信营销赚钱的方法！”
欲学更多秘技，请关注微信公众号：cwlblog
关注后回复关键字：80
可获取《超过80%不被人知的秘技》
