ページの特定箇所が翻訳されない

このページでは、「特定の箇所だけ翻訳されない」場合のよくある原因と対応方法を紹介します。

#1,翻訳されない箇所が「DOMテキスト」ではない(画像・SVG・canvas・擬似要素など)

Autolingualは、基本的にHTML上のテキスト(DOMテキスト)を対象に翻訳を行います。

そのため、見た目は文字に見えていても、実際には以下のような形式で表示されている場合、翻訳が反映されないことがあります。

  • 画像として文字が埋め込まれている(バナー画像など)
  • SVGで文字を描画している
  • canvasで文字を描画している
  • CSSの擬似要素の content に文字を入れている

#対応方法

  • 該当箇所をHTMLのテキストとして表示するように修正してください。
  • 画像の場合は、画像置換機能で差し替えて対応できる場合があります。

画像置き換え方法につきましては、下記ページもご参照ください。

【プロジェクト画面】2-3-1.プレビュー / 編集

【プロジェクト画面】2-3-2.ライブモード(ライブプレビュー/ライブ編集機能)

上記をご確認いただいても解消しない場合は、運営までお問い合わせください。

#2,対象サイトの実装や設計により、一部分の翻訳ができない場合がある

対象サイトの実装や設計によっては、一部分の翻訳がうまくできない可能性があります。

  • テキストであってもAutolingual翻訳の対象外となるケース

    • iframe
    • Shadow DOM
    • その他セキュリティ要件

まずは、該当箇所が上記に該当していないかをご確認ください。

以下ドキュメントに記載のAutolingualサポート範囲をご確認ください。

サイト翻訳処理の概要

上記をご確認いただいても解消しない場合は、運営までお問い合わせください。