HTMLファイルの翻訳方法と注意点を詳しく解説 - AI自動翻訳・機械翻訳

HTMLファイルを自動翻訳にかけたくても、

レイアウトが崩れる
HTMLタグまで翻訳されてしまう

ということが気になる方は多いのではないでしょうか。Webサイトを多言語化するときは基本的にHTMLが反映されたページの言語を他の言語に翻訳する、という手順で行われます。

しかし、HTMLファイルのまま多言語に翻訳しなければならないケースもあります。例えば10や20もの外国語に対応する場合、サイトの編集ページ上で他の言語を入力するのではなく、HTMLファイルの段階で多言語化しておくと各言語のページ構築は素早く済みます。

本記事ではHTMLファイルを翻訳できる自動翻訳を紹介し、その手順と注意点を解説します。また、HTMLファイルは翻訳後にレイアウトが崩れたり、タグが翻訳されてしまったりと問題も多く発生するため、その解決方法もお伝えします。

HTMLファイル翻訳の課題

HTMLは見出しや段落、画像、リンクなどがどのように配置されるかを決めるものです。HTMLは基本的に「<div>」「class」など表記が決まっており、それを含んだファイルを多言語する場合に、以下のような課題があります。

構文崩れのリスク
テキストを手動で翻訳してファイルに貼り付ける際に、タグの位置がズレたり、不要なタグが入り込むとページが正しく表示されなくなるリスクがあります。
時間と手間がかかる
大量のテキストを手作業で翻訳すると、翻訳工程はもちろんファイル編集にも多くの時間とコストがかかります。
誤訳・訳抜けのリスク
たとえ翻訳ソフトを併用していても、複数のファイルにわたるテキストを一括管理できない場合、訳抜けや誤訳を見逃してしまう可能性があります。

HTML内に記載してある日本語を一つ一つ手作業で訳していくのは非常に手間がかかります。そこでHTMLに対応している自動翻訳を活用することで、HTML構文を崩すことなく迅速に翻訳を進められます。

またポストエディット（翻訳後の文をチェック・編集すること）がしやすいツールを使うことで、翻訳文の修正にも効率的に対応できます。

特殊文字の扱いに注意が必要

「&」
「<」
「>」

などのエンティティが自動翻訳エンジンによって別の文字として認識されないよう注意が必要です。そのためにも用語集を活用してその文字列を固定にしておくなどの工夫が必要です。

自動翻訳後は特にこれらの文字列を原文と翻訳文でチェックし、誤訳がないかを確認しましょう。

ブラウザの翻訳機能はあくまでも閲覧用

ブラウザに搭載されているページの翻訳やプラグインを使って自動翻訳できる機能があります。たとえば、Google ChromeやMicrosoft Edgeに搭載されている自動翻訳機能を使えば、ページ全体をワンクリックで翻訳可能です。

ただし、ブラウザの翻訳はあくまでも「閲覧用」であり、HTMLファイルそのものを修正・ダウンロードできるわけではありません。ブラウザで翻訳したページの翻訳版をHTMLファイルとして利用することはできません。多言語のHTMLファイルを作るには、その言語専用のファイルを用意し、ファイルの内容を丸ごと翻訳する必要があります。

HTMLファイルの翻訳とポストエディットが可能な自動翻訳

HTMLに対応している自動翻訳を活用することで、HTML構文を崩すことなく翻訳を進められます。

進化型CATツール（翻訳支援ツール）のヤラクゼンは、Webブラウザ上で動作するクラウド型の自動翻訳です。テキスト、Wordファイル、PDFなど、さまざまな形式のファイルを翻訳できるのが特徴で、HTMLファイルにも対応しています。

また自動翻訳だけでなく、ポストエディットにも対応しているため誤訳や訳抜けがある箇所はその場で編集・修正することができます。

翻訳後のプレビューを見ながらポストエディット可能
ヤラクゼンでは、HTMLファイルを翻訳にかけると翻訳結果のプレビュー画面が表示されます。これによりどのようなレイアウトになっているのかを確認しながらポストエディットすることができます。
<div>タグなどを誤って編集することはない
<div>や<p>、<h2>などのタグはプレビュー画面にも並列ビュー（原文と翻訳文が記載されている個所）にも表示されないため、誤って編集してしまうことを防げます。

翻訳後のレイアウトを保持
HTMLファイルの場合は構文やタグ情報を可能な限り保持しながらテキストだけを翻訳してくれるため、翻訳後にタグが崩れてしまうリスクを低減できます。
複数言語への展開
日本語から英語への翻訳はもちろん、英語から多言語（スペイン語、フランス語など）への展開も可能です。今後グローバルにサイトを運営したい場合も全36言語で翻訳可能です。（2025年3月時点）

ヤラクゼンを使ったHTMLファイルの翻訳方法

ここからは、ヤラクゼンを使ってHTMLファイルを翻訳する具体的な手順を紹介します。なお、実際の画面・機能はアップデートなどによって変わる場合があります。

アカウントの作成
ヤラクゼンを利用するためには、まずアカウント登録が必要です。アカウントを作成し、公式サイトにログインします。

言語・翻訳エンジンの選択
ログイン後は、ファイルをドラッグ＆ドロップするか、「アップロード」のボタンをクリックしてファイルを選択し、翻訳元・翻訳先の言語を指定します。

HTMLファイルをアップロード
HTMLファイルをアップロードします。

自動翻訳を実行
アップロードすると自動翻訳が実行されます。翻訳が終わると、元のHTMLの構造が保持された状態でプレビュー画面に表示されます。翻訳速度はファイルの容量やページ数にもよりますが、比較的スムーズに翻訳結果が出ます。

翻訳結果のポストエディット
ここで重要なのが「ポストエディット」（翻訳結果の確認と修正）です。自動翻訳の結果をそのまま使うと、誤訳や文脈に合わない訳が残る可能性があるため、必ず翻訳後の文章をチェックして必要に応じて修正を加えましょう。ラッグ＆ドロップするか、「アップロード」のボタンをクリックしてファイルを選択し、翻訳元・翻訳先の言語を指定します。

翻訳結果のダウンロード
ポストエディットを経て翻訳が確定したら、翻訳済みのHTMLファイルをダウンロードします。もちろんHTMLファイルのままダウンロード可能です。他の言語にも対応する場合は同様の手順を繰り返します。

翻訳品質を上げる用語集・フレーズ集

ヤラクゼンは、翻訳品質を高めるために「用語集」と「フレーズ集」の機能を提供しています。

用語集は、人名や会社名などの固有名詞、業界用語、専門用語などの単語リストであり、翻訳時にこれらの用語が指定した訳語で一貫して翻訳されるよう設定できます。

フレーズ集は、文ごとに保存・活用するデータベースで、頻繁に使用される特定のフレーズを登録しておくことで、翻訳時に統一された表現を適用できます。

これらの機能を活用することで、翻訳文のブレを抑え、社内用語や業界特有の表現を統一することが可能となります。さらに、ヤラクゼンは使えば使うほどユーザーごとに学習していく翻訳システムであり、フレーズ集や用語集をベースに自動翻訳され、その後の編集内容を蓄積して次の翻訳に活用します。

このように、ヤラクゼンの用語集・フレーズ集機能を効果的に利用することで、翻訳の品質と効率を向上させることができます。

ポストエディット（翻訳文の確認と修正）の重要性

自動翻訳がいくら進化しても、機械が文脈や文化的背景を理解するには限界があります。そこで、ポストエディットが非常に重要となります。

誤訳や不自然な表現の修正
自動翻訳は語順や文法において精度を増していますが、それでも誤訳やぎこちない言い回しが混在する場合があります。特に、専門用語や技術用語が多い文書では、人間の目で確認することが必要です。
ブランドイメージの保持
ウェブサイト上の文章は、企業やブランドのイメージに大きく影響します。誤訳や乱暴な表現が含まれていると、ユーザーに不信感を与える恐れがあります。丁寧なポストエディットは、信頼性の高いコンテンツを提供する上で欠かせません。
検索エンジン最適化（SEO）の観点
翻訳後のテキストがSEOで狙いたいキーワードを適切に反映しているかは、人間が最終的に確認する必要があります。特にHTMLタグ（<div>や<p>など）が自動翻訳を経ることで崩れてしまっていないかをチェックしましょう。

ポストエディットについての詳細は以下の記事で解説していますので、こちらもぜひご覧ください。

ポストエディットのコツ~自動翻訳を使いこなし生産性向上につなげる~

まとめ

HTMLファイルの翻訳は、単にウェブページを丸ごと翻訳するだけでなく、ページ内の特定部分を翻訳させるかどうかを適切にコントロールし、さらに翻訳後の文章をしっかりとポストエディットして品質を高めることが重要です。初心者の方でも、下記のようなステップを踏めば、十分に多言語対応のウェブサイトを実現できます。