WordPress に hreflang タグを追加する方法
公開: 2023-02-12
複数の言語と地域をサポートする Web サイトを構築していますか? 多言語サイトは、潜在的な視聴者を指数関数的に拡大できますが、管理が難しいように見えることもあります.
幸いなことに、hreflang タグを追加すると、サイトの検索エンジン最適化 (SEO) とユーザー エクスペリエンス (UX) が向上します。 達成するのはそれほど難しいことではなく、トラフィックとエンゲージメントの増加からすぐに利益を得ることができます.
この記事では、hreflang タグとは何か、およびそれらを使用するためのベスト プラクティスのいくつかを見ていきます。 次に、これらのタグを WordPress Web サイトに実装するために使用できる方法を明らかにします。 仕事に取り掛かりましょう！
hreflangとは?
hreflang タグは、特定の言語や地域で表示するウェブページのバージョンを Google に伝える HTML コードです。 そのコードがどのように見えるかの例を次に示します。
<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
各タグには、英語と米国の場合は「en-us」、フランス語とフランスの場合は「fr-fr」など、言語と場所の詳細の組み合わせが含まれます。
Google は Web ページの言語を検出できますが、hreflang タグがないと検索ランキングに影響を与える可能性があります。 これは、これらのタグがないと、異なる言語のページが上位の配置をめぐって互いに競合する可能性があるためです. hreflang タグ自体はランキング要素ではありませんが、Google が適切なページをユーザーに提供するのに役立ちます。
hreflang と多言語サイト: ベスト プラクティス
WordPress 多言語 Web サイトでより多くのユーザーにリーチできますが、結果を得るには特定のベスト プラクティスを実装する必要があります。 この種の Web サイトのベスト プラクティスの 1 つは、hreflang タグを使用することですが、他にもスマートなテクニックがあります。
最高のユーザー エクスペリエンスを得るには、機械翻訳されたテキストではなく、ネイティブ スピーカーによって書かれたコンテンツを使用するのが賢明です。 もう 1 つのベスト プラクティスは、一致しない言語に対してオプションの x-default タグを使用することです。 これは、ユーザーが必要な場所と言語を選択できるホームページで使用する必要があります。
Web サイトで canonical タグを使用している場合は、hreflang タグを追加する際にも注意が必要です。 これら 2 種類のタグは競合する可能性があり、どのページを表示するかについて混合信号が Google に送信されます。 canonical タグを含むページから hreflang タグを除外することもできますが、言語タグは慎重に追加することをお勧めします。
WordPress に hreflang タグを実装する方法
hreflang タグは WordPress ウェブサイトで非常に価値がありますが、それは正しく実装されている場合に限られます。 これらのタグを Web サイトに追加するには、3 つの方法があります。 プラグインは、最も簡単で最も一般的な方法です。 ただし、Web サイトのヘッダーを更新したり、XML サイトマップを編集したりすることもできます。 3つのテクニックすべてを見てみましょう。
hreflang プラグイン
hreflang を実装する最も簡単な方法は、WordPress プラグインを使用することです。 MultilingualPress のようなプラグインは、hreflang タグを自動的に追加するため、パフォーマンスの問題は発生しません。
MultilingualPress には、投稿エディターにある翻訳機能もあります。 翻訳を受け入れると、プラグインは適切な hreflang タグをサイトのヘッダーに追加します。 翻訳機能は投稿だけにとどまらず、タグやカテゴリでも機能し、Yoast や WooCommerce などのプラグインともうまく同期します。
hreflang 実装の別のプラグイン オプションは Polylang です。
Polylang は、WordPress Web サイトを複数の言語で管理するのに役立つ人気のある無料ツールです。 通常どおりコンテンツを作成し、言語を割り当てることができます。 その後、Polylang が hreflang タグを処理します。
<head> に hreflang を追加
header.phpファイルを更新することで、プラグインなしで WordPress Web サイトに hreflang タグを追加できます。 このファイルにアクセスするには、 [外観] > [テーマ エディター]に移動するか、ファイル転送プロトコル (FTP) を使用する必要があります。
ファイルを開いた後、 <head>オープナーを探して、次のコードに貼り付けます。
<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>
この例では、英語のコンテンツにタグを追加する必要があります。 x-default タグと English hreflang タグも、英語のコンテンツ ページを指しています。
一方、スペイン語とフランス語の hreflang タグは、正しい言語バージョンのページにリダイレクトされます。 もちろん、Web サイトで使用されている他の言語の hreflang タグをさらに追加することもできます。
hreflang を XML サイトマップに追加する
header.phpファイルを編集したくない場合は、代わりにサイトの XML サイトマップを更新できます。 この方法を使用すると、Google が第二言語のページを見つけて適切にインデックスに登録します。 サイトマップを更新すると、Web ページのサイズも縮小され、読み込み時間が短縮されます。
XML サイトマップの hreflang タグは少し異なります。
<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
XML サイトマップを編集するとインデックス作成に役立ちますが、複雑になる可能性もあります。 大規模な Web サイトの場合、サイトマップが肥大化することがあります。 サイトマップに hreflang タグを追加すると、上記の他の方法を使用するよりも時間がかかる場合があります。
WordPress で hreflang を検証する方法
含まれている場合でも、hreflang タグは多言語 Web サイトで正しく実装されていないことがよくあります。 hreflang タグを検証すると、それらが正しく追加されているかどうかを判断するのに役立ちます。
タグを検証するには、さまざまなオンライン ツールを使用できます。 これらのツールは同様の情報を提供しますが、異なる方法で提示します。 Sitrix の hreflang タグ テスト ツールは、Web サイトにタグを表示し、エラーがあるかどうかを知らせます。
Merke の hreflang タグ テスト ツールは、Web サイトのタグとエラーの内訳も提供します。
ただし、エラーのみを確認したい場合は、SALT.agency の hreflang タグ テスト ツールも別のオプションです。
WP Engineで学び続ける
複数の言語のコンテンツを含むウェブサイトをお持ちの場合、hreflang タグを使用すると、Google は適切なページを適切な訪問者に配信できます。 幸いなことに、ウェブサイトに hreflang タグを追加する方法はいくつかありますが、最も簡単な方法は専用のプラグインをインストールすることです。
多言語ウェブサイトを運営する上で他の側面に苦労している場合、WP Engine は必要なリソースを見つける手助けをすることに専念しています. 今日の私たちの計画をチェックしてください！