Webサイトにメタタグを追加するためのガイド

公開: 2021-03-21

あなたがウェブサイトを所有しているなら、あなたはおそらくあなたがあなたのSEOの努力を改善するのを助けるために異なる方法を探しています。 最適化の重要な部分であるため、Webサイトにメタタグを追加することがどのように役立つかを理解する必要があります。 あなたのウェブサイトの特定の側面を定義するために必要とされる基本的で最も重要なメタタグに加えて、あなたのデジタルマーケティングに役立つことができる人々がいます。 それらのいくつかは、ユーザーエクスペリエンスを向上させながら、ランキングに部分的に影響を与える可能性があります。

メタタグとは何ですか、そしてそれらをウェブサイトに追加する方法

メタタグが重要であるという事実以外に、メタタグがSEOにどの程度影響するかを確実に知ることはできません。 しかし、すべての真面目なSEO専門家は、適切なメタタグを追加する必要があることに同意し、SEOの最適化を支援しています。 彼らの力は、検索エンジンがあなたのページを識別し、分類し、そして測定するのを助ける能力にあります。 同時に、それらのいくつかは潜在的な訪問者に重要な情報を提供しています。 全体的に、これはあなたがより高いランクの位置を達成するのを助けて、あなたのウェブサイトのトラフィックを増やします。

ほとんどの場合、メタタグは最適化の重要な部分です。 それらがすべてのSEOプロセスでスキップできないステップである理由をよりよく理解するために、それらについて少し説明しましょう。

メタタグとは何ですか？

ウェブサイトのページを見ると、メタタグはほとんどわかりません。 これが、コード内のHTMLドキュメントのheadセクションにネストされているためです。 ただし、このいわゆる「メタデータ」（データに関するデータ）は、クローラーと検索エンジンに表示されます。 たとえば、Googleはページをよりよく理解するためにメタタグを使用しています。 すべてが正しければ、それに応じてページを測定してランク付けします。 さらに、ユーザーエクスペリエンスを向上させるために、結果ページにメタ説明などのメタタグを表示できます。

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

メタタグは主に、ウェブサイトに関する一連の詳細を検索エンジンに提供します。 ウェブサイト全体だけでなく、コンテンツの各ページについても。 これにより、ページ上の最適化の重要な部分になります。 次に、その情報の一部が検索エンジンの結果ページでユーザーに表示されます。 全体として、メタタグはページに関する最も重要な情報の一種です。

検索エンジンはこの情報を使用して、コンテンツのコンテキスト値を作成します。 また、ユーザーが特定の用語を検索すると、検索エンジンは特定の主題に関する利用可能なすべての情報を使用して、結果を並べ替えて表示します。 一方、訪問者がクリックする前に、結果から得られる情報を想定できるようにします。 このような場合のメタタグの役割は、プロセス全体をより簡単に、より関連性の高いものにし、より優れたユーザーエクスペリエンスを提供することです。

メタタグの種類

メタタグにはさまざまな種類があります。 それらのすべてが不可欠で必要なわけではありません。 メタタグのリストは膨大ですが、すべてがSEOにとって価値があるわけではありません。 情報を簡潔にするために、いくつかの基本的なメタタグについて説明します。

  1. メタタイトル
  2. メタ記述
  3. ビューポート
  4. 画像の代替テキスト

その前に、メタタグを追加する方法を知っておくとよいでしょう。 Webサイトにメタタグを追加する一般的な方法は2つあります。

  • コードに手動でメタタグを追加する
  • プラグインを使用してWordPressWebサイトにメタタグを追加する

オプションがある場合は、通常、YoastSEOなどのプラグインを使用する方が簡単です。

1.メタタイトル

メタタイトルは、タイトル、タイトルタグ、ページタイトル、SEOタイトルとも呼ばれます。 明らかなことに加えて、それは検索エンジンが結果ページに表示しているページタイトルです。

  • 次のように入力して、HTMLコードの<head>セクションに手動で追加できます。

<title>This is the title of the page on your website</title>

  • WordPressのPHPバージョンは次のようになります。

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

または、Yoast SEOなどのプラグインを使用している場合は、SEOタイトルフィールドに入力するだけです。

Yoastプラグインのデスクトップデバイスのタイトルのプレビューを含むSEOタイトルフィールド。
あなたがする必要があるのは、SEOタイトルフィールドにあなたのタイトルとウェブサイト名を追加することです。

SEOの目的では、タイトルにロングテールキーワードを実装することをお勧めします。

2.メタディスクリプション

メタタイトルよりも有益なメタディスクリプションは、タイトルのコンテキストを提供します。 SERPでは、訪問者は特定の結果をクリックした場合に見つかる情報の簡潔で簡潔な要約を見ることができます。 ランキングに直接影響することはありませんが、優れたユーザーエクスペリエンスを提供します。

まず、ページの<head>セクションにコードを追加できます。

<meta name="description" content="Place the meta description text here.">

または、Yoastで簡単に作成できます。

「A

繰り返しになりますが、SEOの目的で、メタディスクリプションに適切なキーワードを含めることができます。

3.ビューポート

ビューポートは基本的にページの表示部分です。 同様に、メタビューポートタグは、ページの表示方法に関する指示をさまざまなデバイスに送信します。 より正確には、特定のページのレンダリングでどのように動作するかをブラウザに指示します。 今日、人々がさまざまなデバイスでWebサイトにアクセスすることを考えると、これは特に重要なタグです。 特に携帯電話で。 Googleは並外れたユーザーエクスペリエンスを提供することを目指しているため、モバイルフレンドリーなページは上位にランク付けされます。

<head>セクションにコードを入力するだけで、メタビューポートタグを追加できます。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

デバイス幅とスケーリング値は、今日、ほとんどのWebページで一般的に受け入れられています。

4.画像の代替テキスト

最新のSEOに大きな価値を持つもう1つのメタタグは、画像の代替テキストです。 簡単に言うと、画像がページに読み込まれない場合は、画像のコンテンツを説明するために代替テキストが使用されます。 そうしないと、ユーザーはコンテンツのない空のスペースまたはコンテナーを取得します。 その結果、SEOに悪影響を及ぼし、ユーザーエクスペリエンスも低下します。

コードでは、画像のaltタグは次のようになります。

<img src=“imagename.jpg” alt=“image description” title=“image tooltip”>

WordPressに代替テキストを実装する簡単なバージョンは、画像のプロパティ内で実行できます。

カスタマイズするさまざまなオプションを備えたWordPressの画像詳細ページ。
画像を最適化するときは、代替テキストを忘れないでください。

画像を最適化するために、画像にaltタグが付いていることを常に確認してください。 また、ページ上の少なくとも1つの画像に、自然に実装されたキーワードが含まれていることを確認してください。 UXに加えて、検索エンジンにそのコンテキストに関する情報を提供することにより、SEOを支援します。 また、スクリーンリーダーに代替画像を提供することで、ページのアクセシビリティを向上させます。

このガイドを使用して、Webサイトにメタタグを追加し、最も重要なメタタグのいくつかを学ぶことができます。 しかし、そこには他にも多くのメタタグがあります。 重要なものもあれば、完全に時代遅れのものもあります。 それらすべてを学ぶことはこの記事を超えており、多くの時間を必要とします。 ただし、時間と手段があれば、それは価値があるかもしれません。 投稿やページにメタタグを追加する方法を学ぶことで、ユーザーエクスペリエンスを向上させ、検索エンジンがWebサイトをより適切に分類できるようになります。 まず、最適化するものを作成する前に、高品質のコンテンツを用意する必要があることを忘れないでください。 そして一般的に、一度に一歩ずつあなたのウェブサイトを構築することに焦点を合わせてください。