• 主婦の悩みを解消してくれるパソコン使った在宅ワーク
HOME > 私のサイトHPができるまで > SEO対策 h2タグの記事タイトルをh1に変更する方法

SEO対策 h2タグの記事タイトルをh1に変更する方法

 

主婦がパソコン使って在宅ワーク ネットビジネスでSEO対策

記事タイトルがh2タグになっているのでh1タグに修正

こんにちは。

パソコンでできる在宅ワークに精を出す、海外在住主婦のmoliです。

このたびがっつりSEO内部対策をしてみることにしました。

その備忘録としてしたためたいと思います。

久々に私自身のサイトを表示し、右クリックしてソースを見ると、
<h1><h2><h1>….の順になっている。

あれ?

私もSEOをちょっとかじっているので、
<h1>は記事内で一つ、その後、<h1>⇒<h2>⇒<h3>⇒の順に配列するのが
良いコトくらい知っています。

新聞でも週刊誌をみてもわかるように、
大見出しは記事に一つ、そこから副見出しがあって、さらに細かく分かれ、また副見出し2があり・・・
と続けるのが日本語のマナーだからです。

気を付けていたはずなのになんで?

よくソースを見てみると、
<h1>サイトタイトル<h1>

<h2>記事タイトル<h2>

<h1>記事の大見出し<h1>

<h2>記事の小見出し<h2>・・・

となっています。

サイトタイトル(私の場合「主婦必見!副業で自立とゆとり実現。パソコン使って在宅ワーク」)がh1になり、

投稿記事がh2になっているということです。

h1タグはクローラーが一番重視するところと言われています。
そして記事のタイトルは基本その記事の概要がかかれており、
キーワードを大いにちりばめるところなので、本来はh1に設定しておきたいところ。

しかしWPのテンプレートは始めから、h2タグを固定ページや記事タイトルと設定しているものが多く、
自身でテンプレートを編集する必要があります。

でもh2タグをh1タグに変えた途端、自体や大きさなどページの見栄えが大きく変わってしまうので
注意が必要です。

スタイルシートの修正も同時にする必要があります。

header php 内の不自然なh1タグを消す

注意:
必ずphpをいじるときは、その前にコピーし、メモ帳などに張り付け、

保存しておきましょう。デザインが大きく変わってしまったときも慌てず、もとのphpを張り付けるだけで
元通りになります。

WPのダッシュボードから「テーマ編集」≫「header php」をクリック。

サイト名やロゴの周りにがついている場合は、<h1><h1>を消します。
私の場合、<h1>主婦必見!副業で自立とゆとりを実現。パソコン使って在宅ワーク<h1>となっていました。
h1タグを消します。

投稿記事タイトルをh1タグに変更

「単一投稿ページphp」を開きます。

<h2>記事のタイトル<h2>となっているところを探し、
<h2>⇒<h1>に変更。

「固定ページphp」も同じ作業をします。

これでh1,h2のタグの並び方は綺麗になりました。

しかし問題はサイトを確認してみると、もともとh2だった記事タイトルが
すごく大きな文字に変わり乱れてしまっています。

 

h1タグの字体をスタイルシートで修正

「テーマ編集」≫「スタイルシート」を開きます。

****************************************************

(・・・上部省略・・・)
/*=== メインコンテンツ部分のスタイル ===*/
#content {
text-align:left;
}

.topimg {
margin-top:0px;
}

#pankuzu {
font-size:12px;
text-align:left;
padding:7px 30px 8px;
background-image:url(images/pankuzu_bg.gif);
}

#maincontents {
float:right;
width:650px;
margin-top:10px;
}

#maincontents p {
font-size:14px;
line-height:24px;
padding:0 10px 10px;
}

#maincontents ul li {
font-size:14px;
line-height:18px;
padding:2px 0;
margin-left:52px;
list-style:disc;
}

#maincontents ol li {
font-size:14px;
line-height:18px;
padding:2px 0;
margin-left:52px;
list-style:decimal;
}

#news {
width:480px;
float:left;
margin-right:10px;
}

#maincontents h2,
#maincontents .newstitle {
background-image:url(images/h2_title_bg.png);
font-size:16px;
line-height:20px;
font-weight:bold;
padding:11px 2px 10px 35px;
}

#maincontents h2 a,
#maincontents .newstitle a {
color:#333;
text-decoration:none;
}

#maincontents h3,
#maincontents h4,
#maincontents h5 {
font-size:16px;
line-height:22px;
color:#555;
margin:10px;
padding:4px 13px;
border-bottom:#f13678 dotted 1px;
}

===============

どうやらここが、h2,h3,h4などの字体や大きさが設定されているようですね。

でもh2~h5の字体設定はできるのに、h1がない!!

仕方ないので作ることにしました。

==============

h2タグの字体について設定しているこの部分をコピー。

#maincontents h2,
#maincontents .newstitle {
background-image:url(images/h2_title_bg.png);
font-size:16px;
line-height:20px;
font-weight:bold;
padding:11px 2px 10px 35px;
}

#maincontents h2 a,
#maincontents .newstitle a {
color:#333;
text-decoration:none;
}

===================

それを

#pankuzu {
font-size:12px;
text-align:left;
padding:7px 30px 8px;
background-image:url(images/pankuzu_bg.gif);
}

のうしろに張り付けて、h2の部分をh1に変更。
するとh1タグがh2と同じ字体と大きさになるわけですよね。

一応ミスった時のためにもとのphpをコピーしてメモしておきます。

そして「更新ボタン」をクリック。

おぉ!!元に戻った!

と思ったらえ???

ホーム画面左上のロゴ画像が消えてる・・・・。

もうちょっとどうすればいいのか探ってみます・・・・。

 

私もやっている!!

パソコン使って在宅ネットワークビジネスで、主婦でも生涯にわたって権利収入を得る準備をすることができます!

主婦が楽しく続けられる在宅ワークの情報を無料でお受け取り下さい。

資料請求したからと言って、しつこく勧誘することはありませんので、ご安心くださいね。

罫線小茶色主婦がパソコンで成功しやすいネットワークビジネス。資料請求はこちら

関連記事

 

あなたのビジネス成約率アップをフォローする、ビジネスパートナーフォローシステムをこのサイトから登録してくださった方全員にプレゼントします ネットワークビジネスは商品が欲しいお客さんには商品の良さを、このビジネスを一緒にやってみたいビジネスパートナーにはビジネスの面白さと成功法をお伝えし、商品を流通させる宣伝法であり、合法のビジネスです。そして唯一普通の主婦が印税的権利収入を得る可能性をもてるお仕事だと思います。でもあなたは商品を紹介したり新規愛用者を見つけるのが上手でも、あなたのビジネスパートナーはそうではないかもしれません。またあなた自身が人に上手に説明できないかもしれません。大切なのは、あなたのグループ全体が同じように負担なくビジネスを拡大し、出来るだけ簡単な方法でビジネスを進めていける事。そうじゃないとみんな嫌になりビジネスをやめていくかもしれません。そうなるとグループがいつまでたっても育たなくなります。そこで説明不要!みんな紹介する「人」を見つけることだけに専念できたら楽だと思いませんか?このサイトからビジネス参加してくださった方へ嬉しいサポート。ビジネス内容、商品説明、報酬プランや成功法などを詳しく文章や動画で説明したグループ特製のサイトをプレゼント。あなたはお友達やご家族、ブログやSNSを通してこのサイトのURLを紹介するだけでOK。サイトがあなたに代わり情報をお伝えします。あなたが難しい説明を誰かにする必要はありません。ビジネスに参加したくなる、商品が欲しくなる、ステップメールをあなたに代わり自動送信。あなたがサイトURLを紹介したお友達には、自動でビジネス最新情報やビジネスをやる気にさせるフォローメールが自動で配信され、あなたのビジネス成約率アップをフォローします!

安心・安全・主婦に大人気の在宅ワークがあります!
まずはお気軽に無料資料請求ください

罫線小茶色 無料資料請求ボタン罫線小茶色

資料請求したからといって、
しつこい勧誘や電話などは一切ありませんので、 お気軽にお読みください♪


他にもたくさん!! 在宅ワーク情報はこちらから♪
  • SEO
  • loading
  • 主婦必見!パソコン使った安心在宅ワーク



「主婦必見!副業で自立とゆとり実現。パソコン使って在宅ワーク」ホーム画面へ戻る