WordPress で h1 h2 h3タグの最適化

この記事には広告を含む場合があります。

記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

「h1,h2,h3…h6」は見出し文をあらわすタグです。

見出しとは
文章において記事内容が一見してわかるように要点を短い言葉にまとめたもの。タイトル。

通常、見出しには大見出し、小見出しがあります。
ブログでも同様に文章の構成を考え、hタグを使い読み手が、
読みやすい&分かりやすいように見出し設定をしましょう。

大見出し
文章全体を総括した見出し。
小見出し
文章の章や節などにつける見出し。

【 見出しの割り当て 】

ワードプレスではあらかじめ、ブログタイトル・サブタイトルやページタイトル、メニュー等に
H1,h2,h3等のタグが設定されております。

通常ブログタイトルに「h1」、キャッチフレーズに「h2」、投稿記事・固定ページのタイ
トルに「h1」が設定されています。このままでも問題があるわけではありませんが、
h1タグを文章全体を総括した見出し(大見出し)とするなら、h1は各ページに1つが理想です。
h1が複数あってもSEO的には問題なく、常識の範囲内で詰め込みすぎたしなければペナルティに
なることはありませんが、言い方を変えれば…詰め込みすぎたところでSEOには何の効果も期待
できず、むしろペナルティになる可能性もあるということです。

Hタグは、コンテンツが何について書かれているか一目で判断できるようにするための
「見出し」という、本来の目的にそって使うのがふさわしい。

wordpressのトップページはh1タグだらけ!?

トップページやカテゴリー、タグページなどのブログリストが表示されているページではデフォルト
設定でMAX10記事が表示されるわけですが、この際、各記事のタイトルには「h1」タグが使われて
おり、h1タグだらけになってしまいます。 この場合は「h2」タグに方がベターです。
投稿ページ、固定ページも同様にh1からh2に変更します。
なお、ここでは変更箇所を説明するものであって、h1 h2 h3の使い方はページ構成によって
変ってくることと思います。

最近はh1タグの重要性も低くなっていると言われております。SEOを抜きにしても本来、文章構成の
見出しとして重要な役割があることに違いはありません。このような重要なタグをSEOの観点から
使用の可否を判断する事こそ疑問を抱くべきである。SEOに一喜一憂するのではなく、読者にわかり易く
読みやすい情報を提供すること一番に考え、トータル的なブログ構築を行っていきましょう。
見出しタグもMETAタグのキーワード同様に正しい使い方が出来ていなければSEO効果あります。
一つ一つの効果ではなく、すべての構成がしっかりして、初めて効果を発揮するのです。

wpはseoに強いといわれていますが、そのままで強いわけではありません。
正確には「 seo対策用のツールが整っており、SEOに強いカスタマイズが可能。」
と言った方が正しい。 十分に活かしてSEOに強いサイトを構築しましょう。

各ページ毎にh1 h2 h3タグの最適化を行います。

トップページ、カテゴリー、タグ、検索ページの各記事のリストページの「記事タイトル」と
投稿記事ページ・固定ページの「記事タイトル」をh1からh2に変更します。

【 content.php 】
変更前

			<?php if ( is_single() ) : ?>
			<h1 class="entry-title"><?php the_title(); ?></h1>
			<?php else : ?>
			<h1 class="entry-title">
				<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
			</h1>

変更内容(h1をh2へ変更)

			<?php if ( is_single() ) : ?>
			<h2 class="entry-title"><?php the_title(); ?></h2>
			<?php else : ?>
			<h2 class="entry-title">
				<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
			</h2>

固定ページも同様にします。
【 content-page.php 】

変更前

	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
		<header class="entry-header">
			<h1 class="entry-title"><?php the_title(); ?></h1>
		</header>

変更内容(h1をh2へ変更)

			<h2 class="entry-title"><?php the_title(); ?></h2>

—— 以下は設定不要です! ——

ここでh1文字が細字(normal)になっているので、太文字に変更します。

style.css

font-weight: bold;

h1h2h3-3