SEOで必ず行うべきhtmlマークアップ方法

効果てきなディスクリプションの書き方

\ 簡単申込ですぐ使える!今なら、オンラインマニュアル無料GET! /SEOツール無料デモを申し込む

htmlを書く時にSEOを意識してマークアップしていますか?
上位表示させるためには正しいタグでコーディングする必要があります。

例えば見出しタグ(hタグ)を装飾のために使ってしまうと検索エンジンが正しく理解できなくなってしまい、低く評価される可能性も0ではありません。

そこで、今回はこれだけは抑えておくべきSEO上必ず行うべきhtmlマークアップをお届けします。

\ 簡単申込ですぐ使える!今なら、オンラインマニュアル無料GET! /SEOツール無料デモを申し込む
SEOキーワードツール「キーワードファインダー」

これだけは抑えておくべき!SEOの為のhtmlマークアップ術

タイトル(title)

SEO対策マークアップ-タイトル(title)

サイトのタイトル(title)はSEOとして非常に重要な部分です。
というのもタイトルは検索された時に表示され、タイトルの書き方によりクリック率が左右されるからです。

タイトル(title)には必ずキーワードを入れる

対策する「キーワード」を前方のタイトルを入れることでSEO対策効果の期待が持てます。

また、検索結果に表示されるので、他の競合よりも少しでもクリック率を上げるために魅力的な思わずクリックしたくなるようなタイトルを意識します。

キーワード選定におすすめのキーワードツールをご紹介しています。

関連記事

【キーワードツール】おすすめ&役立つ!目的別キーワードツール12選

サイトに効果的なキーワード選定を行っていますか?キーワードを選ぶには検索ボリュームや難易度など…

続きを見る

h1〜h6

タイトルの次はコンテンツ内にある見出し(h1〜h6)です。
このhタグをページ内に組み込みページを生成する場合は、hタグの数字の順序を考慮して配置する必要があります。

h1〜h6の順でページ構成を分かりやすく伝える

見出しタグはSEO対策を行う上で検索エンジンにわかりやすいようにページを構成するためにも必要があります。
検索エンジンに分かりやすくページ構成を伝える為には、h1〜h6というようにh1=大見出しでそこから小見出しになるようにサイトを構成していきます。

h1とtitleタグは同じ場合が多い

h1は通常、titleタグと同じ場合が多く見られます。

使い方としては…

  • title:検索エンジン用の見出し
  • h1:サイト閲覧者用の見出し

と考えてマークアップすると良いでしょう。

meta description

meta descriptionの書き方

meta descriptionもSEO対策にとって重要な要素で、検索結果title下に表示されるページ概要です。

\ 集客効果の高いキーワードを自動で取得!/
SEOキーワードツール「キーワードファインダー」

meta descriptionは120文字程度でまとめる

meta descriptionは上記の通り検索結果に表示されるそのページの概要です。
こちらも書き方次第でクリック率に影響があるので、キーワードを含めてシンプルかつ魅力的なテキストを設定しましょう。

この“meta description”について詳しくは、こちらの「meta descriptionとは?クリックを誘う効果的な文字数や書き方について」もぜひご覧ください。

ナビゲーションを分かりやすく

ナビゲーションはユーザーにとって今どの階層を見ているか、目的のページにたどり着きやすいように設置することが大切です。

これは検索エンジンのクローラーにとっても構造がわかりやすくなるためSEO内部対策としても効果的です。

クローラは、サイトのHTMLに記載されているリンクを辿って、そのWebサイトがどのような構造になっているのか、どういったコンテンツなのかなどを判断し、インデックス化・データベース化していくという仕組みになっています。

ナビゲーションやパンくずリストを整理し、設置しておくことでクローラーがサイトの情報を収集しやすくなるので必ず設置しましよう。

グロバールナビゲーション・フッターナビゲーション

パンくずリスト

SEOキーワードツール「キーワードファインダー」

アンカーテキスト

アンカーテキストはリンク先のページが分かるようにする

例) ✕:詳しくはこちら
  ◯:詳しくは「今こそ見直し!基本の内部対策チェックツール|SEOスコアツール機能

といったようにアンカーテキストは「こちら」という記述ではなく、そのリンク先のタイトルや内容を簡潔にしたテキストを記述しましょう。

そうすることでクローラー&ユーザーがリンク先のページを把握しやすくなり、サイトパフォーマンスも向上します。

画像のalt

キーワード選定に悩んでいませんか?

関連記事

キーワード選定を完全サポートする“キーワードファインダー”とは?

需要があり、競合が多いキーワードで上位表示させることが難しい…と思っていませんか?なぜ様々な施策を行っても効果が出ないのかというと…

続きを見る

altを記述する

これも意外と見落としがちな部分ですが、alt指定を行いましょう。

なぜなら、画像のaltを設定していることで画像がリンク切れや読み込みが行えなくとも、代替テキストとして画像の説明が行えるメリットがあります。

また、最適化をしていればGoogle画像検索にも表示され、アクセスされやすくなります。

nofollow

リンクにnofollowを付ける

ブログに投稿できるコメント欄があると被リンク獲得を企む人が中にはいます。

このコメントのリンクであなたのサイトの価値が下がる恐れがあるので、質の低いリンクにはrel=”nofollow”を記述し、あなたのサイトの品質を守りましょう。

まとめ

今までhtmlのマークアップであまり意識していなかった方も多いのではないでしょうか?サイトの順位、品質を上げていくにはまずは各ページのhtmlを見直し、適宜設定していくことからはじめてみてください。

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

関連記事

検索順位を改善するには正しいSEOの知識が必要です

関連記事

【2024年最新】SEOとは?SEO対策の基本と具体的な施策方法を詳しく解説します

\ 簡単申込ですぐ使える!今なら、オンラインマニュアル無料GET! /

SEOツール無料デモを申し込む