【初心者向け】SEOタグとは？効果的な書き方・注意点を紹介

キュレーションサイトやニュースサイトのような記事系コンテンツを提供しているサイトの場合、HTMLによるSEOタグの設定が鍵となることがあります。SEOタグの設置はサイトの利便性を高める上でも必要ですが、SEOの観点でも重要な役割を担います。

今回は初心者の方に向けて、SEOタグの概要や書き方を解説します。

SEOタグ（HTMLタグ）の役割

SEOタグ（HTMLタグ）とは、サイトの内容をクローラーに伝えるためのものです。

クローラーとは、サイトの情報を集めて保存するプログラムのことを指します。クローラーは裏側のコードを読み取るため、SEO対策を行う上では正しく読み取ってもらえるように適切なSEOタグを使うことが重要です。

また、SEOタグを適切に設定することでサイトの見た目を良くすることができるので、ユーザー体験の向上にもつながります。

SEO対策とユーザー体験向上のために、SEOタグは必ず設定するようにしましょう。

重要なSEOタグ11選

ユーザーとクローラーの両方に自社サイトの内容を伝えるためには、適切なタグの設置が欠かせません。その中でも、SEOで重要なタグを11個ご紹介します。

titleタグ（タイトルタグ）

titleタグとは、Webサイトのタイトルを示すタグです。このタグはユーザーと検索エンジンの両方に対して、自社サイトの内容をわかりやすく示す重要な役割を担っています。サイトの第一印象にもなるため、タイトルの内容も非常に重要です。

数ある他サイトの中から自社サイトを選んでもらうためにも、文字数、キーワードの設置方法などのポイントを押さえることが大切です。

titleタグの書き方についてはこちらをご覧ください。該当箇所までスクロールします。

また、titleタグの重要性や付け方のポイントについては、以下の記事も参考にしてみてください。

SEO効果の高いタイトルの付け方とは？その手順とポイント【事例付】

SEOにおいて非常に重要な役割を持つ、タイトルタグ。最も効果的な設定方法はどのようなものなのかご説明いたします。ぜひ最後までご覧ください。タイトル(title)タグとは？タイトル(title)タグは、Webサイトにおける…

hタグ（エイチタグ、見出しタグ）

hタグとは、Webサイトにおける見出しを示すためのタグです。文章の章題を記述し、その見出しの大きさに合わせてh1タグ～h6タグを設定することができます。Webサイトに見出しを設定することで、コンテンツ内容の階層構造がわかりやすくなり、ユーザビリティの向上が期待できます。さらに、クローラーがWebサイトの情報を正しく読み取ることにもつながるため、SEO内部対策において欠かせないタグの一つです。

hタグの書き方についてはこちらをご覧ください。該当箇所までスクロールします。

また、hタグの意味や設置方法などの詳しい内容は、以下の記事を参考にしてください。

見出しタグ（hタグ）のSEOを意識した適切な使い方・設置方法

 見出しタグ（hタグ）とは？見出しタグとは、ページのコンテンツにおいて見出しを定義するためのタグを指します。hタグ（エイチタグ）と呼ばれることも多いです。この見出しタグにはh1タグからh6タグまで階層があり、大…

metaタグ（メタタグ）

metaタグは検索エンジンに対してWebサイトの情報を伝えるための要素で、種類がたくさんあります。編集者でも知っておきたい最低限のメタタグは以下のものです。

特にmeta description（メタディスクリプション）は検索結果に表示されることもあるため、ユーザーにとって魅力的な内容にすれば、結果としてクリック率やアクセス数向上に寄与するケースもあります。

メタディスクリプションの書き方は本記事の後半で解説しています。すぐに確認したい場合はこちらをクリックしていただくと、該当箇所までスクロールします。

現在は不要！メタキーワードタグについて

metaタグの一つに、meta keywords（メタキーワード）と呼ばれるものがあります。メタキーワードはページの内容を複数のキーワードで表現したもので、検索エンジンにページ内容を伝える役割がありました。

しかし、悪用する人が多くいたことや検索エンジンの性能向上などを背景に、2024年現在ではランキングへの影響はなくなっています。これについては、Google公式ブログでも明記されています。

Google のウェブ検索（Google.com からアクセスできる、日々数多くのユーザーが使用する検索）では、keywords meta タグは完全に無視されます。現時点で Google 検索のランキングに影響が及ぶことはありません。

出典：Google はウェブ ランキングにキーワード メタタグを使用しません｜Google検索セントラル

ちなみに、過去にメタキーワードを設定したものが悪影響を及ぼすことはありません。削除などの対応は不要ですのでご安心ください。

liタグ（リストタグ）

liタグとは、文章を箇条書きにして伝えたいときに使用するタグです。リストタグを設定すると複数の内容を箇条書きで記載できるため、記事が読みやすくなります。リストタグには、ポイント形式でリスト化する「ulタグ」と、数字形式でリスト化する「olタグ」があります。場面に応じて使い分けるとよいでしょう。

aタグ（エータグ、リンクタグ）

aタグとは、文章内の特定の箇所を他ページへのリンクに変化させるタグで、リンクタグとも呼ばれます。aタグを設定していない文章にマウスをあててもマウスポインタは変化しませんが、aタグを設定した文章にマウスをあてると、マウスポインタが変化して他ページへ移動できるようになります。

ユーザーがリンク元のページを探したりURLを打ちこんだりしなくていいように、aタグを設定するようにしましょう。

altタグ（オルトタグ、オルト属性）

altタグとは、Webサイトに添付した画像に意味を持たせるタグです。Webサイトに掲載した画像が、何らかの理由で表示されない場合、画像の内容をテキストで表示させることで、そこに何があるのかを提示します。

また、Googleは現段階では画像内の意味を正しく理解することが難しいですが、altタグを設定することで画像の理解を補助することができます。結果として、SEOへの効果も期待できるのです。

画像が表示されないことが原因でユーザーの混乱を招かないように、またGoogleが正しく画像の意味を理解できるように、alt属性を活用してコンテンツの意図を正しくユーザーに届けましょう。

SEOにも有効？alt属性の設定方法と注意点とは

自身のWebサイトやブログに画像を掲載する際、imgタグを使用しているかと思いますが、imgタグ内でalt属性の設定は行っていますか？Google検索エンジンは、検索エンジンを使用するユーザーの考え方に近づけるために、画…

pタグ（ピータグ）

pタグとは、文章に段落を設ける際に設置するタグです。段落にはユーザーの読みやすさを向上させる効果があるため、pタグを適切に設置するとユーザビリティの向上につながるでしょう。

pタグと似た働きを持つbrタグもありますが、pタグが「段落」として働くのに対して、brタグは「改行」として働きます。それぞれの役割に応じて適切に設置しましょう。

tableタグ（テーブルタグ）

tableタグは、Webページ上で表を作成するために使用されるタグです。SEOに対して与える影響は薄いと言われていますが、読者に対して情報が伝わりやすくなり、サイトの信頼性を高めることができます。

結果として、読者のサイト滞在時間が伸び、SEOに間接的な利益をもたらすことがあるため、適切に設定することが大切です。

strongタグ（ストロングタグ）

strongタグは、テキストを太字にして強調したい際に使われるタグです。

重要なところがわかりやすくなるため、ユーザーにとって価値のあるコンテンツを提供することができます。また、検索エンジンもコンテンツの品質を評価する際にstrongタグで強調されたキーワードを重視すると言われているため、SEO対策においても重要なタグだといえます。

blockqouteタグ（ブロッククォートタグ）

blockqouteタグは、他サイトで掲載されている文章を引用したいときに使うものです。サイトによって表示形式は異なりますが、PINTO!の場合は以下のように表示されます。

引用の場合、blockqouteタグを使わないとGoogleからコピーコンテンツだと勘違いされてしまう恐れがあります。他サイトから引用したい場合は、必ずblockqouteタグを使いましょう。

blockqouteタグについてもっと詳しく知りたい方は、以下の記事もご覧ください。

blockquote（引用タグ）って何？SEOに必須の設定方法

編集部注：2024年3月12日にリンク切れを修正しました。ブログの記事やWebサイトのコンテンツを作成していると、別サイトに記載されている内容をそのままコピー＆ペーストしたくなる時がありませんか？元の内容をリライトして掲…

canonicalタグ（カノニカルタグ）

Webサイト内に内容が似ているコンテンツがあった場合は、canonicalタグを使用します。canonicalタグとは正規URLを指示するタグで、これを設定することで重複したコンテンツを1つのURLに正規化し、Googleのクローラーに伝えることができます。

重複コンテンツがあること自体が、サイトの品質低下に直接つながるわけではありません。ただ、重複ページが大量に存在すると、クロール速度が低下する、ユーザー体験が悪化するなどの問題が起こり、その結果検索順位に悪影響が及ぶ可能性があります。そういった場合は、canonicalタグを用いたURLの正規化などを行って改善する必要があります。

canonicalタグの設定方法や注意点については、こちらをご覧ください。

5分でわかるcanonicalタグとは？正規URLの記述方法・注意点

canonicalタグとは検索エンジンに評価してほしいURL（正規URL）を伝えるタグ canonicalタグとは、重複コンテンツなどが存在している場合に、検索エンジンに対して評価してほしいURL（正規URL）を伝えるた…

titleタグの書き方

SEOタグの中で特に重要なtitleタグの記載方法について、以下で詳しく解説します。

キーワードを前半に含める

キーワードをタイトルの前半に配置することで、検索結果ページやブラウザのタブ、ブックマークなどでタイトルが表示された際に、ユーザーが関心を持ちやすくなります。ただし、キーワードを前半に含めるだけでなく、自然で読みやすい文言を心掛けて読者ファーストを意識しながら作成しましょう。

文字数は30文字程度で収める

titleタグの適切な文字数は、一般的には30文字程度とされています。なぜなら、検索結果で表示されるタイトルの文字数は最大30〜32文字とされており、33文字以降はほとんど表示されないためです。タイトルの文字数制限を守りつつキーワードを効果的に配置し、読みやすく魅力的なタイトルを作成しましょう。

競合サイトと同じようなタイトルをつけない

競合サイトと同じようなタイトルを使用すると、検索結果ページやブラウザのタブでの識別が難しくなり、ユーザーが混乱する可能性があります。またSEOの観点からも、異なるキーワードやコンテンツを反映したユニークなタイトルを使用することが望ましいとされています。

一目で本文の内容がわかるようにする

ユーザーが検索結果を見た際に、タイトルからページの内容や提供している情報が把握できるようにすることが望ましいです。また、SEOの観点からもタイトルとコンテンツの整合性が重要であり、タイトルに検索キーワードやユーザーの検索意図を反映させることで、Googleなどの検索エンジンによる評価が向上すると言われています。

hタグの書き方

次に、hタグの書き方について解説します。

h2・h3タグには対策キーワードを含める

h2・h3タグは目次に表示される設定になっていることが多いため、対策キーワードを含めることで自分の欲しい情報がどこにあるかわかりやすくなり、ユーザビリティが向上します。またクローラー側は、目次に含まれている対策キーワードを重要なキーワードとして把握しやすくなります。

とはいえキーワードの過度な使用や無理に詰め込むことは避け、自然な文言になるように注意しましょう。

順序を変えないで使用する

見出しタグにはh1からh6までのレベルがあり、番号が大きいほど見出しのレベルが下がります。見出しには階層を跨いで作成してはいけないというルールがあります。例えば、h2の後にh4を設置してはいけません。h2、h3、h4と順番に使用することを心がけましょう。

meta descriptionの書き方

最後に、meta descriptionの書き方について紹介します。

100字程度で収める

ユーザーは検索結果に表示されるメタディスクリプションを読んで、記事をクリックするか判断します。検索結果画面にはモバイル版だと70字程度、PC版だと100字程度のメタディスクリプションが表示されます。100字程度以内で、ユーザーの興味をひくような文章を設定しましょう。

他ページと似た内容のものを設定しない

稀に、複数のページで似たようなメタディスクリプションが設定されているのを見かけます。そのような場合、各ページの内容が正確に伝わりづらくなってしまいます。

重複しているメタディスクリプションを特定したい場合は、Googleサーチコンソールの「HTMLの改善」機能やScreaming Frog SEO Spiderを使うのがおすすめです。

適切な量のキーワードを入れる

SEOを意識してキーワードを使いすぎると、逆にクリック率が下がってしまうことがあります。

ユーザーが抱えている課題や解決策に関する内容、検索時によく使用される関連キーワードを自然な形で組み込むことで、効果的なメタディスクリプションを作ることができます。

以上の内容を踏まえてもっと詳しく知りたいという方は、以下の記事もご覧ください。

meta description（メタディスクリプション）とは？書き方や設定方法を解説

meta description（メタディスクリプション）とはメタディスクリプションとは、検索結果の画面に表示される、記事内容を100文字程度のテキストで表現した「概要」のことです。ユーザーはメタディスクリプションを見て…

まとめ：タグページでSEOの成果を上げると共にユーザーの利便性も高める！

タグ設定は、SEO対策を行う上で必要不可欠な作業です。SEO対策を行いつつ、ユーザーが快適にサイトを利用できるように改善していきましょう。