SEOのメタタグ：定義、例、ベストプラクティス

メタタグについて話しましょう：それらが何であるか、なぜそれらが重要であるか、そしてそれらをより良くする方法。

検索エンジンでこの記事を見つけた場合は、メタタグが原因でこの記事を見つけてクリックした可能性があります。

メタタグはSEOの基盤であり、ウェブページを作成するときに最初に設定するものです。

メタタグとは何ですか？
メタタグは、検索エンジンにWebサイトページに関する情報を提供するHTMLタグの一種です。

基本的な要素を見てみましょう。

SERPのNeilPatelのメタタグ
タイトルタグと説明タグは、エントリのほぼ全体を構成します。

これらのメタタグがない場合、GoogleSERPに表示されるのは私のURLだけです。

SERPのNeilPatelのメタタグ
タイトルタグと説明タグは、SEOの目的で最もよく使用される2つのタグですが、デジタルマーケティングの一部はSEOだけではありません。

高度なデジタルマーケティングでは、ページランクと全体的なユーザーエクスペリエンスを向上させるさらに多くのタグを使用する必要があります。

この検索結果と同様に、これらのタグがデジタルプレゼンス全体の表示方法とナビゲート方法を制御していることがすぐにわかります。

ニール・パテルとの相談
私の代理店があなたのウェブサイトへの大量のトラフィックをどのように促進できるかをご覧ください

SEO-大量のSEO トラフィックのロックを解除します。実際の結果をご覧ください。
コンテンツマーケティング-私たちのチームは、共有され、リンクを取得し、トラフィックを引き付ける壮大なコンテンツを作成します。
有料メディア-明確なROIを備えた効果的な有料戦略。
電話を予約する

マシンはURLを問題なく読み取ることができます。私がマシン用に書いた場合、私のWebサイトは次のようになります。

メタタグHTML
Googleは、特定のタグが人々にコンテキストを提供するため、それらを優先します。

私も人々のために自分のウェブサイトを構築したので、次のようになります。

メタタグとデザインNeilPatelWebサイト
この磨きは、マーケティングのすべてです。

このブログ投稿では、メタタグを調べ、それらがデジタルマーケティングの取り組み全体にどのように影響するかを確認します。

シンプルですが、悪魔は細部に宿り、細部が重要です。

メタタグがブランドイメージとクリック率にどのように影響するか
あなたは絶対にその表紙で本を判断することができます。それがカバーのデザインです。

タイトルとメタディスクリプションタグは、Webページのカバーを作成します。ほとんどの訪問者に対する第一印象です。

検索エンジンだけでなく、インターネットの見方も重要です。

Redditは、すべてのベルとホイッスルを取り除く基本的なリンクアグリゲーションサイトです。

Redditは、タイトルと画像に依存して会話とクリックを誘います。

Redditのメタタグ
メタタグを正しく使用することは、ビジネス用メールに正しい形式を使用することに似ています。

もちろん、好きなものをそこに置くことができますが、ある時点で期待されるレベルのプロ意識があります。

アマゾンでさえ、あなたの主張を明確にするためにあなたに写真、タイトル、そして簡単な説明を与えるだけです。

Amazonのメタタグ
これらのタグをエレベーターピッチと考えてください。

ブランドと製品全体を販売するために、ツイートと同じくらいのスペースが与えられます。

これはあなたがそれを釘付けにする必要があることを意味します。

この詳細を呼び出して、他のすべてを磨くことはできません。そうした場合、あなたが磨いた残りの部分を誰も見ることができなくなります。

メタタグがSEOにどのように影響するかはすでにわかっていますが、それだけが要素ではありません。

メタタグは、電子メールリンクの情報を提供することにより、電子メールマーケティングとマーケティング自動化の取り組みを容易にします。

タグは、自動化されたソーシャルメディアの投稿がどのように見えるかを決定する重要な要素です。

NeilPatelのTwitterアカウントのメタタグ
他のブロガー、YouTuber、ソーシャルメディアインフルエンサー（およびマイクロインフルエンサー）がコンテンツを共有する場合、タグを使用するとコンテンツが簡単になります。

メタタグは、製品のパッケージと考えてください。

あなたのパッケージがぴったり合っていなければ、どんなに素晴らしいものであっても、誰もあなたの製品を買うことはありません！

タグに実装するためのいくつかのベストプラクティスは何ですか？

メタタグのベストプラクティス
Webページで使用できるさまざまなHTMLタグがたくさんあります。ここでは、ほんの一握りの重要なタグに焦点を当てます。

今日ここにあなたを連れてきたかもしれないものから始めましょう。

1.タイトルタグ
技術的にはメタタグではありませんが、ヘッダーに表示され、1つとして使用されます。

2017年7月の時点で、Google検索結果のタイトルタグの文字数制限は、モバイルデバイスで78、デスクトップで70です。

ただし、これは必ずしもこれらすべての文字を使用する必要があることを意味するわけではなく、一般的に推奨される制限は60です。

ロングテールキーワードは違いを生みます。

「コンテンツマーケティングを効果的にする方法」のSERPのトップメタタイトルは次のとおりです。

SERPでのコンテンツマーケティングのメタタグ
年を追加することで、「コンテンツマーケティングを効果的にする方法2021」のまったく新しい結果が得られます。

基本的な情報が必要なユーザーもいれば、最新の情報が必要なユーザーもいます。

メタタグ-グーグル検索の結果を表示する「2021年にコンテンツマーケティングを効果的にする方法」
タイトルタグを調整することで、これらの検索のどれにランク付けするかに影響を与えることができます。

最終的には、両方を達成することが目標ですが、それが常に実現可能であるとは限りません。

キーワードがタイトルに含まれていることを確認してください。含まれていないと、検索結果に記事が埋もれてしまいます。

たとえば、私が

「ツーソンで最高のタコス」のアーチ、いくつかのレストランは、デルタコでさえ、下の9ページにあります。

それは国のそのタコスの首都にとって無駄な機会です！

SERPのツーソンで最高のタコスのメタタグ
これらの中小企業は、タイトルタグに「ツーソンで最高のタコス」を追加するだけで、検索結果、売上、ROIを大幅に向上させることができます。

ヘッダーにあるタイトルタグに必要なHTMLのサンプルを次に示します。

<頭>

<title>私が思いついた最高のタイトルの例</ title>

</ head>

WordPressでは、ページにタイトルを付けるのと同じくらい簡単です。

あなたは本当にそれを見逃すことはできません。

WordPressにメタタグタイトルを追加
これですべてです。

2.画像タグ
タイトルタグと同様に、画像タグには「メタ」というラベルは付いていません。

これらは、検索エンジン、リンクアグリゲーター、およびその他のサイトでサイトを識別するために明確に使用されています。

実際には1つのタグに詰め込まれた2つの画像の説明があります。

HTMLコードは次のようになります。

最高のエクスペリエンスを得るには、altタグとtitleタグの両方を定義する必要があります。

カーソルを画面に合わせると、タイトルが画面に表示されます。

代替テキストは、画像をレンダリングできない場合（または視覚障害者に話しかけられた場合）に表示されます。

WordPressに画像をアップロードすると、タイトル、キャプション、代替テキスト、説明を入力するよう求められます。

WordPressの画像メタタグ
（同じ情報を使用している場合でも）入力するフィールドが多いほど、画像の検索可能性が高くなります。

また、ADAウェブサイトのコンプライアンスの問題でもあります。

米国だけでも、ある程度の視覚障害を持つ人は約750万人います。

これは人口の大部分であり、代替画像タグがないと優れたユーザーエクスペリエンスは得られません。

検索エンジンとユーザー向けに画像を最適化します。

3.説明メタタグ
メタディスクリプションタグは、ページのコンテンツの概要を提供する機会を提供します。

それらは約160文字に制限されており、Googleの検索アルゴリズムに直接結び付けられていません。

繰り返しになりますが、説明タグが必要な理由は、ユーザーエクスペリエンスを向上させるためです。

説明タグはクリックスルーを促進します。

HTMLは次のようになります。

<頭>

</ head>

メタディスクリプションがない場合、Googleはデフォルトでコンテンツを最もよく網羅していると思われるプレビュー文を使用します。

これは必ずしも悪いことではありません。

この投稿にはメタディスクリプションがなく（私はめったに使用しません）、ランクも高くなっています。

NeilPatelソーシャルメディアマーケティングのメタタグがSERPでシンプルに
もちろん、私のブログは短くて甘い文章で関連するコンテンツでいっぱいです。それらのほとんどは、それ自体で説明として機能します。

それでも、コンテンツをより検索しやすくするために情報を追加しても害はありません。

4.ロボットのNoindexおよびNofollowメタタグ
ロボットのメタタグは必ずしも必要ではありません。

デフォルトでは、Webサイトで作成するすべてのページとリンクは、検索ボットとWebクローラーによって「フォロー」としてインデックス付けされます。

それらをリダイレクトする場合は常に、ロボットメタタグが必要になります。

noindexHTMLコードは次のとおりです。

（…）

</ head>

これはヘッダー内にあり、このページにインデックスを付ける必要がないことを示します。

これは、顧客/読者が使用できるシンジケート化された重複コンテンツに役立ちますが、検索インデックスにクレジットを付けたくありません。

これがロボットnofollowのHTMLです。

これは、必ずしも推奨したくないリンクに使用されます。

たとえば、コメントにリンクを残している読者は、私が正確に承認しているわけではないため、コメントセクションの上にあるnofollowタグを使用すると、ボットに対してサイトをクリーンに保つことができます。

これは、nofollowタグをいつどのように使用するかについての優れたインフォグラフィックです。

Nofollowメタタグのインフォグラフィック
ここで、最も物議を醸しているメタタグの1つに到達します。

5.キーワードメタタグ
キーワードタグは、検索アルゴリズムが検索ランキングを決定するために使用することはありません。

HTMLは次のようになります。

私はSEOクライアントにキーワードタグを無視するように指導しています。キーワードタグはSEOに影響を与えないからです。

ただし、必ずしも役に立たないわけではありません。特にWordPressで役立ちます。

キーワードタグとカテゴリは、Googleがサイトのどのページを検索でランク付けするかを決定するのに役立ちます。

また、WordPressで、インデックス付きのページをもう1つ提供するページを作成します。

メタタグ付きのWordpressカテゴリページ
つまり、ブログの投稿はロングテールのキーワードに焦点を合わせていますが、タグとカテゴリのページには短いキーワードをカバーするフィードがあります。

カテゴリはURL形式に使用でき、ページアドレスにもう1つのキーワードを提供します。

これは、WordPressの[設定]> [パーマリンク]で実行されます。

WordPressのメタタグのカテゴリURLとパーマリンク
この形式を追加すると、コンテンツにコンテキストが提供されます。

Googleは検索結果のコンテキストが大好きです！

キーワードはまた、全体像の概要を提供します

つまり、各キーワードのページ数です。

それらを使用して、編集カレンダーの計画に役立てることができます。

6.ビューポートタグ
ビューポートについて考えるのに多くの時間を費やすことはありませんが、ビューポートは今日のモバイルファーストの検索の世界では特に重要です。

モバイルデバイスでは、ページはデバイスの境界を越えて伸びるビューポートと呼ばれるポップアップウィンドウに表示されます。

これが私が話していることの実例です。

モバイルユーザビリティのためのビューポートメタタグ
開発者は、ビューポートサイズを設定して、モバイルの使いやすさを向上させることができます。

WordPressユーザーは、このタグをチェックして、テンプレートのこの情報を知ることができます。

すでにWeb開発者でない限り、おそらくそれを知らなかったでしょう。

Googleはますますモバイルフレンドリーなウェブサイトに焦点を合わせているので、このメタタグは成功とモバイルの失敗の違いを意味する可能性があります。

メタタグの基本的な理解と、メタタグが重要である理由を理解したところで、メタタグを操作するための私のお気に入りのツールをいくつか紹介します。

メタタグを追加および確認するための無料ツール
これがすべて圧倒的に聞こえても心配しないでください。メタタグを正しく取得するのを簡単にするツールがたくさんあります。これが私のお気に入りの2つです。

WordPress用のYoastSEOプラグイン
Yoastは、WordPress用の強力なSEO プラグインであり、最もダウンロードされているSEOおよびメタタグツールの1つです。

Yoastを使用すると、公開するすべてのページと投稿に、ソーシャルシェアリングを増やし、SEOを最適化し、タグやその他のメタデータを更新するためのバックエンドオプションがあります。

メタタグ用のWordPress用のYoastSEOプラグイン
YoastをWordPressサイトにインストールすると、プロセスにメタタグを追加するのに必要なのは、数回のクリックと数秒の時間だけです。

Yoastでは、メタタグに追加されないフォーカスキーワードを入力して、バックエンドプログラムが投稿を分析できるようにすることもできます。

BuzzStreamメタタグエクストラクタ
競合他社が使用しているメタデータの簡単なグラフが必要な場合は、BuzzStreamのMeta TagExtractorが洗練されたシンプルなソリューションです。

URLのリストをコピーして貼り付けると、メタタグ情報が表示されます。

タグエクストラクタメタタグツール
大きなリストをすばやくスクレイピングできるように、CSVファイルとしてダウンロードするオプションもあります。

これは、必要なときにこのデータをすばやく簡単に整理する方法です。

この無料のオンラインツールは、すべての鐘や笛なしでその仕事をします。

あまり人気がない（しかしそれでも便利です！）メタタグ
完全に透過的にするために、ここにHTMLメタタグのチャートがあります。

メタタグのリスト
作成者メタタグを使用して、コンテンツの一部を作成した検索エンジンに通知できます。

著者は過去に検索結果に使用されていましたが、それはもはや要因ではありません。ただし、複数の作成者のブログを実行している場合は、作成者タグを使用できます。

複数のユーザーがコンテンツを投稿している場合、WordPressはこの情報をブログに追加します。

これは、何よりもブロガーにとって名誉のバッジです。

残りのほとんどは、サーバーレベルですでに制御されているはずのパラメーターを定義します。

これらのメタタグは無視しましたが、そうしなければならないという意味ではありません。必要な情報を自由に追加してください。

ランキングの検索には役立ちませんが、ランキングを損なうこともありません。

メタタグに関するFAQ
メタタグとは何ですか？
メタタグは、ページについて共有する情報を含むHTMLタグの一種です。これは、検索エンジンがそれが何であるかを理解するのに役立ち、関連する検索結果に表示できるようになります。

メタタグが重要なのはなぜですか？
メタタグは、検索エンジンがコンテンツの内容を確実に認識できるようにするため、SEOにとって重要です。これらのタグに基づいて、検索エンジンは適切な結果でWebサイトを表示できるようになります。このようにして、人々はあなたを簡単に見つけることができます。

メタタグはWebサイトのアクセシビリティをどのように改善しますか？
メタタグは、支援技術で読み取ることができる隠された情報を提供できます。視覚障害のある人のために、画像の代替テキストは彼らのために画像の説明を提供することができます。

Webサイトにメタタグを追加するにはどうすればよいですか？
メタタグはHTMLに直接追加できます。 WordPressなどのツールに追加することもできます。そこで、画像のaltタグ、タイトルタグ、メタ説明を追加できます。

メタタグ結論
メタタグはHTMLの基本的な部分であり、SEOに影響を与える可能性があります。

インターネットの黎明期には、検索エンジンがページのコンテンツを理解するためのシグナル要素でした。

それ以来、インターネット（およびインターネットとの関係）は飛躍的に進化しました。

コンテキスト検索、AIデジタルアシスタント、モバイルデバイスは、コンテンツの表示方法を変えています。

検索エンジンは、可能な限り最高の検索結果を提供するように奨励されているため、メタタグはそれほど重要ではありません。

ただし、タイトルやメタディスクリプションなど、これまで以上に重要なものもあります。

使用されるメタデータは少なくなりますが、それでもロボットと人の両方に与える第一印象です。

あなたのウェブサイトのメタタグはあなたについて何と言っていますか？