hreflang、canonical、metaタグ – ウェブサイト翻訳の詳細な説明

ウェブサイトを翻訳すると、新たなユーザー層への扉が開かれます。しかし、Googleにとって「テキストを翻訳する」だけでは不十分です。

他の言語で上位表示するには、検索エンジンの言語を理解する必要があります。その言語は、3つの難しい専門用語で構成されています。hreflangタグ, 正規タグ、 そしてメタタグ.

これらを無視したり、さらに悪いことに、正しく実装しなかったりすると、Googleからサイトにペナルティが科される可能性があります。新規訪問者を獲得するどころか、既存のトラフィックを失う可能性もあります。

これらが何であるか、なぜ重要であるか、そしてどのように自動的に修正するかについて詳しく見ていきましょう。

1. hreflang タグとは何ですか?

そのhreflang属性は、Google に「この特定のページは他のページの翻訳バージョンです」と伝える信号です。

HTML コードでは次のようになります。

なぜそれが重要なのか

hreflangタグがないと、Googleはコンテンツは似ているものの言語が異なる2つのページを認識します。スペインとフランスのユーザーにどちらを表示すべきか判断に迷う可能性があります。さらに悪いことに、翻訳が完璧でなかったり、構造があまりにも似ている場合は、「重複コンテンツ」として扱われる可能性があります。

適切な hreflang タグを使用すると、Google に「英国のユーザーには英語版を、メキシコのユーザーにはスペイン語版を表示する」ことを明示的に指示できます。

「x-default」タグ

このタグには特別なバージョンがあり、x-default。これは、しないでくださいリストした特定の言語のいずれかに一致します。

これは「フォールバック」ページとして機能します。ユーザーが翻訳されていない国（例：日本）からアクセスした場合、Googleはこのページを表示します。x-defaultページ（通常は英語版または国選択ページ）で、予期せぬ地域からのトラフィックを失わないようにすることが重要です。

2. Canonical タグとは何ですか?

あcanonicalタグは、どのURLがページの「マスター」または「オリジナル」バージョンであるかを検索エンジンに伝えます。これは、重複コンテンツによるペナルティを回避するために使用されます。

翻訳サイトの罠

よくある間違いは、正統なスペイン語版でも、元の英語ページを指すタグが表示されます。

スペイン語のページがexample.com/es/page/正規タグは以下を指しますexample.com/page/（英語版）をインデックスすると、Googleに「このスペイン語のページはインデックスしないでください。単なる重複です。代わりに英語版を上位表示させてください」と伝えていることになります。

結果：翻訳されたページは検索結果に表示されません。各言語バージョンは、正規バージョンとして自身を指定する必要があります。

3. メタタグ（タイトルと説明）

ご存知のとおり、タイトルそしてメタディスクリプションユーザーが検索結果で見るものです。

ページのコンテンツを翻訳しても、タイトルと説明を英語のままにしておくと、悲惨な結果になります。

1. クリックスルー率（CTR）が低い:スペインのユーザーが「zapatos baratos」（安い靴）を検索したところ、英語のタイトル「Cheap Shoes」が表示され、クリックしませんでした。
2. 悪いキーワードランキング:タイトルが英語のままだと、Google はページがスペイン語のキーワードに関連していることを認識できません。

翻訳ソリューションでは、表示されている本文のテキストだけでなく、これらの非表示のタグも翻訳する必要があります。

4. HTML Lang属性（ページの一般言語）

これは最も基本的なタグの一つですが、見落とされがちです。コードの一番上で、ウェブサイトの言語を宣言します。

コンテンツをスペイン語に翻訳しても矛盾したメッセージを送っています。単語はスペイン語であるにもかかわらず、ブラウザやスペルチェッカーに「このテキストは英語です」と伝えていることになります。

なぜ重要なのか:

• アクセシビリティ:視覚障碍者向けのスクリーンリーダーは、どの音声アクセントを使用するかを判断するためにこのタグを使用します。スペイン語のテキストを英語のアクセントで読むと、ひどい発音になり、使い物になりません。
• ブラウザ翻訳:Chrome はこれを使用して「このページを翻訳しますか？」と尋ねます。すでにユーザーの言語としてマークされている場合、Chrome はそのポップアップでユーザーを煩わせることはありません。

私たちのツールは自動的にこの属性を(または他の言語) をユーザーが言語を簡略化するとすぐに変換します。

技術的な悪夢: サブディレクトリ vs. パラメータ

翻訳用の URL を構成する主な方法は 2 つあります。

1. サブディレクトリ（最善の方法）

https://example.com/es/about-us

これはSEOのゴールドスタンダードです。サイト内のすっきりとした独立したセクションのように見えます。Googleはこの構造を好みます。

2. URLパラメータ（難しい方法）

https://example.com/about-us?language=es

これは動的翻訳ツールやJavaScriptベースの翻訳ツールでよく使用されます。歴史的に、SEOの専門家はパラメータが複雑になる可能性があるため、この方法は推奨していませんでした。

ただし、最新の SEO では、タグが正しい場合は両方を処理します。問題は、これらのタグを動的に生成することです。

コーディングなしで自動化する方法

実装hreflang、自己参照canonical、翻訳meta5言語以上のすべてのページにタグを付けるというのは、膨大な作業です。手作業でのコーディングでは、リターンタグの欠落やURLの誤りといったミスが発生しやすく、ペナルティにつながる可能性があります。

もっと簡単な方法があります。

当社の WordPress プラグインと JavaScript スニペットはこれを完全に自動的に処理します。

あらゆるものに使える

サブディレクトリ（/es/）または単純なクエリパラメータ（?language=es) の場合、当社のツールは正しいヘッダーをサイトに挿入します。

1. 自動検出:現在の言語を検出します。
2. タグ挿入:正しいものを動的に追加しますhreflang利用可能なすべての言語のタグ。
3. 標準的な修正:正規タグが現在の特定のURLを指していることを保証します（/es/または?lang=es).
4. メタ翻訳:その URL に合わせてページタイトルとメタディスクリプションを即座に翻訳します。

SEOスペシャリストや開発者を雇う必要はありません。プラグインを追加するだけで、新しく翻訳されたページが自動的に生成され、検索エンジンによって正しくインデックスされます。