プロのように WordPress にメタタグを追加する (プラグインなし)

公開: 2023-08-06
これを共有
Facebook Twitter Reddit PinterestメールLinkedIn StumbleUpon WhatsApp

メタ タグは、Web サイトに関する情報を検索エンジンやソーシャル メディア プラットフォームに提供するコードのスニペットです。 これらは、サイトのランクを上げ、より多くの訪問者を引きつけ、エンゲージメントを高めるのに役立ちます。 しかし、プラグインを使用せずにメタタグをWordPressに追加するにはどうすればよいでしょうか?

この記事では、シンプルで効果的な方法を使用して、プロのようにメタタグをWordPressに追加する方法を説明します。 メタ タグとは何か、メタ タグが重要である理由、WordPress サイトのさまざまなページや投稿に合わせてメタ タグをカスタマイズする方法を学びます。

この記事を読み終える頃には、プラグインを使わずに、プロのようにメタタグを WordPress に追加できるようになります。 始めましょう!


メタタグとは何ですか?

メタ タグは、Web ページに関する情報を検索エンジンや Web サービスに提供する HTML コードの要素です。 これらはページ自体には表示されず、ソース コード内でのみ表示されます。 メタ タグは、Web ページのコンテンツ、キーワード、作成者、その他の属性を記述することができます。

また、検索エンジンによるページの表示方法やインデックス付け方法を制御することもできます。 メタ タグは、Web ページの SEO (検索エンジン最適化) を改善し、Web ページの関連性を高め、ユーザーフレンドリーにするのに役立ちます。


WordPress SEO にとってメタタグが重要なのはなぜですか?

メタタグは、検索エンジンにおける Web サイトの可視性と関連性を向上させるのに役立つため、WordPress SEO にとって重要です。 メタ タグは、Web サイトのコンテンツ、キーワード、作成者、その他の属性に関する情報を検索エンジン、Web ブラウザ、Web サービスに提供します。 この情報は、検索エンジンが Web サイトをよりよく理解してインデックスを作成し、関連する検索結果に表示するのに役立ちます。

メタ タグは、スニペットに表示されるタイトルや説明など、検索エンジンでの Web サイトの表示方法にも影響を与える可能性があります。 WordPress ウェブサイトにメタタグを追加すると、SEO が最適化され、より多くのオーガニックトラフィックを引き付ける可能性が高まります。


プラグインを使わずにWordPressにメタタグを追加する方法

メタタグは、WordPress Web サイトの SEO と検索エンジンでの可視性を向上させるために不可欠です。 ただし、プラグインを使用したくない場合、WordPress にメタタグを追加するのは難しい場合があります。

ステップ 1: 適切なメタタグを見つける

WordPress Web サイトにメタ タグを追加する前に、使用するメタ タグとそこに含める情報を確認する必要があります。 一般的なメタ タグの種類は次のとおりです。

Meta charset : このタグは、HTML ドキュメントの文字エンコーディングを指定するために使用されます。 Web ページ上のテキストと記号を解釈する方法をブラウザーに指示します。

 For example: <meta charset="UTF-8">

上の例は、Web ページが世界中のほとんどの言語の文字を表示できる UTF-8 エンコーディングを使用していることを意味します。

メタ タイトル: 検索結果およびブラウザ タブに表示される Web ページのタイトルです。 簡潔かつ説明的である必要があり、主要なキーワードを含める必要があります。

メタ ディスクリプション: これは、検索結果のタイトルの下に表示される Web ページの概要です。 有益で説得力があり、主要なキーワードと行動喚起が含まれている必要があります。

メタキーワード: Web ページのコンテンツを説明するキーワードです。 これらはユーザーには表示されませんが、検索エンジンが Web ページを理解し、インデックスを作成するのに役立ちます。 ただし、ほとんどの検索エンジンはメタ キーワードを無視するかスパム信号として使用するため、メタ キーワードは SEO にとってはあまり重要ではなくなりました。

メタ ビューポート: これは、Web ページがさまざまなデバイスや画面サイズでどのように表示されるかを制御するメタ タグです。 Web ページをモバイル デバイス向けに最適化し、ユーザー エクスペリエンスを向上させるのに役立ちます。

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

メタ ロボット: これは、Web ページをクロールしてインデックスを作成できるかどうかを検索エンジンに伝えるメタ タグです。 また、これを使用して、検索エンジンが Web ページを処理する方法の他の側面 (フォローまたは nofollow リンク、キャッシュ ページまたはキャッシュなしページなど) を制御することもできます。

メタ名: メタ名タグはメタデータの名前を指定し、メタコンテンツタグはその名前に関連付けられた値を指定します。

 For example: <meta name="description" content="Free WordPress tutorials for Beginners">

ソーシャル メディア メタ タグ (Open Graph、Twitter カードなど)、検証メタ タグ (Google Search Console、Bing ウェブマスター ツールなど)、カスタム メタなど、特定の目的に使用できる他のタイプのメタ タグもあります。タグ (例: 著者、ジェネレータなど)。 メタ タグのその他の例は、W3Schools、Moz、または Ahrefs で見つけることができます。

ステップ 2: WordPress サイトにメタタグを手動で追加する

使用するメタ タグとそこに含める情報を決定したら、それらを WordPress サイトに手動で追加できます。

Add Meta Tags to WordPress Like a Pro (Without Plugins) 1

WordPress管理者でのfunctions.phpファイルの編集

これを行うには、WordPress テーマのfunction.phpファイルを編集する必要があります。 このファイルには、WordPress ダッシュボードから[ツール] > [テーマ ファイル エディター] > [functions.php]に移動してアクセスできます。 あるいは、FTP クライアントまたはファイル マネージャーを使用して、WordPress ルート ディレクトリからfunction .phpファイルにアクセスすることもできます。 function.php ファイルが存在しない場合は、いつでも新しい function.php ファイルをテーマのルート ディレクトリに追加できます。

function.php ファイルを開いたら、次のコードを追加する必要があります。

 function custom_meta_description() { // Initialize an empty variable for the description $metaDescription = ''; // Check if it's a singular page or post if (is_singular()) { global $post; $metaDescription = get_post_meta($post->ID, 'meta_description', true); } elseif (is_category()) { $metaDescription = category_description(); } elseif (is_home() || is_front_page()) { $metaDescription = get_bloginfo('description'); } // If the meta description is empty, use a default one if (empty($metaDescription)) { $metaDescription = 'Default meta description for your site.'; } // Output the meta description echo '<meta name="description" content="' . esc_attr($metaDescription) . '">'; } add_action('wp_head', 'custom_meta_description');

メタ タグや SEO サイト チェックアップなどのオンライン ツールを使用して、メタ タグをチェックおよび検証することもできます。

その後、Web サイトを更新し、ソース コード (Ctrl+U) を表示して、メタ タグが正しく適用されているかどうかを確認できます。 Google リッチリザルト テストや Bing URL 検査ツールなどのオンライン ツールを使用して、メタ タグを使用して Web サイトが検索エンジンにどのように表示されるかを確認することもできます。

おめでとう! プラグインを使わずにメタタグをWordPressサイトに追加することができました。 これは、Web サイトの SEO と検索エンジンでの可視性を向上させるのに役立ちます。 ただし、メタ タグを追加するだけでは、WordPress サイトを SEO 向けに最適化するのに十分ではありません。 コンテンツの品質、サイトの速度、モバイルフレンドリーさ、セキュリティなどの他の要素も考慮する必要があります。

ステップ 3: メタタグをテストする

プラグインを使用せずにメタ タグを WordPress サイトに追加した後、メタ タグが適切に機能しているかどうか、また Web サイトの SEO と検索エンジンでの可視性が向上しているかどうかを確認するためにメタ タグをテストする必要があります。 メタ タグをテストするには、次のようないくつかの方法があります。

ソース コードの表示: Web サイトのソース コードを表示し(Ctrl+U) 、メタ タグが HTML コードの <head> セクションに存在し、正しいかどうかを確認できます。 メタ タグSEO サイト チェックアップなどのオンライン ツールを使用して、メタ タグをチェックおよび検証することもできます。

検索エンジン ツールを使用する: Google リッチリザルト テストBing URL 検査ツールなどの検索エンジン ツールを使用して、Web サイトが検索エンジンでメタ タグとともにどのように表示されるかを確認できます。 Google Search ConsoleBing ウェブマスター ツールを使用して、メタ タグを使用して Web サイトのパフォーマンスと SEO を監視および最適化することもできます。

ソーシャル メディア ツールを使用する: Facebook デバッガーTwitter Card Validatorなどのソーシャル メディア ツールを使用して、メタ タグを使用して Web サイトがソーシャル メディア プラットフォームでどのように表示されるかを確認できます。 Open GraphまたはTwitter Cards を使用して、ソーシャル メディア メタ タグをカスタマイズおよび強化することもできます。

ブラウザ拡張機能を使用する: SEO Meta in 1 ClickMeta SEO Inspectorなどのブラウザ拡張機能を使用して、Web ページ上のメタ タグを検査および分析できます。 SEOquakeまたはMozBarを使用して、Web サイトの SEO 指標とランキング要素の概要を取得することもできます。

メタ タグをテストすることで、メタ タグが適切に機能し、Web サイトの SEO と検索エンジンでの可視性が向上していることを確認できます。 また、メタ タグの重複や欠落、誤った情報や無関係な情報など、メタ タグに関するエラーや問題を特定して修正することもできます。

Screaming Frog SEO SpiderSitebulbなどのオンライン ツールを使用して、Web サイトをクロールし、メタ タグに SEO の問題がないか監査できます。

メタタグをテストすることは、プラグインを使用せずに WordPress サイトを SEO 向けに最適化するための重要なステップです。

コンテンツの品質、サイトの速度、モバイルフレンドリーさ、セキュリティなどの他の要素も考慮する必要があります。また、検索エンジンや Web サービスは時間の経過とともにアルゴリズムや要件が変更される可能性があるため、メタ タグを定期的に更新して確認する必要があります。

そうすることで、プラグインを使用しなくても、WordPress サイトが常に SEO と検索エンジンでの可視性を最適化できるようになります。


結論

メタ タグは、Web ページに関する情報を検索エンジンや Web サービスに提供する HTML コードの要素です。 これらは、Web サイトの SEO と検索結果での可視性を向上させるのに役立ちます。 ただし、プラグインを使用したくない場合、WordPress にメタタグを追加するのは難しい場合があります。

この記事では、functions.php ファイルを使用して、プラグインを使わずに WordPress にメタタグを追加する方法を説明しました。

上記の手順に従うことで、プラグインを使用せずにメタタグを WordPress サイトに追加し、SEO と検索エンジンでの可視性を向上させるために Web サイトを最適化できます。

ただし、メタ タグを追加するだけでは、WordPress サイトを SEO 向けに最適化するのに十分ではありません。 また、コンテンツの品質、サイトの速度、モバイルフレンドリーさ、セキュリティなどの他の要素も考慮する必要があります。また、検索エンジンや Web サービスは時間の経過とともにアルゴリズムや要件が変更される可能性があるため、メタ タグを定期的に更新して確認する必要もあります。