インターネット上にウェブサイトを公開し、それを多言語化したい場合には、 hreflangタグ が必要です。これは、特定のページでどの言語を使用しているかをGoogleに伝えるものです。このタグは、異なる言語のウェブページ間の関係を示します。スペイン語、フランス語、その他の言語でページを翻訳する場合、その特定のページの言語を識別するシグナルを追加できます。
Hreflangタグは、ウェブサイトの言語とその地理的な位置を記述するために使用されるHTML属性です。これは、ウェブサイトのコンテンツを複数の言語で表示します。Google検索エンジンで英語でウェブサイトを検索すると、hreflangタグのおかげでそのウェブサイトが英語で表示されます。.
フランスなど別の国でウェブサイトを開くと、ウェブページはフランス語で表示されます。しかし、Hreflangタグは正しく設定されていないことがあるため、時々混在してしまうことがあります。その結果、ウェブサイトに「Your site has no hreflang tags.」というエラーが表示されます。幸いなことに、この問題はすぐに解決できます。.
hreflang タグはいつ必要になりますか?
言語や地域に応じて複数のバージョンが存在する場合、ウェブサイトにはhreflangタグが必要です。hreflangタグがない問題に対処する前に、ウェブサイトの地域版や言語版を洗い出す必要があります。.
ナビゲーションと 言語切り替え機能 は、訪問者があなたのウェブサイトを閲覧しているときに、正しいURLへ誘導します。ウェブサイトに、他言語版のサイトなど、異なるURLのリストがある場合、 XMLサイトマップ が検索エンジンにこれらすべてのURLのリストを提供します。HTMLサイトマップやナビゲーションメニューが訪問者を誘導するように、XMLサイトマップは検索エンジンを正しいURLへと誘導します。
hreflangタグはこのように記述します：
<html lang="en-US" data-lt-installed="true">
en-US は、アメリカで使用される英語の「米国方言」のコードを指します。また、 Linguise の専門ツールを使用すれば、コードを書く手間なくウェブサイトにhreflangタグを設定できます。
Hreflangタグの配置方法
ウェブサイトにhreflangタグを配置する方法は2つあります。1つ目の方法はXMLサイトマップを使用する方法で、2つ目の方法はページタグ方式を使用する方法です。以下がその2つの違いです：
HTML Headによるページタグ付け方法
ページタグ付けは、ウェブサイトにhreflangタグを追加する簡単な方法です。この方法では、ウェブサイトのHTMLのヘッダーにhreflangタグを追加します。ウェブサイトのページタグは次のようになります:
<html lang="en" data-lt-installed="true">
「en」 タグは英語に使用されます。このページをドイツ語に翻訳したい場合は、 「de」 を追加する必要があります。中国語版の場合は、HTMLアドレスに 「zh-CN」 を追加します。結果のHTMLタグは次のようになります：
中国語
<html lang="zh-CN" data-lt-installed="true">
ドイツ語
<html lang="de" data-lt-installed="true">
このプロセスは簡単に見えるかもしれませんが、各ウェブページに個別のコードを追加する必要があります。多くの時間がかかり、コード入力時の手動ミスによっていろいろなエラーが発生する可能性もあります。
代替言語タグ
代替言語タグはhreflang属性を補完するもので、翻訳されたウェブページ間の関係を検索エンジンに示すことができます。.
例えば、このフランス語ページのスペイン語版は何か、またこのページの元の言語版は何かということです。.
特定のローカルオーディエンス向けのコンテンツを作成した場合に役立ちます。hreflang属性は、フランスからフランス語のリクエストで検索しているユーザーが、英語の類似コンテンツのページではなくフランス語版のページを求めているというシグナルを検索エンジンに追加します。.
また、ユーザーがフランス語と英語の 2 つの言語を話す場合、Google は両方の結果を返すことがあります。.
ファイル用のHTTPヘッダー言語タグ
Hreflangタグは、非HTMLコンテンツやPDFファイルに対してHTTPヘッダーを使用してWebページに追加されます。HTTPヘッダーのlink要素にhrefタグを追加できます。ヘッダーはリンクの末尾に追加され、次のようになります：
<https://www.linguise.com/pre-sale-questions/document.pdf>; rel="alternate"; hreflang="es"
赤色で書かれたセクションには、何でも追加できます。PDFファイルのURLを追加し、最後にhreflangタグをリンクするだけです。.
Google から返される Hreflang エラーとは何ですか?
「あなたのサイトにはhreflangタグがありません」というメッセージが表示された場合、ページの相互参照またはリンクに問題があることを意味します。これは、ページ1がページ2にリンクしているものの、ページ2からページ1へリンクが返されていない状態です。戻りタグの欠如は、しばしばHreflangエラーの原因となります。XMLサイトマップを確認することで、1つのページにあるHreflangタグの数と、それらのタグに関連するエラーを把握できます。解決策を適用する前に、徹底的な調査を行うようにしてください。.
言語コードエラー
<xhtml:link rel="alternate" hreflang="ur-pk" href="https://www.rekhta.org/?lang=ur" />
ウルドゥー語に使用される正しいhreflangタグはlang=urです。各言語で使用されるコードを調べるには、さまざまなツールを利用できます。 Linguise は、hreflangタグのエラーに対する簡単な解決策を提供します。正しいコードを正しい言語にリンクし、指定された国と関連付ければ、ウェブサイトのウェブページを開いたときにHreflangタグのエラーは表示されなくなります。.
言語属性が間違っています
ほとんどの人は、hreflang属性を言語のハイフン付きバージョンと混同しています。これにより、ウェブサイトを正しい言語コードにリンクする際にエラーが発生します。多くのユーザーは、英国の方言に「en-uk」を使えばウェブページを運営するのに十分だと考えています。イギリス英語の方言に正しい属性は「en-gb」です。正しい属性を使えば、誤ったhreflang属性の問題は消えます。.
サイトマップとページタグの同時使用
ほとんどの人は、hreflangタグに両方の方法を使っていると思っています。ページタグ方式を使っている場合、複数のURLのheadセクションにさまざまなhreflangタグを統合するという複雑な作業が発生します。また、ウェブページの言語を指定するためにhreflangサイトマップ方式を使う人もいます。両方のhreflangタグ方式を使うと冗長になり、Googleがあなたのウェブサイトを完全に拒否する可能性があります。hreflangタグを実装する方法を1つ選び、実装にエラーがないことを確認してください。.
LinguiseでHreflangタグを実装する方法は？
Hreflangの問題を最も簡単に解決する方法は、 Linguiseを使用することです。hreflangタグを自動的に生成して実装するため、コードを学ぶ心配はありません。HTMLインラインコンテンツを翻訳するカスタマイズされたシステムを備えています。これらの翻訳はウェブサイトのメタデータと連携し、迅速な結果を提供します。.
hreflang言語タグの実装を確認する
Linguiseでウェブサイトを翻訳したら、 Linguiseページ上の任意の場所を右クリックして 「検証」 をクリックするか、 F12を使用します。
ブラウザの開発者ツールにアクセスできるようになります。.
例えば、ページがフランス語の場合、実装するhreflangは fr
要約すると、hreflangタグは翻訳されたページに自動的に実装され、そのタグはグローバルです。つまり、フランス語の場合は frとなります。したがって、フランス系カナダ人がフランス語でリクエストした場合も、検索エンジンで優先的にそのページが返されます。
Conclusion
hreflangエラーは最初は難しそうに見えるかもしれませんが、簡単に修正できます。上記の方法を使ってエラーを解決し、違いを確認してください。手動でエラーを修正する時間がない場合は、 Linguiseを使用できます。これは、数分でhreflangエラーを解消できる自動言語翻訳拡張機能です。.
