CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

業界・技術情報

簡単多言語化:WebサイトにGoogle翻訳を埋め込む方法

投稿日:2018年2月1日 更新日:

完璧ではないが、そこそこ意味は通じる

※2021.03.29追記
 本方法は、Google Translateが新規登録を終了しています。。
 代替案は > https://attrise.blog/ceo/archives/14119
 
Googleの翻訳機能は、日に日に精度が向上している。

通常、たとえば日本語サイトに対応した外国語サイトを作るとなると、テキストを全て翻訳し、改めて外国語ページを作っていくのが一般的だが、そこまで厳密な翻訳レベルを求めないのであれば、このGoogle翻訳をサイトに埋め込むだけで、そこそこの外国語に自動変換し表示してくれる。

例えば英語サイトを日本語表示させた場合、かなりアヤシイ変換もあるが、、それでもワタシが一生懸命英語を読んで理解しようとするよりは はるかに理解できる。(^^;

埋め込みはとても簡単!

実際に自社のサイトで試してみた。
https://www.attrise.jp/

※この例では、「イタリア語/オランダ語/スペイン語/タイ語/ドイツ語/フランス語/ベトナム語/ロシア語/英語/韓国語/中国語(簡体)/中国語(繁体)」の12ヶ国語を選択して設定。

ページ左上の「言語を選択」ボタンをクリックすると、予め設定してある変換対象の言語リストが表示される。
auto0919
当然のことながら、画像に直接書き込まれた言葉はそのまま表示されるので、サイト制作の初期段階からであれば、画像に直接文字を書き込まず、テキストで表示するなどの考慮が必要となる。
上記のお試しサイトは、とりあえず今あるサイトに試験的に導入しただけなので日本語表記の画像がたくさん含まれていること、ご了承ください。

では、備忘録的に手順を記していきます。
– – –
・「ウェブサイト翻訳ツール」ページへアクセス
  https://translate.google.com/manager/website/?hl=ja

・「今すぐウェブサイトに追加」をクリック
auto0921

・URL、元の言語を設定し、「次へ」をクリック
・翻訳する言語を選択し、その他のオプションも必要に応じ設定
・「コードを取得」をクリックすると、ウェブサイトに貼り付けるコードば表示される。
・このコードをコピペで、HTMLファイル等の適当な場所に貼り付ける。(翻訳対象の全ページに貼り付けること)

以上で完了です。
とても簡単!
1~2時間でできちゃいました。
 
 

-業界・技術情報


  1. […] 以前のブログ「簡単多言語化:WebサイトにGoogle翻訳を埋め込む方法」でも紹介したGoogleのウェブサイト翻訳ツール「Google Translate」が新規サイトの登録を終了してから既に2年くらいが経 […]

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[備忘録]GoogleAnalytics:ページ毎のアクセス解析方法

ページ毎に絞り込む方法 ホームページ制作に欠かせない、Webサイトのアクセス解析ツール「Google Analytics」(グーグルアナリティクス)で、ページ毎に表示する方法を。 行動→サマリーから …

恐るべし!GENOウイルス

お客様から、「GENOウイルス」に感染したPCからFTP情報が漏洩し、お客様のサイトが改ざんされたのでFTPのパスワードを大至急変更してほしい、との連絡があった。 このGENOウイルス、一般的なウィル …

サーバーや技術的な社内勉強会を開催しました。

意外と奥が深いサーバー関連の技術的なノウハウ 今週の月曜日、社内でサーバーや技術的な勉強会を開催しました。 「Webサイトを公開」するには、デザインやコーディングの技術の他に、インターネットの仕組みや …

テキストファイル編集の落とし穴!「BOM」

見かけ上は全く同じ記述だが、ファイルサイズが異なる。。 WebサイトやWebシステムの更新等を行っていると、例えば「.htaccess」などを編集した際に 良きせぬエラーとなることがある。(phpファ …

他人事ではない、、ネットでお金が盗まれる!

身近な人も被害にあっている パソコンの不正アクセスや、個人情報流出などにより、銀行預金が勝手に第三者の口座に振り込まれたり、知らぬ間に自分のカードが使われていたり、、 そんな話が身近でも聞かれるように …