メタタグ：SEOのために知っておくべきこと

公開: 2022-10-28

メタタグは SEO の最も基本的な部分であり、サイトのページに最適化の優れた強固な基盤があることを確認します。

これらは、Google が理解できる構文を使用してページを記述するためにページのヘッダーに追加するタグです。

また、SEO に関して言えば、多くの場合、メタタグのベストプラクティスは無視され、他のものが優先されます。

場合によっては、コンテンツやリンクなどが、メタタグなどよりも優先されることがあります。コンテンツとリンクがより重要になる可能性があるため、それは理解できます。

ただし、これらのタグを正しく最適化することは、Google がページをどのように理解するかという点で非常に役立ちます。

たとえば、質の高いメタディスクリプションは、特にサイトのクリック率 (CTR) に関して、検索エンジンの結果ページ (SERP) での Web サイトのパフォーマンスの低下と Web サイトのパフォーマンスの向上の違いを意味します。

重要なメタタグを含めることで、結果を得ることができます。それはすべて、それらをどのように使用するかにかかっています。

メタタグとは

メタタグは、ページの HTML で Web サイトに関する情報を提供します。

検索エンジンは、これらのコードを使用して、ページの内容と、検索対象のキーワードとの関連性を判断します。

このデータは訪問者には表示されませんが、サイトが検索結果のどこに表示されるかを決定する役割を果たします。

注目したい重要なメタタグの 1 つは、ページタイトルです。検索結果のスニペットの上部に表示される青いリンクです。

注目すべきもう 1 つの重要なタグはメタディスクリプションです。これは、検索結果にページの説明を表示するためによく使用されます。

たとえば、コンピュータのような製品を検索しているとします。その場合、その製品のメーカーの説明 (少なくとも、ページに追加されたもの) が、検索結果のページタイトルの下の段落スニペットに表示されることがあります。

「コンピューター」の Google SERP のメタディスクリプションの例のスクリーンショット。

[computers] の検索のスクリーンショット、Google、2022 年 10 月

メタタグの概要

メタタグは、サイト監査レポートで最初に表示されるものの 1 つです。これらはページコンテンツの上のヘッダーに表示され、ページに関する重要な情報を提供します。

メタタグの機能を理解するための最初のステップは、メタタグを使用する理由を理解することです。

商品やサービスの説明に、価格帯、機能、サイズなどの特定の単語を含めたい場合は、キーワードメタタグを使用して説明することができます。

または、都市、州、国など、サイトの場所を人々に知らせたい場合もあります。 location メタタグを使用できます。

ブログ投稿を書いている場合は、他の人が見つけやすいようにカテゴリメタタグを追加することをお勧めします。

これらは、メタタグで実現できることのほんの一例です。

タイトル、説明、キーワード、画像の代替テキスト、ロボット、言語、スキーママークアップなど、さまざまな種類のメタタグがあります。

この記事では、最も一般的なものに焦点を当てています。具体的には、説明とキーワードです。

SEOにとってメタタグが重要な理由

SEOに関しては、メタタグは非常に重要です。コンテンツやリンクほど重要ではないかもしれませんが、全体的な最適化プロセスにとって非常に重要です。

より良いタイトルタグは、ページの成功または失敗の違いを意味する場合があります.

空白のメタタグ (空白のタイトルやメタディスクリプションなど) を使用すると、Google がページに最適と判断したものを選択する可能性があります。そのアルゴリズムは完璧ではなく、見たいものよりも少ないものを作成する可能性があります.

このため、少なくとも物理的なページタイトルとページの説明を含めることが重要です。それ以外の場合は、Google のアルゴリズムに任せて選択します。

ページタイトルタグ

ページタイトルタグは、ページの主要な説明要素です。

タイトルタグは、Google の検索結果でサイトを見つけたときに誰もが目にするものです。

そのため、ページのコンテンツを正確に反映することが重要です。ブログ投稿を書いている場合、ページタイトルが投稿の内容を正確に反映していることを確認する必要があります。

人々がどこにいて、何を見ているのかを正確に知ってもらいたいのです。

タイトルタグが貧弱であるにも関わらず非常に高いランクを維持しているサイトもあれば、タイトルタグをあまり気にしていないように見えるサイトもあります.

他のサイトが通常の最適化を続けているのに、タイトルタグにあまり労力を費やさないサイトがあるのはなぜですか? まあ、サイトの種類にもよるみたいですね。ビデオに重点を置いているサイトもあれば、テキストに重点を置いているサイトもあります。特定のトピックに焦点を当てているサイトもあれば、複数のトピックをカバーしているサイトもあります。

サイトがタイトルタグに力を入れないことを選択する理由はさまざまです。ただし、実際には、質の高いタイトルタグを使用することは、Google がページをどのように理解するかを決定する大きな要因になる可能性があります。

まったく新しいサイトを構築している場合は、タイトルタグの SEO の取り組みについてあまり心配する必要はないでしょう。ただし、サイトがトラフィックを獲得し始めたら、直帰率やコンバージョン率などを追跡する必要があります。

これらのメトリクスを追跡することで、タイトルタグが実際にパフォーマンスに影響を与えているかどうか、およびタイトルタグをより適切に最適化するにはどうすればよいかを判断できます。

Google の Search Essentials ドキュメントでは、ページタイトルのベストプラクティスと、それらを検索結果に正しく反映させる方法について、次のように説明しています。

サイトのすべてのページに、ページタイトルが実際に指定された物理的なタイトルタグがあることを確認したいと考えています。
説明的で簡潔なページタイトルが Google の推奨事項です。ホームページの「ホーム」など、あいまいなものは見たくありません。また、個人のプロフィールの「プロフィール」も見たくありません。 Google はまた、検索結果で切り詰められる可能性が高いため、不必要に長く冗長なテキストを避けることを推奨しています。
ページタイトルにはボイラープレートや冗長なテキストを含めないようにしてください。ここで何が起こるかというと、ボイラープレートテキストがユーザーと検索エンジンの間でページ間の混乱を引き起こします。そのため、Google では、ページタイトルに明確で説明的なテキストを使用することを推奨しています。また、特定の情報を除いて、変更されない長いテキストを使用することもお勧めしません。ページタイトルには、ユーザーにとって役に立たないテキストや、情報がないと見なされるテキストを含めないでください。
また、Google はキーワードの詰め込みを好みません。しかし、それは、ページタイトルに説明的な用語を使用できないという意味ではありません。ただし、同じ単語やフレーズを何度も含めることは望ましくありません。そうすることは、キーワードの詰め込みに似ている可能性があり、検索結果が Google とそのユーザーにとってスパムのように見えます。
ページタイトルをブランディングすることは、Google にとって許容される慣行です。 Google のガイドラインに従って、ページタイトルの先頭または末尾に含めることができます。残りのテキストとは区別され、一意であることを確認してください。これを実現するために、コロン、パイプ、またはハイフンを含む区切り記号を使用できます。これにより、サイトのブランディングがページタイトルの繰り返し部分のように見えるのを防ぐことができます。
テキストのどの部分が実際にメインタイトルであるかを明確にします。 Google の推奨に従って、タイトルリンクを生成する際にさまざまなソースを調べます。これらのソースには、メインのビジュアルタイトル、本文コピーの目立つテキスト、見出し要素などが含まれます。 Google では、たとえば、ページのメインタイトルのサイズを変えることも推奨しています。
また、ページのタイトルがページの内容と一致していることを確認することもお勧めします。 Google は、タイトルがページの主要コンテンツと一致しないと判断した場合、ページタイトルリンクの一部として別のテキストを選択する可能性があると説明しています。 <h1> タグに同じページタイトルを付けると、SERP でタイトルによって書き換えられる可能性が低くなります。

ページタイトルについて、Google は他に何を言っているのでしょうか?

Search Essentials とは別に、Google がページタイトルについて言及している注意事項がいくつかあります。

「ランキングには使用しますが、ページの最も重要な部分ではありません。したがって、そのように機能することを期待するためにキーワードを入力する価値はありません。一般に、タイトルタグにキーワードが詰め込まれている場合はそれを認識しようとします。これは、検索結果でのユーザーエクスペリエンスが低下するためです。これらのページが何であるかを理解しようとしていて、キーワードがごちゃまぜになっているだけだとしたら、それはあまり役に立ちません。」 – ジョン・ミューラー、Google 2016

「私は自然なタイトルを、検索結果にどのように表示させたいか、ユーザーにどのように表示したいかを書くだけです。スラッシュ (区切り文字) は問題なく、どこでもうまく機能します。」 – ジョン・ミューラー、Google 2020

「タイトルを生成するすべての方法の中で、HTML タイトルタグからのコンテンツは依然として最も使用される可能性が高く、80% 以上の時間で使用されています。」– Google 検索セントラルブログ、2021 年

「ドキュメントが検索結果ページに表示される場合、タイトルタグの内容が結果の最初の行に表示されることがあります。」 –グーグル、2020年

「ウェブページのタイトルを生成する新しいシステムを導入しました。これより前は、発行されたクエリに基づいてタイトルが変わる場合があります。通常、これは新しいシステムでは発生しなくなります。これは、特定のクエリに関係なく、ドキュメントの内容を説明するために、新しいシステムがドキュメント全体に適したタイトルを生成していると考えているためです。」 – Google 検索セントラルブログ、2021 年

メタディスクリプションタグ

SEO にとって重要なもう 1 つのメタタグは、メタディスクリプションタグです。

これは、検索結果内のページタイトルの下にある非常に短いスニペットパラグラフです。ページ上のコンテンツから確認できるものよりも正確な説明を使用する限り、Google はそれを使用します。

このメタタグは、ランキングにはあまり使用されません。代わりに、ページ全般についてユーザーを誘導し、知らせるために使用されるものです。

その特定の Web ページが実際に何を扱っているかについて、関連性のある短い要約を作成します。最も単純な形で言えば、これは基本的にあなたのウェブサイトの売り込みです。あなたのページがまさに探しているものであることをユーザーに納得させることを目的としています.

Google は、メタディスクリプションの長さに制限はなく、必要に応じて SERP のスニペットを切り捨てると説明しています。これは通常、デバイス幅ベースで行われます。

メタディスクリプションを記述するためのベストプラクティス

ランキングに関しては明らかなコントロールの欠如にもかかわらず、メタディスクリプションを書くことは、SEO 専門家の武器庫の重要な部分です。これは、標準以下の CTR とは対照的に、SERP からの有意な CTR の差を意味する可能性があります。

これが、ページを最適化するときはいつでも、ページタイトルとメタディスクリプションの両方を独自の SEO 取り組みの焦点にすることが理にかなっている理由です。

Google の Search Essentials では、メタディスクリプションで何を探すかについて説明しています。

メタディスクリプションは Web ページに表示される必要があることに注意してください。それらが表示されていない場合、Google は 99% のケースでそれらを無視します。

サイトのすべてのメタディスクリプションが一意であることを確認してください

Google は、複数のサイトページにある同一のメタディスクリプション、さらには類似したメタディスクリプションは、これらのページが SERP に表示される場合には役に立たないと説明しています。

SEO の専門家は、特定のページを正確に説明する独自のメタディスクリプションを作成することをお勧めします。

メインのホームページ (または集約ページ) では、サイトレベルの説明を使用してから、他のすべての種類のページでページレベルの説明を使用することもお勧めします。

説明にコンテンツに関する関連情報が含まれていることを確認する

Google では、実際のページを反映するメタディスクリプション内に関連情報を含めることをお勧めします。

ニュースやブログの投稿については、これらのメタディスクリプションが、他の方法では表示されない著者、発行日、バイライン情報を一覧表示できることを説明しています。

さらに、ユーザーにとって役立つ可能性のある特定の情報がページ全体に散らばっている製品ページもここに含めることができます.

Google は、優れたメタディスクリプションは、ユーザーが特定のページにアクセスするために必要なすべての関連情報を提供できると付け加えています。

メタディスクリプションの自動生成

Web ページのメタディスクリプションをプログラムで生成することができます。 (可能であるだけでなく、Google は Search Essentials のドキュメントで積極的に推奨しています。)

これは、何千ページもある大規模なサイトに特に当てはまります。

Google は、平均的なユーザーが大規模なサイトでメタディスクリプションを手書きできるとは考えていません。これらのメタディスクリプションが多様で、人間が読めるものであることを確認することを引き続き推奨しています。

たとえば、質の悪いメタディスクリプションをプログラムで作成できると思い込んではいけません。

また、メタディスクリプションに長いキーワード文字列を使用しないことも推奨しています。ここでもそうしないでください。

メタディスクリプションが十分に高品質であることを確認してください

Google の推奨事項では、メタディスクリプションの品質も強調されています。また、ここで非常に高い品質を見たいと考えています。メタディスクリプションが本当に説明的であることを確認してください.

メタディスクリプションについて、Google は他に何を言っているのでしょうか?

Google Search Essentials のドキュメントは良い出発点ですが、Google が考慮するすべての情報が含まれているわけではありません。

以下は、メタディスクリプションについて Google が Web 上の他の場所で述べたことのコレクションです。

「時間のバランスを取る必要があり、10 万ページを調べて新しい説明を書くのは本当に価値があるのか、それとも、新しいページを作成するときにこれを念頭に置いて、あまり心配する必要がないのかを考える必要があります。この 160 文字という制限は、特にこのような変更を行う場合、適切なバランスが見つかるまで少しずつ行ったり来たりする傾向があるためです。」 – ジョン・ミューラー、2017

「説明を変更したり、長くしたり短くしたり、微調整したり、そこにキーワードを入れたりしても、サイトのランキングに影響するわけではありません。」 – ジョン・ミューラー 2017

「通常、メタディスクリプションは検索エンジンやその他のソフトウェアにしか表示されないため、ウェブマスターはメタディスクリプションを忘れて、完全に空のままにしておくことがあります。同じ理由で、同じメタディスクリプションが複数の (場合によっては多数の) ページで使用されることもよくあります。反対に、説明が完全にトピックから外れている、低品質である、または完全にスパムであるということも比較的一般的です。これらの問題はユーザーの検索エクスペリエンスを損なうため、そのようなメタディスクリプションは無視したいと考えています。」 – グーグル 2017

「ユーザーのクエリに基づいて説明を調整することに注意してください。したがって、サイトクエリを実行してサイトの検索結果にこれが表示された場合、通常のユーザーが検索を行ったときに表示される内容とは必ずしも一致しません。」 – ジョン・ミューラー、Google 2017

ページにメタロボットタグを追加する方法

メタロボットタグを使用すると、ページのインデックス作成とクロールを制御できます。つまり、これにより、個々のページのインデックス作成を制御するためのより詳細なアプローチを利用できます。

この設定は、ページ自体がクロール可能であり、Google がアクセスできる場合にのみ読み取って従うことができることに注意してください。

たとえば、ページを許可せず、インデックスを作成しないことで利益が得られるとは思わないでください。

Google が robots.txt ファイルを無視する場合もありますが、ほとんどの場合、ページのクロールとインデックス登録を許可して、Google がその特定のルールを物理的に観察できるようにする必要があります。

<!DOCTYPE html> <html><head> <meta name="robots" content="noindex"> 上記のコードスニペットは、メタロボットタグをページに追加する方法を示しています。

全体的なページコード構造では、これはページの上部、コード内の開始と終了の head タグの間に追加する必要があります。

ページにメタビューポートタグを追加する方法

メタビューポートタグは、ページに追加されるメタタグの重要な部分であり、サイトが完全にレスポンシブな Web サイトデザインであることを確認する必要があります。

つまり、このメタタグは、モバイルデバイスでページをレンダリングする方法について、ブラウザーに特定の指示を提供します。このタグは、ページ自体がモバイルフレンドリーであることも Google に示します。

ビューポートの設定

一般に、ルールは、モバイルデバイス用に最適化するすべてのページに viewport メタタグを含めることです。このタグ内のパラメーターは、ページの寸法とスケーリング属性を制御します。

まず、モバイルブラウザーは、デスクトップ画面の幅でページをレンダリングします (最小で約 980 ピクセルですが、これはデバイスによって異なります)。

次に、コンテンツを画面に合わせて調整したり、フォントサイズを大きくしたりして、コンテンツの見栄えを良くしようとします。

結果として、これはフォントサイズが異なるユーザーに一貫性がないように見える可能性があることを意味する場合があります。これを修正するために、代わりにシステムフォントを使用する可能性があります。

次のスクリーンショットは、コード内にメタビューポートタグを含めて構成する方法を示しています。

 <! DOCTYPE html >
< html言語= " ja " >
＜ヘッド＞
…
< meta name = " viewport " content = " width=device-width, initial-scale=1 " > …
</頭>
…

Web ページに Meta Charset タグを追加する方法

charset メタタグは、ページの特定の文字エンコーディングを定義できるタグです。このタグは、ブラウザーが文字をテキストに出力するために使用する手段を提供するのに役立つため、重要です。

charset タグが定義されていない場合、ブラウザは入力テキストを理解できないため、不要なテキストを出力する可能性があります。このタグがないと、ブラウザーは情報に基づかない推測をすばやく行う必要があります。

SEO ランキング要因に関してはそれほど重要ではありませんが、ページを可能な限りクロスブラウザーおよびクロスプラットフォームに対応させたい場合は重要です。

追加しなくても、世界の終わりではありません。 HTML5 仕様には、デフォルトで UTF-8 文字エンコードが含まれています。

しかし、何らかの理由でページに別のタイプの文字エンコーディングを使用したい場合は、必ず、そのような状況でこのタグを追加することを真剣に検討することをお勧めします.

サイトリンク検索ボックスメタタグなし

特定のメタタグを使用すると、検索結果の外観を制御できることをご存知ですか?

そのようなメタタグの 1 つは、サイトリンクなしの検索ボックスメタタグです。

 <meta name = "google" content = "nositelinkssearchbox" >

何らかの理由でサイトリンクの検索ボックスを Google SERP に表示したくない場合は、このメタタグを使用して削除できます。

検索ボックスを表示したくないページに nositelinkssearchbox メタタグを実装する方法は次のとおりです。

[pinterest] の検索のスクリーンショット、Google、2022 年 10 月

繰り返しますが、これはページの最初と最後の head タグの間に追加されます。

Google ディスカバーの場合

シンプルなメタタグを追加すると、Google Discover からのクリック数が 300% 増加します。コードスニペットは次のとおりです。

 "<meta name='robots' content='max-image-preview:large' />"

メタタグはSEOの重要な部分です

Web ページの最適化に関しては、メタタグは責任の階層で 3 番目または 4 番目に大きくランク付けされていると考える人がいます。

しかし、より高いランキングを達成することになると、メタタグを正しく最適化することで、他社より優位に立つことができる場合があります.

SEO の取り組みに関しては、それらがすべてであり、最終的なものであるとは考えないでください。代わりに、それらは本質的により補足的です。

必要に応じて、メタタグを常に最新の状態に保つようにしてください。たとえば、ページが変更された場合、ページに反映されているコンテンツとは異なるページタイトルとメタディスクリプションを使用したくはありません。

また、品質が標準以下のメタタグも使用したくありません。

最後に、これらのタグの最適化に重点を置いていることを確認する必要があります。これは、ページを平凡なものから優れたものにする可能性があるためです.

その他のリソース:

メタタグジェネレーターの進化: いつ、どのように使用するか
タイトルタグの最適化: 完全なハウツーガイド
オンページ SEO の完全ガイド

主な画像: BestForBest/Shutterstock