Drupal 9 メタタグ モジュールの構成 - 簡単なガイド

多くの場合、メタ タグは過小評価されています。 確かに、彼らはあなたのページに最初から表示されるわけではありませんが、あなたのSEOゲームを向上させることができる隠れた忍者です. ページを説明するこれらのささやかなテキストの断片は、非常に貴重なものになる可能性があります。 メタ タグ内の情報は、検索エンジンの結果、ブラウザー タブ、およびソーシャル メディアの投稿に表示されます。 Drupal 9 メタタグ モジュールは、サイト ビルダーがインタラクティブな管理インターフェース (コードなし!) を介して、各 Web ページのこれらのメタデータ (またはメタ) タグを動的に作成および管理するのに役立ちます。

Drupal Metatag モジュールを使用すると、構造化されたメタデータを提供したり、メタ タグ要素をカスタマイズしたりすることもできます。 メタ要素は、Web ページに関する構造化されたメタデータを提供するために HTML または XHTML ドキュメントで使用されるタグです。 これらは Web ページの head セクションの一部です。 異なる属性を持つ複数のメタ要素を同じページで使用できます。 Metatag モジュールを正しく設定して、Web サイトの SEO ランキングを向上させる方法を学びましょう。

Drupal 9 メタタグ モジュールの構成

メタ タグは、Web ページのタイトル、説明、キーワード、および他の head 要素と属性では提供されないその他のメタデータを指定できます。 Drupal 9 ページのヘッド セクションに、タイトル、説明、キーワード、Twitter カード、Facebook オープングラフ用のメタ タグを追加して、Web サイトを SEO フレンドリーにする必要があります。 ここからモジュールをダウンロードしてインストールします。

Drupal Metatag モジュールを使用すると、以下を構成できます。

• トップページ（フロントページ）のメタタグ
• Content-type のメタ タグ
• ビューページのメタタグ

それぞれの Metatag モジュールの構成について詳しく説明しましょう。

ホームページ用の Drupal 9 メタ タグの構成

モジュールをインストールしたら、 /admin/config/search/metatagsでグローバル構成を編集できます。 フロント ページのグローバル構成を設定します。 [編集] をクリックして詳細を表示します。

Drupal 9 メタタグ - Frontpage の構成

ページのタイトル、説明、要約、およびキーワードを入力します。

Drupal 9 メタタグ - Frontpage の構成

ページタイトル

このスニペットは、検索エンジンだけでなくユーザーにも役立ちます。 Web ページのタイトル バーに表示され、55 文字を超えることはできません。 また、Web ページがブックマークされたときのタイトルとしても機能します。

説明

Web サイトの簡単な説明を入力します。 検索エンジンは結果ページに 150 文字を超えて表示しないため、説明が 150 文字を超えないようにしてください。 どちらのフィールドにも入力していない場合は、Google が入力なしで何を表示するかを決定します。 ここにコンテンツの簡潔な説明を書き留めておくと非常に役立ちます。

概要

簡単な要約を入力します (オプション)。 繰り返しますが、150 文字未満に抑えてください。

キーワード

Web サイトに関連するキーワードのカンマ区切りのリストを入力します。

詳細設定とカスタム メタ タグ

ここには、以前はコードで処理されていた重要な要素がいくつかあります。

Drupal 9 メタタグ - 詳細設定

ロボット

通常、検索エンジンによるページのインデックス作成をブロックまたは許可する場合、または検索エンジンがページのキャッシュ コピーまたは説明を表示することを禁止する場合は、サイト全体の Robots.txt ファイルを編集します。 ここでは、ロボット メタ タグが提供するさまざまなインデックス作成オプションをオン/オフすることで、ロボット メタ タグを使用してすべてを制御できます。

ニュースのキーワード

このメタ タグは、コンマ区切りのキーワードを入力として使用する Google ニュース専用です。

権利

所有している可能性のある著作権または商標に関する詳細は、ここに記載してください。

画像

これも比較的新しいもので、投稿に使用する画像をソーシャル ネットワークに伝えるのに便利です。

正規 URL

正規 URL は、重複コンテンツの問題に対処するのに非常に役立ちます。 これは、商品リストが複数のページに重複している e コマース サイトでよくある問題です。 Metatag モジュールは、デフォルトでこれを適切に処理します。

ショートリンク URL

この要素は、リンク短縮機能の代替として機能します。 Drupal では、通常、次のようになります。

 <link rel="shortlink" href="https://www.specbee.com/blogs/node/12" />

元のソース

このタグも Google が考案したもので、今回はコンテンツの元のソースを特定するのに役立ちます。 これはニュースサイトで特に役立つかもしれませんが、ほとんどの人は無視しても問題ありません。
すべてのフィールドを更新したら、設定を保存します。

コンテンツ タイプの Drupal 9 メタ タグの構成

コンテンツ タイプのメタ タグを構成するには、 /admin/config/search/metatagsでグローバル構成を編集し、コンテンツのグローバル構成を設定する必要があります。 [編集] をクリックして詳細を表示します。 コンテンツ タイプごとに異なるメタタグを追加する場合は、ページの左上隅にある [既定のメタ タグを追加] リンクをクリックします。 メタタグを追加するコンテンツ タイプを選択し、[保存して構成] をクリックします。

Drupal 9 メタタグ - コンテンツ タイプの設定

Drupal 9 メタタグ - コンテンツ タイプの設定: 記事

コンテンツ タイプは、メタ タグ画面に一覧表示されます。 上のスクリーンショットは、コンテンツ タイプ「記事」を示しています。 [編集] をクリックして、メタタグを追加します。

ページ タイトル、説明、概要、およびその他の必要な設定を入力します。 上記と同じ手順に従って、フロント ページのメタタグを構成します。

ビュー ページの Drupal 9 メタ タグの構成

metatag モジュールのサブモジュールである「 Metatag: Views 」モジュールを有効にします。

Drupal 9 メタタグ - ビューの構成

/admin/config/search/metatagsでグローバル構成を編集します。 オーバーライドをクリックして詳細を表示します。
ビューにメタ タグを追加するには、ビューの編集画面に移動し、メタ タグ リンクをクリックします。

上記の設定は、ビュー ページのデフォルト設定です。

最終的な考え

Drupal 9 メタタグ モジュールは、メタ タグを構成するための手動コーディングを減らすことを目的とした、さまざまな個々のモジュールの強力な融合です。 ページ タイトル、オープン グラフ メタ タグ、Easy Meta、更新などのモジュールは、Metatag モジュールに統合されました。 また、多言語サポート、エンティティ オブジェクトに基づくメタ タグの上書き、編集ワークフローのサポートなども提供します。 主要な Drupal 開発会社として、プロジェクトの成功を支援する戦略とコーディングの両方でベスト プラクティスを実装します。 新しい Drupal プロジェクトを開始しますか? 今すぐ Drupal の専門家に相談して、私たちがどのように支援できるかを確認してください。