英語対応(多言語対応)のサイトで該当ページにリンクを張る方法

最終更新日: 公開日: 2022年01月

企業のサイトで日本語以外に英語など他の言語でもページを作っているケースがある.
その場合に特に日本人が日本語ページから問い合わせをしようとして,住所で都道府県が入力できないなどの問題が起こることがある.
特に郵便番号で強制的に住所が代入される場合などに起こる.

そのような場合に簡単にその日本語ページに該当する英語ページに飛べるリンクを作る方法を紹介する.
全部の日本語ページに HTML で書き込むとページ数によってはメンテナンスが大変なことになる.

1対1対応

日本語と英語とで対応するページが存在する場合

ちょっと条件がある.
日本語と英語のディレクトリ構造が一緒でルートディレクトリだけが変わる場合に使える方法である.

例えば,日本語のページは

の下に存在したとして,英語ページが
の下に存在する場合.
また,

などのように対応している場合は対応している全てのページに以下のスクリプトを入れることにより,簡単に別言語の対応ページに飛ばすリンクを作成することが可能になる.

該当ページへ飛ばすリンクを自動作成するコード

<a onclick="url = location.protocol + '//' + location.hostname + '/en' + location.pathname + location.search;location.href = url; return false;" href="">
  日本国外の方はこちらの英語ページでお問い合わせください.
</a>
 

Contact

ご質問等ありましたら,お手数ですが弊社の個人情報保護方針をお読み頂いた上でフォームからお願い致します.

 
   
Chrome 拡張機能 PageSpeed Insights SEO WordPress Youtube お問い合わせフォーム アナリティクス アンケートフォーム サーチコンソール セミナー タグマネージャー データベース ヒアリング プラグイン ページ閲覧解析 マーケティング メール配信 リッチリザルト レスポンシブ対応 ログ解析 勉強会 商品企画 営業 営業力 営業支援システム 実装 検索順位 検索順位チェックツール 追跡 開発者ツール
contact
Pagetop