



WithCodeMedia-1-pc
WithCodeMedia-2-pc
WithCodeMedia-3-pc
WithCodeMedia-4-pc




WithCodeMedia-1-sp
WithCodeMedia-2-sp
WithCodeMedia-3-sp
WithCodeMedia-4-sp









生徒海外向けにもサイトを見てもらいたくて、英語版を作りたいんです。でも翻訳って外注すると高いし、自分で全部訳すのも大変で…。AI翻訳って実際どこまで使えるんですか?
ペン博士結論から言うと、AI翻訳は『下訳』としてものすごく頼りになる相棒だよ。ただし“丸投げで完成”ではなく、人の確認とセットで使うのがコツ。この記事で、進め方・プロンプトの工夫・WordPressでの考え方・SEOの基礎まで、順番にやさしく解説するね!
「越境ECで海外のお客さんを増やしたい」「インバウンド向けに英語ページを用意したい」——そんな場面で強い味方になるのがAI翻訳です。ひと昔前の機械翻訳と比べて、いまの生成AIは文脈をくみ取った自然な訳文を返してくれるようになりました。とはいえ、AIに丸投げして公開すれば完成、というほど単純ではありません。この記事では、Web制作者やフリーランスの方が実務でつまずかないように、多言語化の進め方・AIへの指示の出し方・WordPressでの考え方・SEOの基礎・よくある失敗までを、具体例を交えながら丁寧に解説します。読み終えるころには、『AIにどこまで任せ、どこを人が見るか』の線引きがはっきり描けるはずです。
まず前提として、ここ数年で「翻訳」という技術そのものが大きく変わりました。違いを理解しておくと、AIに何を任せられて何を任せられないかが見えてきます。
従来の機械翻訳は、文を単位として『この言語の文を、別の言語の文に置き換える』ことに特化していました。近年のニューラル機械翻訳は精度が大きく向上し、短い文や定型的な文章であれば十分実用的です。ただし、文単体を訳すことが基本のため、前後の文脈や、文章全体のトーン(堅さ・やわらかさ)まではコントロールしにくいという性質があります。
一方、ChatGPTやClaudeに代表される生成AIは、『指示(プロンプト)』を受け取って文章を作るのが本質です。翻訳もその応用で、「この文章を英語に訳して」と頼めば訳してくれますが、それ以上に強いのが次の点です。
つまり、機械翻訳は『正確な置き換え』、生成AI翻訳は『文脈とトーンを踏まえた書き直し』が得意という違いがあります。Webサイトのように『読み手に伝わること』『ブランドの印象』が大事な場面では、生成AIの柔軟さが活きやすいのです。
実務では「どちらか一方」ではなく、使い分け・組み合わせがおすすめです。大量の定型文(商品スペック一覧など)は機械翻訳で一気に下訳し、トップページやサービス紹介のような『伝え方が大事な文章』は生成AIで丁寧に訳す、といった役割分担が現実的です。
| 観点 | 従来の機械翻訳 | 生成AI翻訳 |
|---|---|---|
| 得意なこと | 定型文・大量処理・速さ | 文脈・トーン調整・自然な言い回し |
| 指示のしやすさ | 基本は原文を入れるだけ | プロンプトで細かく指定できる |
| 用語の統一 | 別途用語集機能が必要なことも | プロンプトで指定すればある程度可能 |
| 向いている場面 | スペック表・FAQの大量翻訳 | トップ・LP・ブランド文章 |
どちらを使うにしても共通して言えるのは、最終的に『その言語のネイティブ、または読み手の感覚を持つ人』の確認があると安心ということです。この点はこの記事を通して何度も触れます。
手を動かす前に、「なぜ多言語化するのか」「どんな落とし穴があるのか」を整理しておきましょう。目的が曖昧なまま全ページを訳すと、手間ばかりかかって成果につながりにくくなります。
一方で、多言語化には『作って終わり』にできない側面があります。次の点は始める前に必ず押さえておきましょう。
こうした注意点があるからこそ、『どの言語を、どのページから、どこまで』対応するかを最初に決めることが重要です。たとえば「まずは英語で、トップ・サービス紹介・問い合わせの3ページだけ」のように、小さく始めて反応を見るのが堅実です。
対応言語は『何となく英語』ではなく、実際のアクセス元や、これから狙いたい市場から逆算して決めます。アクセス解析で海外からの訪問が多い国があれば、その言語が有力候補です。対象ページは、次のように優先度をつけると無駄がありません。
多言語化は、大きく分けると次の3ステップで進みます。順番を守ることで、手戻りを減らせます。
それぞれを少し詳しく見ていきます。
意外と見落とされがちですが、翻訳の質は『原文の質』に大きく左右されます。原文があいまいだと、AIも人も正確に訳せません。次の点を整えてから翻訳に進みましょう。
「整った日本語」を用意できれば、AIの下訳の精度も、その後の人による確認の効率も上がります。
原文が整ったら、AIに翻訳させます。ここで大事なのは、ただ原文を貼り付けるのではなく、背景や条件を一緒に伝えることです。具体的なプロンプトのコツは次の章で詳しく扱います。下訳の段階では完璧を目指さず、『8割の精度で速く形にする』意識で十分です。残りの2割を人が仕上げます。
AIの下訳には、まれに次のような問題が混じります。これらは『それらしく自然に書かれている』ため、原文と照らさないと気づきにくいのが厄介です。
だからこそ、価格・契約・安全に関わる文章は、必ず人(できればその言語に強い人)が確認するのが鉄則です。ここを省くと、後述する『よくある失敗』に直結します。
確認済みの訳文がそろったら、サイトに反映します。実装は使っているサイトの作り方(WordPress・静的サイト・自作システムなど)によって方法が変わりますが、共通して考えるべきは次の3点です。
AI翻訳の質は、『どう指示するか(プロンプト)』でほぼ決まります。同じ原文でも、指示の出し方次第で訳文の自然さが大きく変わります。ここでは、すぐ使える指示のパターンを具体例つきで紹介します。
「英語に訳して」だけだと、AIは無難な文体で訳します。サイトの雰囲気に合わせたいなら、トーンを言葉で指定しましょう。
次の日本語を英語に翻訳してください。
【トーンの指定】
・親しみやすく、でも丁寧な文体で
・専門用語は避け、はじめての人にも伝わる表現で
・誇張した宣伝表現は使わない
【原文】
私たちは、Web制作をこれから学びたい方に寄り添うスクールです。『丁寧に』『カジュアルに』だけでなく、『誰に向けた、どんな印象の文章か』を具体的に伝えると、狙いに近い訳文になります。
商品名やサービス名、業界用語は、訳語がブレると読み手が混乱します。『この語はこう訳す』『これは訳さずそのまま』という対応表を渡すと安定します。
次の文章を英語に翻訳してください。
以下の用語は、指定どおりに扱ってください。
【用語の指定】
・「WithCode」→ 翻訳せず "WithCode" のまま
・「初級コース」→ "Beginner Course"
・「無料カウンセリング」→ "free consultation"
【原文】
WithCodeの初級コースは、無料カウンセリングから始められます。特に固有名詞は、AIが『親切心で』英訳してしまうことがあります。『そのまま残す語』を明示するだけで、思わぬ崩れを防げます。
同じ単語でも、文脈によって最適な訳は変わります。たとえば「プラン」は、料金プランなら plan、計画なら plan/schedule、間取りなら floor plan と、場面で変わります。『この文章が、どんなページの、どんな場面で使われるのか』を伝えると、訳のズレが減ります。
これはECサイトの「送料について」の説明文です。
お客様向けの案内なので、安心して読める丁寧な表現で英語に翻訳してください。
【原文】
5,000円以上のご購入で送料無料になります。
お届けまで通常3〜5営業日いただいております。背景を一文添えるだけで、AIは『お客様向けの案内』という前提で言葉を選んでくれます。
一歩進んだ使い方として、『訳しにくかった箇所や、確認してほしい箇所も教えて』と頼む方法があります。これにより、人が確認すべき箇所が先に分かり、チェックが効率化します。
次の文章を英語に翻訳してください。
あわせて、以下も出力してください。
1. 翻訳文
2. 直訳すると不自然になるため意訳した箇所
3. 文化的な違いで注意したほうがよい表現
【原文】
当店の看板メニュー「特製まかない丼」は、まさに絶品です。「看板メニュー」「まかない」のような、日本独特で直訳しづらい言葉は、AIに注意喚起させると見落としを防げます。
翻訳作業を続けるなら、自社でよく使う語の『日本語→各言語』の対訳リストを作って育てるのがおすすめです。毎回プロンプトの先頭に貼り付ければ、サイト全体で訳語が統一されます。これは後述する『用語集』の話にもつながります。
コツをまとめて使うと、訳文の安定度がどう変わるかを具体例で見てみましょう。同じ原文でも、指示があいまいだと結果も不安定になり、整った指示だと狙いに近づきます。
まずは、ありがちな『あいまいな指示』の例です。
これ英語にして。
Web制作スクールWithCodeの初級コースは今だけ無料です。この指示だと、AIは文体も用語の扱いも『自分の判断』で決めます。固有名詞の「WithCode」が訳されたり、トーンが宣伝っぽくなったり、結果がブレやすくなります。次に、コツを盛り込んだ『整った指示』です。
次の日本語を英語に翻訳してください。
【前提】
・Web制作スクールの公式サイト、サービス紹介ページの一文です
・読み手はこれからWeb制作を学びたい初心者です
【トーン】
・丁寧で、押し付けがましくない、安心感のある文体で
・誇張した宣伝表現は避けてください
【用語の指定】
・「WithCode」→ 翻訳せず "WithCode" のまま
・「初級コース」→ "Beginner Course"
【原文】
Web制作スクールWithCodeの初級コースは今だけ無料です。
【あわせて出力】
・直訳すると不自然なため意訳した箇所があれば、その理由も教えてください。整った指示では、『前提・トーン・用語・原文・確認依頼』が分かれて書かれているのがポイントです。AIは迷わず判断でき、人が確認すべき箇所も最初から提示してくれます。最初は長く感じても、このテンプレートを使い回せば、毎回ゼロから考えずに安定した訳が得られます。
ここまでのコツを、チェックリストとして整理します。翻訳をAIに頼むとき、これを上から確認するだけで質が安定します。
| 観点 | プロンプトに入れること | 効果 |
|---|---|---|
| 前提 | どんなページ・誰向けの文章か | 場面に合った訳語を選んでくれる |
| トーン | 丁寧/カジュアル、宣伝表現の可否 | サイトの雰囲気に合う文体になる |
| 用語 | 訳す語・訳さない語の対応表 | 固有名詞の崩れと訳語のブレを防ぐ |
| 確認 | 意訳・注意箇所も出力させる | 人がチェックすべき点が先に分かる |
WordPressで作られたサイトを多言語化する場合、いくつかの方針があります。ここでは具体的な特定プラグインの設定詳細ではなく、『考え方』の全体像を整理します(プラグインは仕様や料金が変わることがあるため、導入前に必ず公式情報を確認してください)。
WordPressには、サイトを多言語化するためのプラグインが複数あります。一般的に、これらは『日本語ページと、それに対応する他言語ページを紐づけて管理する』仕組みを提供します。代表的な考え方は次の2タイプです。
どちらが良いかは目的次第です。品質を最優先するなら前者、まず広く出して反応を見たいなら後者が向きます。プラグインを選ぶ際は、料金体系・対応言語数・更新の手間・SEOへの配慮(後述のhreflangを出力できるか等)を確認しましょう。
ページ数が少ないなら、プラグインを入れずに固定ページを言語ごとに複製し、それぞれに訳文を入れるシンプルな方法もあります。仕組みが単純で把握しやすい反面、ページが増えると管理が大変になります。小規模サイトや、数ページだけの多言語化に向いています。
多言語サイトでは、『各言語のページをどんなURLで持つか』が設計上の大きなポイントになります。代表的な持ち方は次の3つです。一般論として整理します。
| 方式 | URLの例 | 特徴(一般論) |
|---|---|---|
| サブディレクトリ | example.com/en/ | 1つのドメイン内で言語を分ける。管理がシンプルで、よく使われる。 |
| サブドメイン | en.example.com | 言語ごとに別サブドメイン。分離して運用しやすい。 |
| 別ドメイン(国別など) | example.co.uk | 国ごとに別ドメイン。大規模・地域特化向け。コストと管理が増える。 |
どの方式にも一長一短があり、『正解は1つ』ではありません。小〜中規模のサイトでは、管理のしやすさからサブディレクトリ方式が選ばれることが多いですが、運用体制や将来の拡張を考えて決めましょう。一度決めたURL設計は後から変えるとリンクや評価に影響が出るため、最初の設計が重要です。
訪問者が言語を選べるよう、分かりやすい場所に言語切り替えを置くことも大切です。ヘッダーやフッターに「English / 日本語」のような切り替えを置くのが一般的です。ブラウザの言語設定から自動で振り分ける方法もありますが、『自動判定だけ』にすると、意図しない言語に飛ばされて戸惑わせることがあるため、手動で選べる導線も併せて用意すると親切です。
ここまで「人の確認が大事」と繰り返してきました。なぜそこまで強調するのか、理由を具体的に見ていきます。
AIの訳文は文法的に正しく、自然に読めることが多いです。だからこそ、意味が間違っていても『それらしく』見えてしまい、原文と照らさないと気づけません。特に、否定・条件・数量・日付などは、間違うと意味が真逆になることがあります。
たとえば「キャンセルは前日まで無料」が、確認・前後の文脈次第で「キャンセルは当日まで無料」のように訳されてしまえば、トラブルの原因になります。お金・契約・安全に関わる文章ほど、人の確認が欠かせません。
言葉には、辞書的な意味だけでなく『印象』や『丁寧さの度合い』があります。AIはかなり上手にこれを扱いますが、ブランドの世界観や、その国の感覚に完全に合わせるのは人の領域です。色や数字、たとえ話、ユーモアは、国によって受け取られ方が変わります。直訳では『失礼』『的外れ』になることもあるため、現地感覚での確認が安心です。
身近な例を挙げると、次のようなものがあります。意味は通じても、その文化では引っかかるケースです。
こうした箇所は、AIに『文化的に注意すべき点も教えて』と頼んで気づきのきっかけにしつつ、最終的には人が『この国の読み手にどう響くか』を判断するのが安全です。
前述のとおり、AIは固有名詞を勝手に訳したり、専門用語を場面ごとに違う語で訳したりすることがあります。サイト全体で訳語がバラバラだと、読み手は混乱し、信頼も下がります。用語集と人のチェックで、訳語を統一することが品質を支えます。
「ネイティブチェックが大事」と言われても、毎回専門家に頼むのは難しいこともあります。現実的には、次のような段階で品質を担保する考え方があります。
ただし逆翻訳やAI同士のチェックは『補助』であって、人の確認の完全な代わりにはなりません。重要度に応じて、人がどこまで関わるかを決めましょう。
多言語サイトを検索からも見つけてもらうには、『どのページが、どの言語・地域向けか』を検索エンジンに正しく伝えることが大切です。ここでは技術の細部に踏み込みすぎず、基本的な考え方を整理します。
hreflang(エイチレフラング)は、『このページの、英語版はこのURL、フランス語版はこのURL』と、各言語ページの対応関係を検索エンジンに伝えるための指定です。これを正しく設定すると、検索エンジンが『日本語で検索した人には日本語版を、英語で検索した人には英語版を』表示しやすくなります。
イメージとしては、次のような形で『言語コード』と『対応URL』を紐づけます(あくまで基本的な書き方の一例で、実際の実装はサイト構成に合わせて行います)。
<!-- 各言語版の対応を示す例(headタグ内に記述) -->
<link rel="alternate" hreflang="ja" href="https://example.com/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />x-default は、どの言語にも当てはまらない場合の『既定の行き先』を示すための指定です。多言語対応プラグインの中には、こうしたhreflangを自動で出力してくれるものもあります。プラグインを選ぶ際の確認ポイントの1つです。
なお、検索エンジンの細かな扱いは時期や状況で変わり得ます。ここで紹介したのは『基本の考え方』にとどめ、重要な実装は必ず最新の公式情報を確認するようにしてください。背伸びして複雑な設定を入れるより、まずは『言語ごとにページを分け、対応関係を正しく伝える』という基本を固めるのが安全です。
文章の翻訳に目が行きがちですが、見落とされやすいのが『画像の中の文字』と『ボタンなどのUIテキスト』です。ここを忘れると、せっかくの多言語ページに日本語が残ってしまいます。
バナーやキャプチャ画像に文字が入っている場合、その文字は画像の一部なので、テキストとしては翻訳できません。対応方法は次のとおりです。
特にこれから作るサイトでは、最初から『文字は画像に焼き込まない』設計にしておくと、後の多言語化がぐっと楽になります。
「送信」「カートに入れる」「もっと見る」といったUI上の短い言葉も、忘れず翻訳します。これらは短いぶん、文字数が言語で大きく変わってレイアウトが崩れやすいので注意が必要です。たとえば日本語の「購入」は短いですが、別の言語では長くなり、ボタンからはみ出すことがあります。
多言語サイトで最も大変なのは、実は『公開後』です。日本語を更新したのに、他言語が古いままという状態は、混乱や不信を招きます。仕組みで防ぎましょう。
『日本語を直したら、対応する言語も必ず直す』というルールを、運用フローに組み込みます。具体的には次のような流れです。
ポイントは、全文を訳し直すのではなく『変えた部分だけ』を更新すること。これだけで運用負荷は大きく下がります。多言語対応プラグインには、原文の更新を検知して『この言語は要更新』と知らせてくれるものもあります。
すべてのページ・すべての言語を常に最新に保つのは大変です。『成果に直結するページ(料金・問い合わせなど)は最優先、ブログは後回し』のように、優先順位を決めて運用しましょう。手が回らない言語を無理に増やすより、少ない言語をきちんと保つほうが、結果的に信頼されます。
最後に、多言語化でつまずきやすいポイントと、よく寄せられる質問をまとめます。
A. 価格・契約・安全に関わるページは、必ず人の確認を入れてください。それ以外の比較的軽い情報でも、最低限ざっと目を通すことをおすすめします。AIは下訳として非常に優秀ですが、『そのまま公開して完成』ではなく『人が仕上げる前提』で使うのが安全です。
A. アクセス解析で海外からの訪問が多い国の言語や、これから狙いたい市場の言語から始めるのが合理的です。まずは英語1言語・主要数ページだけ、のように小さく始めて反応を見ましょう。
A. 『原文を整える』『プロンプトで背景とトーンを伝える』『人が確認する』の3つです。特に原文の質と人の確認は、AIの性能に関係なく効きます。
A. 用語集(対訳リスト)を作り、プロンプトに含めることで統一できます。固有名詞は『訳さずそのまま残す』と明示するのも有効です。
A. ページ数が少なければ手動で複製、ページ数が多ければ多言語対応プラグインの利用が一般的です。プラグインは料金・対応言語・hreflang出力などを公式情報で確認のうえ選ぶことをおすすめします。実装方式(サブディレクトリ等)は、管理のしやすさと将来の拡張を考えて決めましょう。
A. 明らかに不自然な自動翻訳ページが大量にある状態は、品質面で評価されにくいことがあります。数を増やすことより、各ページの質を保つことを優先しましょう。検索エンジンの扱いは変わり得るため、重要な点は最新の公式情報を確認してください。
記事中の専門用語を、かんたんにまとめておきます。
| 用語 | かんたんな説明 |
|---|---|
| 機械翻訳 | 文を別の言語の文に置き換える技術。定型文や大量処理が得意。 |
| 生成AI翻訳 | ChatGPTやClaudeなどの生成AIに指示して訳す方法。文脈やトーンの調整が得意。 |
| プロンプト | AIへの指示文。背景・トーン・用語を伝えると訳の質が上がる。 |
| 下訳 | AIなどでまず作る、仕上げ前の翻訳。人が確認して完成させる前提のもの。 |
| ネイティブチェック | その言語を母語とする人による確認。自然さや文化的な適切さを担保する。 |
| 逆翻訳 | 訳文を元の言語に訳し戻し、意味のズレを確認する補助的な手段。 |
| hreflang | 各言語ページの対応関係を検索エンジンに伝える指定。 |
| x-default | どの言語にも当てはまらない場合の既定の行き先を示すhreflangの値。 |
| サブディレクトリ | example.com/en/ のように、1つのドメイン内で言語を分けるURLの持ち方。 |
| サブドメイン | en.example.com のように、言語ごとに別サブドメインを使うURLの持ち方。 |
| alt属性 | 画像の説明文。画像が表示されない時や読み上げで使われ、翻訳対象になる。 |
| UIテキスト | ボタンやメニューなど、操作画面上の短い言葉。翻訳漏れに注意。 |
AI翻訳は、Webサイトの多言語化を大きく後押ししてくれる強力な道具です。機械翻訳の『速さ・大量処理』と、生成AIの『文脈・トーン調整』を使い分け、『翻訳→確認→実装』の流れで、人の確認とセットにすることが品質の鍵になります。プロンプトで背景・トーン・用語を伝え、原文を整え、価格や契約など重要な箇所は人が必ず見る——この基本を守れば、AIを使っても安心して品質を保てます。
・使い分け:定型文は機械翻訳、伝え方が大事な文章は生成AI
・品質の鍵:原文を整え、プロンプトで背景を伝え、人が確認する
・運用:変えた部分だけ更新し、URL設計と言語切り替えを最初に固める
多言語化も、結局は『土台となるWeb制作・サイト運用の基礎力』があってこそ。WithCodeで基礎から実務までを固めれば、AIを相棒に、海外に届くサイトづくりまで自信を持って進められます。

副業・フリーランスが主流になっている今こそ、自らのスキルで稼げる人材を目指してみませんか?
未経験でも心配することはありません。初級コースを受講される方の大多数はプログラミング未経験です。まずは無料カウンセリングで、悩みや不安をお聞かせください!
WithCodeでWeb制作を習得後、フリーランスエンジニアとして活動。HTML/CSS・JavaScript・WordPress案件を中心に年間20件以上の制作実績を持つ。「難しい技術をわかりやすく」をモットーに、初心者〜中級者向けの技術記事を執筆。副業・フリーランス独立を目指す方に向けた情報発信に注力している。
公式サイト より
今すぐ
無料カウンセリング
を予約!