Kirby CMSで自動翻訳を実装する方法

Kirbyウェブサイトでのオンラインショッピングの図。オンラインで買い物をする人のイラスト。.
目次

Kirby CMSでの自動翻訳の実装は、多様な言語のオーディエンスとつながることを目指すビジネスにとっての戦略となり得ます。多言語ウェブサイトは、競争力を維持し、新しい市場機会を模索するために不可欠な要素であり、単なる追加機能ではありません。

自動翻訳をKirbyで構築されたサイトに統合することで、多言語コンテンツを効率的に作成・管理でき、時間とリソースの投資を大幅に削減しながら、さまざまな言語で一貫した高品質なユーザーエクスペリエンスを確保できます。本ガイドでは、Kirby CMSでの自動翻訳の実装方法を説明し、ウェブサイトの例を示し、ステップバイステップの手順を提供します。.

Kirby CMSで自動翻訳を実装するべき理由

スタジオで楽器を演奏する2人のミュージシャン。画像は白黒です。.

Kirby CMSで自動翻訳を実装すべき4つの重要な理由をご紹介します。.

  • グローバル展開:
  • ユーザーエンゲージメントの向上: 訪問者が自分の好みの言語でコンテンツを見つけると、それに没頭する可能性が高くなり、直帰率が低下します。シームレスな多言語体験により、Kirbyを利用したサイトでのユーザーの滞在時間が長くなり、コンバージョンや望ましいアクションの可能性が高まります。
  • コンバージョン率の向上: 自分の母語でコンテンツが提供されると、ユーザーはより積極的に購入や特定の行動を起こす傾向にあることが研究で示されています。Kirby CMSで自動翻訳を実装することで、コンバージョン率を高め、多様な言語市場からの売上やリード獲得を促進できます。
  • SEOパフォーマンスの向上: Kirbyのウェブサイトのコンテンツを複数の言語に翻訳することで、検索エンジンの最適化の効果を大幅に高めることができます。検索エンジンはローカライズされたコンテンツを好むため、国際的なオーディエンスに関連する検索結果にウェブサイトが表示される可能性が高まり、結果としてより多くのオーガニックトラフィックを獲得できます。

多言語ウェブサイトKirby CMSの実装例

trends.builtwith.comによると、数十のサイトがKirby CMSを使用して構築されています。したがって、今回は、その中からいくつかの例を挙げ、多言語Kirby CMSサイトを作成することを検討している場合に参考になるように説明します。

オリジナルモックアップ

美しいデザインのための美しいモックアップ。高品質のモックアップをデザイナーに提供します。

Original Mockupsは、デザイナーが作品を披露するための高品質なモックアップを提供するウェブサイトです。Kirby CMSで構築された同サイトは、英語とスペイン語(ベータ版)の両方でコンテンツを提供しています。この多言語対応により、異なる地域のデザイナー層を広くカバーし、ユーザーの希望する言語でモックアップ製品やサービスを紹介しています。.

また、ページ下部のウェブサイトでは、ユーザーが英語とスペイン語(ベータ版)の間で選択することができます。この機能により、英語とスペイン語の訪問者にとってのユーザーエクスペリエンスが向上し、言語間のシームレスなナビゲーションが可能になります。Kirby CMSの多言語設定により、製品説明、価格情報、サポートドキュメントなどのコンテンツを、複数の言語で一貫したデザインとユーザーインターフェイスを維持しながら管理および提示できます。.

OBSプロジェクト

Open Broadcasting Softwareのロゴとダウンロードオプション。OBS Studioは、無料でオープンソースのライブストリーミングとビデオ録画ソフトウェアを提供しています。.

OBS Studioの開発元であるOBS Projectは、マルチリンガルなウェブサイトを構築するためにKirby CMSを採用しています。Kirby CMSで構築されたOBS Studioのウェブサイトは、コンテンツクリエイターやストリーマーなどのグローバルなユーザー層に対応するために複数の言語でコンテンツを提供しています。.

ページの下部には、Čeština、Dansk、Deutsch、Español、Euskara、Suomi、Français、Magyar、日本語、한국어、Português do Brasil、Русский、Svenska、Türkçe、Українська、中文(简体)を含む15の異なる言語オプションを備えた包括的な言語スイッチャーが表示されます。この多言語アプローチにより、OBSプロジェクトは世界中のユーザーと効果的にコミュニケーションし、ユーザーが好む言語でドキュメント、ダウンロード手順、コミュニティリソースを提供できます。. 

言語の壁を壊す
言語の障壁に別れを告げ、無限の成長にこんにちは!私たちの自動翻訳サービスを今すぐお試しください。.

Kirby CMSで自動翻訳を実装する方法

Kirby CMSで作成された多言語Webサイトの例を調べた後、自動翻訳サービスを使用して自動翻訳を実装する方法を探ります。多くのサービスは、わずかな設定手順でWebサイトを迅速かつ簡単に翻訳できます。そのようなサービスの1つが Linguiseです。.

Linguiseは、Kirby CMSを含むさまざまなCMSプラットフォームおよびWebビルダーと統合します。以下は、Kirby CMSにLinguise自動翻訳をインストールする手順です。

ステップ1: Linguise アカウントを登録する

最初のステップは、Kirby CMSウェブサイトが翻訳の準備ができていることを確認することです。Kirby CMSウェブサイトに Linguise 自動翻訳をインストールするには、Kirby CMS管理ダッシュボードへのアクセスが必要です。.

次に、無料のLinguiseアカウントを作成し、ウェブサイトのドメインを追加します。サブスクリプションプランを決定する前に、30日間の無料トライアルを使用できます。

ステップ2: ドメインウェブサイトKirby CMSを追加する

Linguise アカウントを作成した後、ダッシュボードにアクセスしてKirby CMSウェブサイトのドメインを追加します。「ドメインを追加」をクリックし、次のフィールドに入力します。

  • アカウント
  • URL
  • 使用するプラットフォーム(Kirby CMS)
  • デフォルト言語
  • 翻訳言語
  • URLを翻訳する
  • 動的コンテンツ翻訳
白い文字の黒い背景。読み取れません。.
非常に薄いグレイのテキストが表示された黒い背景。テキストは読みにくい。.

ステップ3: Linguise スクリプトをアップロードして接続する

Linguise 翻訳スクリプトは、Kirby CMSがインストールされているサーバーにアップロードする必要があります。ここからダウンロードできます。.

スクリプトをダウンロードしたら、解凍してKirby CMSがインストールされているルートフォルダにアップロードします。.

  • Webサイトのルートレベル(Kirby CMSファイルが配置されている場所)に配置されていることを確認してください。.
  • フォルダがデフォルトの名前「linguise」を保持していることを確認してください。
暗い背景のチェックボックスリストに名前が表示されます

次に、 Linguise APIキーをサーバーにアップロードした`Configuration.php`ファイルにコピーする必要があります。ファイルを編集し、シングルクォートの間にAPIキーを貼り付け、`REPLACE_BY_YOUR_TOKEN`というテキストを置き換えます。.

ウェブサイトの設定と構成のためのコンピューターコード.

ステップ4: Kirby CMSのURL書き換えの設定

デフォルトでは、Kirby CMSではURL書き換えがアクティブになっています。アクティブになっていない場合は、ホスティングプロバイダーを通じてアクティブにできます。.

言語別にURLを設定するには、デフォルトのKirby CMS `.htaccess`ファイルの`RewriteEngine on`の後の行に以下のコードを追加します。

				
					<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
				
			

URL「www.shop.com/fr/」を使用して、翻訳されたすべてのページを読み込むことができます。.

ステップ5: 言語スイッチャーの有効化とカスタマイズ

Linguise JavaScriptリンクは、すべてのKirby CMSページに読み込まれ、SEO用のHTMLヘッダーに言語スイッチャーと代替URLを表示する必要があります。.

スクリプトリンクを取得するには、 Linguise ダッシュボードのドメイン設定に移動し、スクリプトリンクをコピーします。.

小さな判読できないテキストのある黒い背景。判読できないコンテンツ。.

Kirby CMSでこのコードを読み込む最も簡単な方法は、ウェブサイトのheader.phpまたは<head>コード内にコードを追加することです。.

 

設定方法は次のとおりです。.

  1. ウェブサイトのルートフォルダにアクセスしてください。.
  2. サイト > スニペット > header.phpに移動します。.
  3. header.phpファイルを編集して、ヘッダーセクションにスクリプトリンクを含めます。以下に示すように。.
黒い背景のNode.jsプロジェクトのREADMEファイル

これで設定が完了したら、言語スイッチャーの外観をプレビューできます。以下は、Kirby CMSが Linguiseの自動翻訳サービスを使用して自動翻訳されたときの外観の例です。.

プロジェクトの例の画像、木と天の川。.

Linguiseを使用したKirby CMSの自動翻訳

Linguiseは、Kirby CMSウェブサイトへの自動翻訳のシームレスな統合を提供します。リーディング翻訳サービスとして、80以上の言語をサポートし、40以上のCMSプラットフォームと統合します。Kirby CMSを含むこれらの統合により、ウェブサイトの多言語化が簡素化され、スムーズなユーザーエクスペリエンスが保証されます。

100%多言語SEO翻訳をサポート

Kirby CMSで自動翻訳を実装する方法

翻訳のためのフロントエンドライブエディタ

LinguiseLinguiseは、フロントエンドライブエディタを提供します。このツールを使用すると、翻訳の精度を確保しながら、迅速に変更を加えることができます。さらに、プロの翻訳者と協力して、文脈や文化的正確性を維持することができます。

自動翻訳除外ルール

淡いテキストラインのある黒い背景。.

翻訳の課題に対処するために、 Linguise は特定の用語を保持または省略するための除外ルールを提供します。これにより、翻訳の正確性と明瞭性を確保しながら、特定のテキスト、インラインコンテンツ、または特定のページを無視するルールを設定できます。.

動的翻訳機能

Linguiseの動的翻訳機能により、JavaScriptやAJAXなどの動的に生成またはロードされたコンテンツが効果的に翻訳されます。これには、チェックアウトプロセスやポップアップなどの要素が含まれます。動的翻訳トグルをアクティブにするだけで、このコンテンツを簡単に管理できます。

新しい市場を開拓する準備はできていますか? 1ヶ月のリスクフリー試用で無料で自動翻訳サービスをお試しください。クレジットカードは不要です!

結論

Kirby CMSウェブサイトに自動翻訳を導入することで、リーチの拡大、ユーザーエンゲージメントの向上、コンバージョン率の向上を大幅に期待できます。 Linguiseを使用することで、多言語コンテンツを簡単に管理し、異なる言語のユーザーにシームレスな体験を提供しながら、SEO対策を最適化できます。.

Linguise は、フロントエンドのライブ編集、動的コンテンツ翻訳、特定の用語の除外ルール、包括的なSEOサポートなどの強力な機能を提供します。これらの機能により、Kirby CMSとの自動翻訳の統合に最適な選択肢となります。.

お気軽にLinguiseアカウントに今日すぐ登録して、Kirby CMSウェブサイトを多言語対応のパワーハウスに変えましょう。

また、以下の記事にも興味をお持ちかもしれません

お見逃しなく!
ニュースレターを購読する

ウェブサイトの自動翻訳、国際SEOなどの最新情報をご覧いただけます!

Invalid email address
試してみてください。月額1回、いつでも退会できます。.

メールアドレスを共有してからお立ち回りください!

宝くじに当選することを保証することはできませんが、翻訳に関する興味深い情報や時折割引情報をお約束します。.

お見逃しなく!
Invalid email address