アダルトアフィリエイト実践記

THE WORLDの記事タイトルをh1にカスタマイズする方法

 


見出しタグのh1はSEO上とても重要なタグだと言われています。
他のサイトを見る限りほとんどと言っていいくらいのサイトで記事タイトルがh1に指定されていました。

ところが、ワードプレステーマ「THE WORLD」では記事タイトルがh3に指定されます。
最近では記事タイトルをh1にするのが主流のようで「自分のサイトへのアクセスが少ないのはきっとこのせいだ!!」とテーマのせいにしていました(笑)。

そこで、THE WORLDでも記事タイトルがh1になるようにテーマをカスタマイズしてみたら、なんとかうまくいきましたので備忘録として書いてみました。

THE WORLDの見出しタグの指定のされ方

the-world-h1 1

THE WORLDでは見出しタグはこのように指定されます。

  • h1 サイトで重要なキーワード、もしくは個別記事ごとに指定可能
  • h2 サイト名
  • h3 記事タイトル

個別記事ごとにh1を指定することもできるのですが、サイトの隅っこに小さく表示されるのでどうもデザイン的にきれいではありません。
これは「h1を<body>直下に記入した方が良い」と言われている(言われていた?)からです。

記事タイトルをそのままh1にコピーしている人も見かけますが、記事タイトルのh3と重複してしまうのでSEO的にあまりメリットがないのではないか?と思っていました。

また、見出しタグの正しい使い方をしようとした場合、THE WORLDの見出しタグの指定方法ではどうしてもうまくいきません。

見出しタグの設定方法はこちらの記事をご覧ください。
アフィリエイトを始める前に知っておきたい見出しタグの正しい使い方

THE WORLDの記事タイトルをh3からh1にカスタマイズする方法

ここからは記事タイトルをh3からh1にカスタマイズした方法を簡単に記録しておきます。
細かい個所はテーマのバリエーションによって異なりますので、コピーはせず、バリエーションに合わせて調整してください。

ワードプレスの「外観」「テーマの編集」より、

  1. テーマヘッダー
  2. スタイルシート
  3. 単一記事の投稿

この3ファイルを編集することで記事タイトルをh3からh1に変更することができます。

ソースを削除するのが心配な場合はコメントアウトが便利

コメントアウトとはソースを消さずに非表示にしたり、無効化することができるタグのことです。

htmlでは「<!--」「-->」で囲うと非表示になります。
CSSでは「/* 」と「*/」で囲うと無効化されます。

ソースを消してしまうのが心配な場合に使えるとても便利なタグです。

1.テーマヘッダーを編集する

■<h1>パートを非表示にするか削除する

■<h2>パートを<div class="site-title">に変更して属性を指定する

<h2><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h2>

<div class="site-title"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></div>

2.スタイルシートを編集する

/* h1サイトキーワード h2サイトタイトル 設定 */パートを変更する

■h1パートを消すかコメントアウトで無効化する

■h2を.site-titleに置き換える

■サイトタイトルにフォントサイズとラインの高さを追加する。

.site-title {
width: 850px;
margin: 0 10px 3px;
padding: 0;
text-align: left;
float: left;
font-size:25px;
line-height:47px;
}

■.site-title aにサイトタイトルの色の指定を追加する

.site-title a {
text-decoration: none;
color: #FFFFFF;
}

■/* 上部ボタン設定 */がある場合は「-30px」を「0」に変更する。

#btn_box {
width: 100px;
height: 47px;
margin: -30px auto 0;
padding: 0;
display: block;
float: right;
}

#btn_box {
width: 100px;
height: 47px;
margin: 0 auto 0;
padding: 0;
display: block;
float: right;
}

3.単一記事の投稿を変更する

■記事のエントリークラスをh3からh1に変更する

<h3 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

<h1 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>

カスタマイズの結果

ここまでのカスタマイズをした結果、

the-world-h1 2

ヘッダー部がきれいに表示されています。

the-world-h1 3

記事タイトルをh3からh1に変更することができました。

まとめ

この方法がSEO的に正しいのかも、カスタマイズとして正しいのかもわかりませんので、カスタマイズをする際はくれぐれも自己責任でお願いします^^;。

ワードプレステーマ「THE WORLD」を使用していて、「記事タイトルをh3からh1に変更したい」と言う方は参考になさってください。

 

SEO対策   0

この記事に関連する記事一覧

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: