ホームページ制作/SEO対策/ネットショップ運営 マニュアル(無料)

『H1タグ』について

Level 4 <h1>〜<h6> こいつらを小さく綺麗な見栄えにします。
ホームページ制作 / SEO対策 / ネットショップ運営 マニュアル(無料)
 

<h1>タグにて、見出しの設置方法と重要性を学びました。
利用できる<h1〜6>を使ってみると…

(例)
    

見出し1


    

見出し2


    

見出し3


    

見出し4


    
見出し5

    
見出し6

こんな感じです…
はっきり言って、こんなものカッコ悪すぎて使えません!でも検索ロボにアピールするためには必要…
なので、これらの色、大きさなどを外部ファイルで変更してしまいます。

それではさっそく外部ファイルを作ってみます。
外部ファイルCSSをこちらで解説していますので、これを参照して style.css というファイルを作成してください。

以下のような ファイルは完成しましたか?


『ファイルの名前』   style.css

『ファイルを置く場所  トップページと同じ階層

『ファイルの中身』         .red{font-size:11pt;color:red}           
                    .red-s{font-size:7pt;color:red}
                    .red-m{font-size:9pt;color:red}
                    .orange{font-size:10pt;color:#FF6600}
                    .orange-s{font-size:8pt;color:#FF6600}
                    .green{color:#006633} 

STEP1  この style.css をメモ帳等で開いて以下の記述を追加してください。

      h1.span, h2.span, h3.span, h4.span, h5.span, h6.span {
      font-size: 100%;
      font-weight: normal;
      line-height:1em;
      margin: 0;
      }


STEP2  トップページを開き、見出しを<h1></h1>で強調してください。
      *トップページの<head>〜</head>の間に以下の記述があるかチェックしてください。ない場合は付け足しておきましょう。
      <link rel="stylesheet" href="style.css" type="text/css">

『産地直送のりんごが勢ぞろい』


     このように途方もなく大きな太字になれば正解です。
     記述的には以下のようになっているはずです。

    <h1>『産地直送のりんごが勢ぞろい』</h1>
     この部分に以下のように付け足してください。

     <h1 class="span">『産地直送のりんごが勢ぞろい』</h1>
     (半角スペース + class=span" を付け足します)

     下のようにごく普通のサイズ、太さで表示されましたか?

     『産地直送のりんごが勢ぞろい』



STEP3
     <h2>〜<h6>も同じように文字の大きさ太さを調節します。
     記述のほうを見ると、

     <h3>『津軽平野産 おいしいリンゴ』</h3>
     <h4>『徳島県産  おいしいリンゴ』</h4>
     <h5>『限定品あります』</h5>
     

     のように、<h>シリーズで見出しをつけた、もしくはつけたい部分があると思います。
     それぞれに以下の部分だけをつけたしてください。

     <h3 class="span">『津軽平野産 おいしいリンゴ』</h3>
     <h4 class="span">『徳島県産  おいしいリンゴ』</h4>
     <h5 class="span">『限定品あります』</h5>

これで、効果的なHタグを使いながら、綺麗なデザインを保つことができます。

また、『スタイルシートで小さく表示を変えればスパムとみなされる』というベタな噂もありますが、
私はこれでペナルティを課されたことは一度もありませんし、外部に置いたCSSファイルを検索ロボが読みに行くのかどうかなど誰にも分かりません。
この噂を間に受けてHタグを使わないのは、SEO対策としてもったいないと思います。


CheckPoint
@ <h1>〜<h6>タグはCSSで綺麗にしてから利用する

TIPS
噂に振り回されず効果的と思われるものは導入しましょう。

無料SEO対策情報に戻る

pettie最新作 人気アイテム紹介 アルミホイール
ダイハツアルミホイール ホンダアルミホイール マツダアルミホイール 三菱アルミホイール
日産アルミホイール スバルアルミホイール スズキアルミホイール トヨタアルミホイール

pettie最新作 人気アイテム紹介 ブランドアクセサリ
ブルガリ カルティエ コーチ エルメス プラダ ティファニー ヴィトン

pettie最新作 人気アイテム紹介 香水
アナスイ香水 アニエスベー香水 ベルサーチ香水 エスティローダー香水 XOXO香水 エルメス香水
カルバンクライン香水 キャロライナヘレラ香水 グッチ香水 クリニーク香水 ケンゾー香水
シャネル香水 ジェニファーロペス香水 ジルサンダー香水 セリーヌディオン香水 ティファニー香水
ナオミキャンベル香水 バーバリー香水 フェンディ香水 プラダ香水 ブルガリ香水 ランバン香水

pettie最新作 人気アイテム紹介 インターナショナルブランド
シャネル人気・最新作 コーチ人気・最新作 ドルチェ&ガッバーナ人気・最新作
グッチ人気・最新作 エルメス人気・最新作 プラダ人気・最新作
ティファニー人気・最新作 ヴィトン人気・最新作

 

人気ネットショップ検索 大阪地下鉄駅近く検索 大阪ホームページ作成
自動車・バイク 大阪御堂筋線 無料出会い系メルトモ掲示板
子供用品・家具 大阪堺筋線 人気化粧品検索
ダイエット 大阪千日前線  
食材・お酒 大阪谷町線  
和牛 大阪四ツ橋線  
ファッション 大阪鶴見緑地線  
花屋さん 大阪中央線  
保険 大阪ファッショングルメデートスポット検索  
お仕事    
株式    
懸賞    
結婚    
オフィス    
金融    
パソコン・家電    
ペット用品    
不動産    
在宅ワーク    
スポーツ    
お勉強・資格    
旅行    
香水    
アルミホイール    

ホームページ制作 / SEO対策 / ネットショップ運営 マニュアル(無料)