メタタグはこれまで以上に SEO との関連性が高まっています: その理由は次のとおりです。

公開: 2020-03-24

メタ タグは HTML コードの基盤であり、優れた Web サイトの構成要素です。

彼らは何十年も前から存在し、あなた、検索エンジン、およびユーザーの間の対話者として機能し、コンテンツ配信戦略の邪魔になるものがないことを確認します. さらに、それらは SEO 戦略の非常に貴重な部分であり、それがなければ、コンテンツはインターネット チューブの中で失われ、真の視聴者に到達することはありません。

しかし、インターネットが日々成長し、ウェブ構築ツールの数がウェブサイト作成者を圧倒する恐れがあるため、どの要素に時間を費やす価値があるかを簡単に知ることができません. 非常に多くのデザイナーが専用の計画なしにコーディングに取り組み、ページに真の価値をもたらさない要素に貴重な時間を浪費してしまいます.

SEOを強化するためにメタタグを使用する必要があるのはなぜですか?

すべての業界がオンラインでの存在感を重視するようになるにつれて、メタ タグはこれまで以上に重要になっています。 検索エンジンの結果は、これまで以上に競合するサイトで溢れかえっており、それぞれが最初のページにランク付けしようとしています。 これらのタイプのタグは、その高いランキングを達成できる唯一のものの 1 つです。

もちろん、Web サイトはメタ タグだけで成功することはできません。 優れたコンテンツはユーザーを獲得するものであり、顧客満足度を提供することはユーザーを維持するものです。 ただし、SEO メタ タグがなければ、すばらしいコンテンツを見つけて最適なカスタマー サービスを享受することはできません。

メタタグは、間接的な方法で SEO に貢献することさえできます。 Google は、ページをランク付けする際にユーザーの行動が考慮されることを認めています。つまり、検索エンジンは、クリック数が多いサイトを高くランク付けします。 つまり、訪問者にとって魅力的なコンテンツをデザインすることは戦いの半分であり、メタタグはこれを達成するための重要なツールです.

SEOを改善するために使用すべき9種類のメタタグ

すべてのメタ タグが同じように作成されているわけではありません。最近のアプリケーションで他のものよりも役立つものもあれば、SEO にほとんど価値をもたらさないものもあります。 場合によっては、Google がランキングで何をカウントし、何をカウントしないかにかかっています。 カウントされないものはすべて、コーディング時間の無駄です。 ここでは、検索で上位にランク付けし、クリック率を高め、Web プレゼンスを合理化するのに役立つ不可欠なタグのトップ 9 を紹介します。

メタ コンテンツ タイプ

メタ コンテンツ タイプ タグは、コードでメディアのタイプを指定するために使用されます。 これは、ヘッダー セクションの残りの部分を設定するものであり、ページがすべてのブラウザーで適切に表示されるようにするため、コーディングするときはいつでも含めることが重要です。

タグの例を次に示します。 表示する内容に応じて、コンテンツのタイプを編集します。

<頭>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head>

メタ記述

この次の meta 要素は、Web ページを要約するために使用される HTML 要素です。 ヘッダー セクションに含まれるもう 1 つの要素である概要は、Google 検索でタイトル タグの下に表示されるものであり、訪問者にページに何を期待するかのアイデアを提供します。

メタディスクリプションは、Google が検索でランク付けする要素の 1 つではありませんが、SEO にとって重要ではないという意味ではありません。 これは店頭と考えてください。つまり、訪問者がクリックしてサイトにアクセスする必要がある理由を売り込みます。

説明の長さは 150 ~ 160 文字ですが、通常、モバイル検索では 120 ~ 130 文字しか表示されません。 説明の長さに魔法の数はありませんが、ターゲットを絞ったキーワードと行動を促すフレーズを入力して、ユーザーがクリックするよう促すことが重要です。 あなたのページが彼らが求めている質問に答えていることをユーザーに知ってもらいたいのですが、あなたのサイトに進む必要がないことをあまり教えないようにしてください.

メタ ディスクリプション タグの例を次に示します。

<頭>

<meta name="description" content="これはメタ ディスクリプションの例です。 ページに関連するすべての情報が含まれています。 長さは 160 文字までです。」>

</head>

タイトルタグ

タイトル タグは、Web ページのオープニング アクトであり、Web ページをサイト訪問者と検索エンジンに区別する最初の HTML 要素です。 タイトルは重要です。

検索エンジンの認識率とクリック率を向上させるために、タイトル タグに含めることができる要素がいくつかあることに注意してください。 タグをキーワードまたはロングテール キーワードで埋め込みます。 これらは、ニッチに固有の 3 語または 4 語のキーワードです。 繰り返しますが、やり過ぎないことが重要です。 タイトル タグの最初の単語はメイン キーワードにする必要があり、それ以上多くして読者を圧倒してはなりません。

タイトルタグは次のようになります。

<頭>

<title>これはタイトルタグの例です</title>

</head>

SEO目的で最適なタイトルタグの長さは?

タイトルの長さに制限はありませんが、タイトル タグに最適な長さは 55 ~ 60 文字です。 これは主に Google の慣行によるものです。Google では、タイトルの 60 文字のみを表示してから残りを切り捨てます。 そのしきい値を下回ると、タイトルが完全に表示されることをほぼ確実にすることができます.

Google に表示される文字数を最大限に増やしたい場合は、1 つの方法を使用できます。 検索エンジンの表示システムは、厳密には文字ではなくピクセルに依存しています。つまり、使用するピクセルが少ない小文字 (i、l、t など) を使用すると、大文字のロック文字 (M、W など) よりも多くの文字を表示できます。 )。

タイトルの単語数については、目的によって異なります。

「タイトルは、プラットフォームによってエンゲージメントが異なります。 Facebook で最もクリックされたリンクのタイトルは 12 ~ 14 語ですが、Twitter で最も人気のあるリンクは 8 ~ 12 語です。」

テランス・ラティガン
テクニカル ライター、Writemyx、Britstudent

正規タグ

canonical タグは、同じコンテンツの URL が複数ある場合に検索エンジンを支援するために使用されます。 多くの場合、ページは、1 つのオリジナルのコピーではなく、すべてが同じ場所につながる多数の URL を生成することがあります。

これは、類似しているがまったく同じではないコンテンツのページにも適用でき、1 つのキーワード セットに対する SEO の取り組みが複数のページに分割されることを回避できます。 このタグがないと、Google は「http://your page.com と http://yourpage.com/index.php のコンテンツが同じ場合、別のページとして返します。 このタグは、自動生成されたセッション ID URL にも役立ちます。新しいページではなく、元のページに対して正規のページとして表示されるようにします。

このメタ タグが役立つもう 1 つの例は、モバイル URL をページに関連付ける場合です。 モバイル ページは m で示されます。 ドメイン名の前に. モバイル コードに canonical タグを含めることで、モバイル ページがデスクトップ ページと同じになり、フォーマットが異なるだけになります。

canonical タグをコードに挿入する方法は次のとおりです。

<link rel="canonical" href="http://example.com/" />

代替テキスト タグ

代替テキスト タグは、ページ上のすべての画像の周りに含めることが重要です。 検索エンジンは画像を読み取ることができないため、ページの内容を知るために代替テキストが必要です。

代替テキスト タグを作成するときのゲームの目的は、簡潔で情報を提供することです。 テキストが明確で、画像が何であるかを伝えるものであることを確認し、無関係または過度に主観的な言葉を避けてください (可能であれば形容詞は避けてください)。 代替テキスト タグは、50 ~ 55 文字で 16 語以内にする必要があります。

画像自体に関しては、可能な限りオリジナルを使用し、画像の品質を落とさないようにしてください。 これにより、ページの読み込みが速くなり、検索エンジンを満足させることができます.

alt テキスト タグの書き方は次のとおりです。

<img src="http://example.com/abc.jpg" alt="abc" />

ロボット メタ タグ

このメタ タグは、インデックス作成のために何千もの Web ページをふるいにかけるように設計された Web クローラー (ボット) を対象としています。 最も一般的なタイプの Web クローラーは検索エンジンで使用されるため、Web 検索でページを表示するには、ロボット メタ タグを含めることが不可欠です。

ロボット メタ タグには、Web クローラーに命令する 2 つの主要な要素があります。 FOLLOW は、指定されたページのすべてのリンクをたどるようにクローラーに指示し、INDEX はクローラーにそのページのインデックスを作成するように指示します。

コマンドは次のようになります。

<meta name="robots" content="index, follow">

Web クローラーに索引付けまたはフォローさせたくないページがある場合は、上記のコマンド NOFOLLOW および NOINDEX を無効にすることができます。 機能は同じですが、逆です。 Google はリンク操作を厳しく取り締まることでよく知られているため、これらの機能は検索エンジンからのランキング ペナルティを回避するのに役立ちます。 たとえば、NOFOLLOW を有料リンクまたはスポンサー リンク、信頼できないコンテンツ、またはスパム リスクのあるコンテンツに設定できます。

ビューポート

レスポンシブ デザイン メタ タグとも呼ばれる viewport 要素は、モバイル デバイス上の Web ページのレイアウトを制御できます。 モバイルで Web サーフィンをする前は、すべてのページがデスクトップまたはラップトップ コンピューターの標準サイズに合わせて設計されていました。 Web の使用の大部分にモバイル デバイスを使用するユーザーがますます増えている現在、ページがこれらのユーザー向けに設定されていることを確認することが重要です。

要素の基本構造は次のとおりです。

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

ここで最も重要な要素は「width=device-width」です。 これにより、ユーザーが使用しているデバイスに合わせてページの画面幅が設定されるため、このタグは複数のデバイスに対する優れたキャッチオール ソリューションになります。

ビューポートは SEO のパフォーマンスに直接関係していませんが、UI エクスペリエンスに影響を与えるため、ユーザー維持の重要な要素です。 モバイルでうまく機能しない Web サイトは、何百万人ものユーザーに避けられ、あなたのブランドは時代遅れの慣行や面倒なインターフェイスに関連付けられる可能性があります。

グラフを開く

Open Graph は、ページをオーディエンス アウトリーチのもう 1 つの重要な側面であるソーシャル メディアと統合するように設計されています。 このタグはソーシャル メディアの表示に対して、Viewport がデバイスの表示に対して行うことと、Title タグが SEO に対して行うことを行います。コンテンツが適切に表示され、ソーシャル メディアで上位にランク付けされるようにします。

これらは非常に密度の高いタグです。いくつかの例を次に示します。

<meta property=”og:type” content=”article” />

<meta property=”og:title” content=”これはページまたは投稿のタイトルです” />

<meta property=”og:description” content=”これはページ コンテンツの説明です” />

<meta property=”og:image” content=”これは画像へのリンクです” />

<meta property=”og:url” content=”PERMALINK” />

<meta property=”og:site_name” content=”これはあなたのウェブサイトの名前です” />

「これらは一般的な SEO タグとは少し異なりますが、オーディエンスの成長戦略に同じくらいの価値をもたらします。 Tumblr は 2012 年にこれを利用し、クリック率が 250% 増加しました。」

ソランジュ宇原
SEO エキスパート、1Day2Write および Nextcoursework

結論

メタ タグは、Web ページを構築する上で不可欠であり、少なくとも今のところ、優れた SEO パフォーマンスの鍵となっています。 上記のタグは、インターネット全体のデザイナーによってユーザー エクスペリエンスと検索エンジンのランキングにとって最も重要なものの 1 つと見なされているため、これらのタグを実装するために時間を無駄にすることはありません。

他のタグに関しては、何を達成しようとしているのか、時間を割く価値があるかどうかを少し考えてみてください。 ウェブサイトのデザインは短距離走ではなくマラソンです。自分のペースで作業を進め、常にサイトのプラスの成長に向けて作業を進めてください。

SEO に関するすべてのスキルを向上させます。 ニーズに合った適切な SEO ソフトウェアを見つけて、適切な SEO 戦略、メタ タグなどに必要なコンポーネントを把握してください。