Webマーケティングを行っていく上で、SEMという言葉は欠かせないマーケティング用語になりますが、SEMとはサーチエンジンを利用したマーケティングのことで、それにはSEO対策とリスティング広告などのWeb広告が挙げられます。
中でも、企業の上層部も知っているような「SEO」は、Web上でホームページなどを持つ企業にとっては耳を傾けるキーワードではないでしょうか。
今回は、そのSEOで必要となるHTMLタグについてご紹介していきます。
目次
SEOにおいて、対策をしなければいけない項目は山ほどあります。その中でも、HTMLタグは最低限行うべき内容と言えるでしょう。
Googleは「Google10の事実」という考え方を公表していますが、それはどれも「ユーザーに向けたもの」となっており、ユーザーのことを第一に考えることによって、売上や利益は後からついてくるという考え方です。そのため、SEOにおいても一番重要なのはユーザーのことを考えてコンテンツやサイト構築を行うことが一番ですが、HTMLタグもその「ユーザーに向けた」という部分において欠かせません。
titleタグにしても、hタグにしても、Googleがコンテンツを探せなければユーザーにコンテンツを届けることが出来ないため、ユーザーは知りたい情報を見ることが出来ません。そういった意味でも、Googleに認識してもらい、ユーザーの情報を届けることがサイト制作者には求められています。
HTMLタグの中でも最適化していくべきタグというのはどのようなものでしょうか。
一般的にSEO上で大切だと言われているタグは以下の通りです。
これらのタグをしっかりと設置することによって、Googleからしっかりと認識してもらえるようになり、ユーザーが欲しい情報を見つけやすくしてくれることでしょう。ここからは、一つずつHTMLタグについて見ていきましょう。
まずは、titleタグから見ていきましょう。
titleタグとは、その名の通りタイトルにつけるタグです。
タイトルタグは、そのページのタイトルを入れるもので、このタイトルが無ければユーザーからはどのような内容が記載されていて、どのような情報が入っているサイトか認識することが出来ないため、titleタグを入れることは必須条件と思っていた方が良いでしょう。
ユーザーから見て利用しづらい、中身が見えないということは、Googleにとってもマイナスになるということは言うまでもないでしょう。
では、titleタグはどのように記述すればよいのか見ていきましょう。当サイトのtitleタグは以下のようになっています。
このようなタイトルタグを入れたときに、どのようにサイトが表示されるのか見てみましょう。
このように、titleタグに情報を入れることによって、その情報がブラウザ上のタグに表示されるようになります。
titleタグを記述する際のポイントについても見ていきましょう。
ポイントは大きく分けて6つとなり、以下のようになっています。
titleタグの情報については、詳しくは、下記リンクを参照してください。
次に、hタグについても見ていきましょう。
hタグとは、見出しと呼ばれるもので、コンテンツを作る上で見出しの「レベル」を設定するものです。
レベルには１～６までがあり、小さなレベルほど、上位レベルとなります。
基本的にはh1と呼ばれるhタグはページの見出しとして利用されており、h2以降からコンテンツの見出しとして使われていきます。
ここからはhタグの記述例について見ていきましょう。
例えば、以下のような例となります。
ページ見出しとして「サイトの導線と動線の違いとは？導線の設計方法と動線の分析方法」にh1の見出しが利用され、その中のコンテンツとして、「「導線」と「動線」の違い」にh2のhタグが利用されています。
コンテンツの中で情報を整理してユーザーにわかりやすいように情報を届けるためには、このhタグの存在が欠かせません。ユーザーにとってサイトがわかりやすいということは、Googleにとっても高い評価があるということです。
実際に、サイトのコンテンツとして見てみると、見出しだという言葉が入るわけではありませんが、それぞれのサイトでのCSSによって装飾することができ、ユーザーから見たときに「ここではどのような内容を確認することが出来るのか」を理解することが出来ます。
そのため、hタグの装飾も見やすいように意識すると良いでしょう。
hタグの記述について、ポイントを整理して見ていきましょう。
このような部分に注意してhタグを入力すると良いでしょう。
詳しくは、以下のページでご紹介していますので、参考にしてください。
次に、descriptionタグについて見ていきましょう。
descriptionタグとは、descriptionと呼ばれる「概要」を入れるところです。
ページの概要を入れることによって検索するユーザーが、このページではどのような情報を受け取れるかを瞬時に判断することが出来るため、ユーザビリティ向上には欠かせないタグとなっています。
お店に行って商品を購入しようと思ったときに、初めて購入する商品の詳細情報が一目で見てわかるのと、何も書いていないのと、細かなマニュアルの様な情報が書いてあった場合、どの状態が消費者にとってはうれしいでしょうか。それと同じように、Webサイトでもそのサイトで何が得られるのかを明確に、簡潔に伝えるためにはdescriptionタグは必要です。
descriptionタグを入れることは、サイト制作をするうえで必須と考えて良いでしょう。
descriptionタグがどのように記述されるのか見てみましょう。
これらが実際に入力された場合には、以下の様な状態で表示されます。
このページでは、「リスティング広告」や「CPAを改善」などの情報がパッと見て読み取れるため、ユーザーが欲しい情報かどうかを判断して、記事をクリックしてくれる可能性を高くすることが出来ます。
ディスクリプションにどのような情報を入れるか決めることは、サイト制作においてとても重要なポイントです。
最後に、descriptionタグを記述する際のポイントを見ていきましょう。
これらの内容については、下記のページにてもっと詳しくご紹介していますので、下記の記事をご参照ください。
次に、alt属性タグについて見ていきましょう。
HTMLタグの中でも、最近のSEOで気を付けたいポイントがこのalt属性タグです。
alt属性タグとは、画像をサイト内に配置した際に、その画像に情報を持たせるのがalt属性タグです。
alt属性タグを記述するメリットは以下の通りです。
このalt属性タグは、画像検索などをされた時にも有効で、このalt属性タグが入っていることによって画像検索された時にサイト内の画像をGoogleが探し当ててくれてユーザーにサイトを認識してもらうことが出来ます。そのため、alt属性タグに情報を入れるときには、「food」などの大きなジャンルで入れるのではなく、細かな情報を入れることによってユーザーにしっかりと情報を届けることが出来ます。
画像が表示されることによって、それをクリックしてくれてサイト訪問に繋がる可能性もあります。
alt属性タグはどのように記述するのか、例を見ていきましょう。
これは一つの例ですが、altタグの中に「あくびをしている三毛猫」というような情報を記載しており、ただの猫ではなく三毛猫という情報を入れていたり、その三毛猫がどのような状態であるかも明確に記載していたりします。
このように、altタグに情報を入れることによってユーザーがあくびをしている三毛猫を探しているときに、画像検索で見つけ出してくれることが出来ます。
最後に、alt属性タグの記述ポイントを見ていきましょう。
alt属性タグについては、下記のページで細かくご紹介していますので、ご確認下さい。
続いて、canonicalタグについて見ていきましょう。
canonicalタグとは、簡単に言うと、Googleにコピーコンテンツとして認識させないためのタグです。
サイト内に同一のコンテンツを配置しようと思ったとき、コピーコンテンツとしてペナルティを受けてしまうことがありますが、そのようなことが無いように対策をすることがcanonicalタグになります。
canonicalタグの記述はどのようにするのか、見ていきましょう。
このようにheadタグに記述することによって、このページは指定のサイトと同様の内容を記載していると検索エンジンに伝えることが出来ます。
canonicalタグを記述する際のポイントは下記の通りです。
ここでは簡単に触れてきましたが、下記のサイトでcanonicalタグについて詳しくご紹介していますので、参考にして下さい。
最後に、強調タグについて見ていきましょう。
強調タグとは、その名の通り強調したいときに利用するタグですが、強調タグには複数の種類があります。
それは、「bタグ」、「strongタグ」です。
Wordなどの場合にはbを利用して太字にしますが、Webサイトでは協調に多くの意味を持っています。
従来はこのように判断されてきましたが、HTML５ではbタグでも構造上で注目させるという意味合いを持っておりますが、一般的にはそのような場合にはstrongタグが使われます。
強調タグの記述例も見ていきましょう。
このように、強調させたい、注目させたいというところに記載するようになります。
強調タグを記述する際のポイントを見ていきましょう。
このような注意点があります。
ここでは簡単に触れてきましたが、以下のページにて細かくご紹介していますので、参考にして下さい。
HTMLタグがあることで検索エンジンがページ解析時に、コンテンツやその構造の理解を助けます。HTML5は以前のHTML4のバージョンに比較して、様々なHTMLタグを設定することが可能です。最適なHTMLタグを設定することでSEOフレンドリーなページになります。
HTMLタグを正しく記載することはコンテンツのSEO対策を効果的にするためにとても重要な施策の一つです。当社ではサイト診断からタグの最適化等さまざまなご支援が可能ですので、HTMLタグについて分からないことがあれば当社のSEOコンサルティングサービスにぜひご相談ください。
100種類以上あります。タグの意味や使い方を理解し、用途ごとに使い分けましょう。
必ずしもSEOで順位が低いとは言えませんが、不適切なHTMLタグの設定は、検索エンジンやユーザーに対して正確なコンテンツ理解を得られない可能性があります。検索順位を上げるためにも正しいタグの設定を推奨します。
HTMLタグはページのソースコードを表示して確認するか、チェックツールでHTMLの文法を確認することができます。
ここまで、SEO対策におけるHTMLタグについてご紹介してきました。HTMLタグは、SEO対策をする上では、欠かせないものとなっており、HTMLタグの設定をすることはサイト制作をする上では必須条件と思って良いでしょう。
HTMLタグの中でもalt属性タグなどは画像一つずつに入れなければならないため、大変な作業ではありますが、一つ一つユーザーのことを考えて入れることによって、細かな作業ではありますが、ユーザーに向けて情報発信が出来るしっかりとしたサイト構築が出来るようになるため、ユーザーが満足することでその結果Googleからも高い評価を得られるようになるでしょう。
小手先の技術やユーザーを騙す様なテクニックよりも、このような細かで地道な作業が大切なこととなります。
ディーエムソリューションズのSEOコンサルタント、犬塚と申します。 過去には、「SEOコンサルタントがこっそり教えるSEO施策のコツ」など、…
私たちがSEO事業をスタートした2006年のSEO施策は、現在の施策とは大きく異なるものでした。 人工的な外部リンクが隆盛を極め、とにかくリ…
皆さんはSEOを外注ではなく、自分で実施したいと考えたことはありませんか？ 外部リンクによるSEOが終焉に近づき、コンテンツによるSEOが全…
みなさんはSEOにはブラックハットSEOとホワイトハットSEOと呼ばれる2つのアプローチがあることをご存知でしょうか？今回の記事ではブラック…
「WEBサイトの流入が増えない」「狙っているキーワードでの検索順位がなかなか上がらない」といったSEOに関する悩みを抱えているが、「原因が何…
日々進化し続けるGoogleのアルゴリズムに対し、最適化を図るSEO（Search Engine Optimization）もこれまでにいく…
今話題のAIによるコンテンツ自動生成機能も！SEO対策に本当に必要な機能だけを搭載した使いやすさとコストパフォーマンスに優れたWeb集客支援ツールです。
Webマーケティングに関わる施策全般をワンストップで
ご提供します。
お気軽にご相談ください。
Webマーケティング最新ニュースのレポートや無料セミナーの先行案内が届く、お得なメルマガ配信中！
検索順位で1位まで上げるためのSEOポイント8つ
E-E-A-Tとは？ SEOにおける重要性と評価の高め方を解説
成功確率アップ！BtoBのコンテンツマーケティング施策とは
YMYLとは？該当するジャンルとSEOにおける対策のポイント8つ
SEO内部施策とは？重要な項目16選【セルフチェックリストつき】