SEO メタタグ: 究極のリストとその重要性

所要時間

メタデータはHTML文書のセクションに含まれるHTMLコードです。このコードはウェブデザインにはまったく影響せず、検索エンジンのスパイダーが読み取るためだけに存在します。このコードは検索エンジンのボットにウェブサイトに関する多くの詳細を伝えます。正確な情報を提供することで、メタデータ検索エンジンがウェブサイトをより正確にインデックスし、ランク付けするのに役立ちます。

メタデータが重要な理由

メタデータは、特定のキーワードで上位にランクされるか、ランクされないかの違いを生む可能性があります。競合他社が優れたコンテンツを持っているにもかかわらず、メタデータをすべて埋めていない場合は、メタデータオプションがあれば、まだ勝つことができます。 SEOとは信頼性を積み重ねることである Google はウェブマスターにこの情報を提供するよう求めており、提供した人には報酬を与えています。

メタデータを編集するにはどうすればいいですか?

コードを手書きで記述する場合は、HTMLドキュメントの該当セクションに含めることができる正確なコードスニペットを提供するガイドがオンラインで多数公開されています。

ほとんどのウェブサイトデザインおよびeコマースプラットフォームには、ウェブサイト内の各ページ、製品、ブログ投稿のメタデータを設定できる機能があります。Ecwidは、編集のための幅広いオプションを提供します。メタデータその他のSEOカスタマイズもできます。ShopifyではSEOオプションが限られています。WordPressには、編集機能を提供する有名なプラグインがいくつかあります。メタデータ。

メタデータの種類

メタタイトルとメタディスクリプション

最もよく知られているメタデータは、サイトのタイトルと説明です。ウェブサイトの各ページにこれらの項目を入力することは、SEOランキングを向上させる最も簡単な方法の一つです。しかし、これほど簡単にできるにもかかわらず、このように最適化されていないサイトは数多く存在します。

これら 2 つのメタタグのコンテンツは、SERPS に表示されます。ページタイトルメタタグは、検索結果リスト内の Web サイトへのリンクのアンカーテキストとして使用されます。説明メタタグは、検索結果にサイトの説明を入力します。これらのメタタグが入力されていない場合、Google はサイトのコンテンツから情報を自動生成しようとします...サイトのランク付けを気にするのであればの話ですが。

Ecwid EcommerceのメタタイトルとメタディスクリプションはGoogle SERPでこのように表示されます

タイトルタグの長さは60文字以内でなければなりません、ページのキーワードを含める必要があります。ユーザーがリストをクリックしたくなるような魅力的なサイトタイトルを書いてください。タイトルメタタグ次のようになります。

これはウェブサイトのタイトルタグの例です

説明タグの長さは140〜160文字にする必要がありますキーワードは最初の文で自然に使用する必要があります。質の高い説明を書かなければ、Googleはそれを無視し、自動生成より良いもの。説明タグは次のようになります。

キーワードメタタグ

以前は、ページに関連付けられたキーワードをリストするメタタグがありました。このメタタグは、Google によってランキング要素として廃止されてから 10 年以上経ちます。他のすべての主要な検索エンジンも、キーワードメタタグの使用を否定する声明を発表しています。このタグを使用してもペナルティは課せられませんが、時間と労力の無駄になります。

ロボットメタタグ

ロボットメタタグはrobots.txtファイルとは異なります。robots.txtはロボットがクロールすべきページを指示するものであり、ロボットメタタグはロボットがインデックスを作成するべきページを指示するものです。

ほとんどの場合、ロボットにページをインデックス登録してもらいたいと思うでしょう。そのため、robotsメタタグのデフォルト値は「index, follow」になっています。ただし、検索結果に表示させたくない特定のページでは、値を「noindex, nofollow」に変更することができます。

robots メタタグは次のようになります。

アウトバウンドリンクのメタタグ

外部リンク用のマークアップタグはいくつかありますが、これらは他のメタタグとは少し異なります。これらのタグはHTMLページの<head>セクションに含めるのではなく、リンクのマークアップに追加されます。

外部リンクのrelタグには、 sponsored、ugc（ユーザー生成コンテンツ）、nofollowの3つの値があります。1つのリンクに複数のrel値を設定できます。Googleは、これらのメタタグに関するガイド「Googleへの外部リンクを最適化しましょう」を公開しています。

メタビューポート

ビューポートメタタグは、サイトがモバイルフレンドリーであることを検索エンジンに伝えるため、非常に重要です。このメタタグがないと、Web サイトはモバイル検索結果に表示されません。

ビューポートのメタタグは次のようになります。

Web.devは、「レスポンシブWebデザインの基本」と題した、このトピックに関する決定版とも言える記事を公開しています。ほとんどのWebデザインおよびeコマースプラットフォームは、このメタタグを自動的に設定し、ビジュアルデザインにレスポンシブCSSコードを既に適用しています。ゼロからコーディングする場合や、この仕組みの基本を理解したい場合は、このガイドが役立ちます。

ソーシャルメディアメタタグ

これらのメタタグは、ソーシャルメディアサイトでのリンクの表示方法を制御します。サイトのタイトル、説明、アイキャッチ画像などを制御できます。Open Graphはソーシャルメディアのメタデータの主流ですが、Open Graphがサポートされていないソーシャルプラットフォーム向けには、スキーマデータを使用して同様の機能を提供します。

オープングラフマークアップ

Open Graph メタタグは Facebook によって作成されましたが、Twitter でも使用されています。Facebook 上のリンクの表示プロパティを定義するには、複数の Open Graph メタタグを使用します。OG メタタグはページや画像に適用できます。

Twitter カードマークアップ

Twitter も Open Graph メタタグを使用して、プラットフォーム上でリンクを表示する方法を制御します。値は Facebook OG タグとは異なるため、両方のサイトの値を定義する必要があります。Twitter OG 値はページにのみ適用できます。

Linkedin、Google+、Pinterest のスキーマ

スキーマは通常 JSON ファイルで提供されますが、HTML ページのセクションに追加できるスキーママークアップもあります。これらのタグを使用して、OG プロトコルを使用しないソーシャルメディアプラットフォームでリンクを表示する方法を定義できます。

その他の種類のメタデータ

ウェブサイトのセクション内、場合によってはHTML本文内で使用できる、他にも多くの種類のあまり知られていないメタデータが存在します。Googleは現在認識されているすべてのメタタグの形式とその可能な値のリストを公開しています。このリストのタイトルは「メタタグとインラインタグ」です。

メタデータとしてのスキーママークアップ

スキーママークアップは、メタデータよりも最近開発されたものです。ただし、目的は同じです。メタデータとスキーママークアップはどちらも、検索エンジンスパイダーにデータを提供し、Web サイトをより正確にクロール、インデックス付け、ランク付けできるようにします。

スキーママークアップにはさまざまな種類があり、スキーマデータを配信する方法もいくつかあります。選択できるメタタグはそれほど多くありませんが、スキーママークアップの種類の多さは、その使い方を学んでいる人にとっては圧倒されることが多いです。

ほとんどすべてのウェブサイトビルダーと eコマースプラットフォームメタタグを編集する方法は提供されているが、スキーマデータの編集の実装はせいぜい不完全である。一部のプラットフォームでは自動作成スキーマデータのみを許可するものもあれば、編集オプションを許可するものもあり、大多数はスキーマデータを完全に無視します。

サイトにスキーマデータを追加すると、大きな競争上の優位性が得られます。ウェブサイトはまだ最適化されていない古いメタタグテクノロジ標準に従っています。メタタグが適切にカスタマイズされ、スキーマデータも実装されていることを確認したら、競合他社を圧倒できます。

まず、さまざまな種類のスキーマデータを確認し、サイトに含めるものを決定する必要があります。次に、値を入力するために必要なデータを収集する必要があります。この準備が完了したら、スキーマジェネレータツールを使用してスキーマを作成できます。 JSON-LD ファイルにソフトウェアを指定する必要があります。

スキーマデータを生成したら、スキーマ検証ツールを使用してテストする必要があります。

SEMRushは「スキーマとは？構造化データの初心者向けガイドこのガイドでは、スキーママークアップの主な種類について説明し、スキーママークアップを生成および検証するための複数のツールへのリンクを提供します。 JSON-LD この形式は、Web サイトのセクションに追加することも、HTML の本文セクション全体で使用することもできます。