メタタグの初心者向けガイド

公開: 2019-05-29

メタタグは、検索エンジンがWebページをクロールし、検索を容易にしながらコンテンツをランク付けするのに役立つデータです。したがって、メタタグはSEOを助長することが知られています。

今日、すべてのオンライン体験の93％が検索エンジンで始まる場合、SEOの重要性を過大評価することはできません。ソーシャルメディアのアウトリーチも有料のオンライン広告も、検索エンジンの結果ページ（SERP）で上位にランク付けされるほど多くの露出と高品質のオーガニックトラフィックを提供することはできません。

ユーザーの75％が2ページに示されている結果を見ることができないことをご存知ですか？これは、ほとんどの人が1ページで見つけた結果に満足しているためです。したがって、ブログやWebサイトが一番上に到達できなかった場合、大多数のユーザーには文字通り見えないままになります。

しかし、オンラインでの存在感を確実に維持するにはどうすればよいでしょうか。言うまでもなく、コンテンツの品質と関連性は重要な役割を果たします。ただし、SEOによって、コンテンツが他のすべての結果の中でどのようにランク付けされるかが決まります。これがメタタグの出番であり、ユーザーにより正確な結果を提供するために、検索エンジンがコンテンツをより適切にクロールおよび分類するのに役立ちます。検索エンジンの論理によると、ユーザーがあなたのウェブサイトからより良い結果を得るほど、それはより高いランクに値します。

メタタグとは何ですか？

メタタグは、ページのHTMLコードに導入されたテキストラベルであり、検索エンジンにページとそのコンテンツに関する詳細情報を提供します。メタタグは、検索エンジンのスパイダーがWebページをクロールし、特定のコンテンツを見つけて、対応するキーワードによってSERPでランク付けするのに役立ちます。言い換えれば、メタタグが行うことは、検索エンジンにあなたのページが何であるか、そしてそれを正しく読む方法を伝えることです。

メタタグは、ページのHTMLコードの<head>セクションに記述されます。そのため、タイトルタグとメタディスクリプションを除いて、それらのほとんどはユーザーに表示されません。ただし、メタタグは検索エンジンで読み取ることができます。そして、これがSEOに不可欠なものです。

メタタグが重要なのはなぜですか？

Googleのような検索エンジンは、何よりもユーザーエクスペリエンスを重視しています。そのため、検索アルゴリズムを改善し、コンテンツ、フォーマット、構造などに対してより高い要件を課しています。最終的な目標は、ユーザーに最も正確で関連性の高い検索結果を提供することです。

メタタグは、検索エンジンにWebページの構造、ナビゲーション、およびコンテンツに関する情報を提供することにより、この目標をより簡単に達成できるようにします。また、検索エンジンに、他の部分を無視してページの特定の部分に焦点を合わせたり、リンクをたどるかどうかなどを指示することもできます。アプリケーションに応じて、メタタグは複数のタイプに分けられます。

メタタグの種類

タイトルタグ

タイトルタグは、基本的にWebページのタイトルです。これは、ユーザーが実際に見ることができるメタタグの1つです。タイトルタグは、SERPスニペット（検索結果の上部）とソーシャルシェアに表示されます。これらは、Webブラウザではタブタイトルとしても表示されます。ただし、ユーザーだけがタイトルタグを読み取ることができるわけではありません。あなたのページが何であるかを理解するために、検索エンジンもそれを行います。

そのため、タイトルタグは明確で読みやすいだけでなく、関連するキーワードも含める必要があります。したがって、タイトルタグの作成に関しては、ユーザーと検索ボットの両方に対応することを目指す必要があります。

何よりもまず、タイトルにキーワードを詰め込むことは避けてください（ただし、やりたくなることもあります）。そうしないと、読みやすさに影響を与えたり、読者を混乱させたり、Googleのペナルティを科したりする可能性があります。検索用語を有機的に紹介し、タイトルが不自然、ぎこちない、または不格好に聞こえないようにします。

タイトルタグは、ユーザーがページ上のコンテンツについて理解できるように十分に説明的である必要がありますが、簡潔にすることを忘れないでください。そうでなければ、検索エンジンはそれを削減します。最適なタイトルタグの長さは約55〜60文字です。

他のすべてのタイプのメタタグと同様に、タイトルタグはHTMLコードに配置されるため、CMSを使用して編集できます。たとえば、NINGを使用すると、組み込みのインターフェイスを使用して、タイトルタグとメタ説明を簡単に記述できます。

ページのHTMLコードに挿入されたタイトルタグは次のようになります。

<頭>

<title>ページのタイトル</ title>

</ head>

メタディスクリプション

タイトルタグはSERPスニペットの上部になりますが、メタディスクリプションはその下に表示されます。これは、ページに表示されるコンテンツの詳細をユーザーに提供する短いテキストです。

メタディスクリプションは、有益で簡潔であるだけではありません。また、ターゲットオーディエンスの注意を引き付け、クリックしてページにアクセスするように説得する必要があります。

メタディスクリプションを正しく記述する方法に関するいくつかの重要なヒントを次に示します。

それらを実行可能にし、断定的な口調で書きます。
ユーザーに結果をクリックするよう促すための召喚状を埋め込みます。
Googleとユーザーに注目されるように、関連するキーワードを含めます（説明内の検索用語が強調表示されます）。
説明がページのコンテンツと一致していることを確認してください。誤解を招く説明で検索エンジンやユーザーをだまそうとすると、バウンス率が高くなり、Googleがペナルティを発行します。
ページが非常に似ている場合でも、メタディスクリプションを複製しないでください。
160文字を超えないようにし、説明の先頭に近い重要な情報を提供してください。

メタディスクリプションのHTMLコードは次のとおりです。

<頭>

</ head>

ロボットのメタタグ

ロボットのメタタグは、検索エンジンを除いて表示されません。その助けを借りて、あなたはグーグルがあなたのページとそのコンテンツで特定の行動を実行することを許可または禁止することができます。タグには、検索エンジンが実行するコマンドに応じて、さまざまな属性を含めることができます。例えば：

noindex ：検索エンジンがページのインデックスを作成しないようにします。これは、ページを検索結果に一時的または永続的に表示したくない場合に役立ちます。たとえば、同じWebサイトでホストされている新しいページのプロトタイプがあり、テストまたは改善を行う前にGoogleに表示したくない場合です。
nofollow ：検索エンジンボットがページで利用可能なリンクをたどらないようにします。たとえば、訪問者が独自のリンクを追加できるページがある場合（たとえば、コメントセクション）、ほとんど制御できない場合に便利です。
noarchive ：Googleがページのキャッシュされたリンクを表示しないようにします。
nosnippet ：検索エンジンがSERPスニペットにテキストの説明を表示しないようにします。

ロボットのメタタグには、次のHTML表現があります。

ヘッダータグ

ヘッダータグは、読者と検索エンジンの両方にとって理解しやすい方法でページ上のコンテンツを構造化するのに役立ちます。それらは2つの重要なタスクを実行します。

コンテンツのさまざまな論理部分を互いに分離し、読みやすさと「スキマビリティ」を向上させます。
ページに表示されるコンテンツについて、検索エンジンにさらに多くの手がかりを与えます。

ヘッダータグの階層（h1、h2、h3など）を使用すると、ページ上のコンテンツを明確かつ整然と整理できます。したがって、h1タグは通常、ページタイトルまたは記事の見出しとして機能し、h2はコンテンツの本体を分割する小見出しに使用され、h3はサブセクションに使用されます。

ヘッダータグを使用してコンテンツを適切に構成すると、消費しやすくなります。同時に、見出し/小見出しに有機的に導入されたキーワードは、コンテンツが検索エンジンで上位にランク付けされる可能性を高めることができます。

コンテンツの構造がHTMLでどのように表示されるかを次に示します。

<p>コンテンツの段落</ p>

<p>コンテンツの段落</ p>

正規タグ

正規タグは、類似したコンテンツを持つ他のページよりも特定のページを優先するように検索エンジンに指示するために使用されます。これにより、Webマスターは、コンテンツの複製に関連するペナルティを回避しながら、コピーまたはシンジケートされたコンテンツを使用できます。

ウェブサイトに2つ以上の類似したページがある場合、正規タグを使用すると、「プライマリ」ページのURLを指定できます。これは、Googleがソースと見なす必要があります。正規タグを表すHTMLコードは次のようになります。

以前の投稿の1つで、正規タグの詳細を確認してください。

代替テキスト

技術的には、代替テキストはメタタグではありません。属性です。ただし、メタタグと非常によく似た機能を果たします。簡単に言えば、代替テキストは、Webページにある画像のテキストによる説明です。

検索エンジンは実際には見ることができないため、画像を「読み取る」ことができます。代替テキストに基づいて、他のシグナルの中でも、Googleはあなたのページが何であるかを識別します。したがって、代替テキストにキーワードを含めて、ページがSERPで上位に位置する可能性を高めることは理にかなっています。また、ページが正常に読み込まれない場合は、画像の代わりに代替テキストが表示されます。

結論

キーワードの使用法とリンク構築に加えて、メタタグは現代のSEOの不可欠な部分です。これにより、ウェブマスターはコンテンツの品質を向上させ、エンドユーザーにとってウェブ検索をはるかに便利にすることができます。このガイドでは、オンラインでの存在感を際立たせるために知っておく必要のある重要なタイプのメタタグについて説明します。今度は、この知識を実践する時が来ました！