WordPress网站H标签优化

2017/06/14 盛磊 3个讨论 1,374次浏览 A+

H标签是也就是heading标签，html给我们提供了6种H标签，按照对文本标题的强调程度分为<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。强调程度依次递减，字体大小也是依次递减。今天我们从SEO的角度来介绍一下如何优化WordPress网站的H标签。

<h1<标签对文本的强调程度最重，一般用于网站标题，栏目标题，文章标题，可是这样的话，我们的网站就会出现很多的h1标签，从搜索引擎优化的角度来说，这样是很不利的。SEO界普遍认为一个页面最好只有一个H1。那么我们该如何优化WordPress网站的H1标签呢？
1.WordPress首页最重要的是网站标题，那么我们就把首页的H1标签用在网站标题上。
找到主题模板header.php中标题部分，类似下面代码：

<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

将代码修改为：

if ( is_front_page() && is_home() ) : ?>
	<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php else : ?>
	<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php endif;

这样就只在网站首页展示H1标签，这样还不行，接着往下看。
2.WordPress文章页最重要的是文章标题，H1标签应该用到文章标题上
大部分主题的文章标题都是H1标签。这样首页展示的最新文章标题部分都是
h1,我们也要用类似的方法修改掉。
找到主题模板文件content.php中的文章标题部分，类似下面代码：

the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );

将代码修改为：

if ( is_single() ) :
	the_title( '<h1 class="entry-title">', '</h1>' );
else :
	the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
endif;