コンテンツにスキップ
bablic.
製品
ソリューション
価格設定
リソース
ブログ
言語
BABLIC サーバーサイドレンダリングSDK

既に翻訳済みのページ。

Bablic サーバーサイドレンダリングSDKは、ブラウザにデータが1バイトでも届く前に、サーバー上でサイトを翻訳します。 訪問者、検索エンジン、AIクローラーは、ページの読み込み速度に余計な負荷をかけることなく、最初の読み込み時から完全に翻訳されたページを利用できます。

仕組み

ブラウザに到達する前に翻訳されます。

クライアント側のウェブサイト翻訳はブラウザ内で行われます。ページは元の言語で読み込まれ、その後JavaScriptによってページが動的に翻訳されます。 SDKはこの処理をサーバー側で行うため、ページはブラウザに配信される前にJavaScriptフレームワークを介して翻訳されます。

訪問者が 自分の言語でのページをリクエストする。
Bablic SDKを使用

サーバーから送信される前に翻訳されます

  1. 翻訳はこちらサーバーは Bablic SDKを使用してページを翻訳します。
ブラウザで

ページ読み込み後に翻訳されます

  1. サーバーは ページを元の言語で送信します。
  2. ブラウザは 元のページを表示します。
  3. 翻訳はこちらBablic このページを翻訳します。
サーバーサイド方式の理由

すべての言語でページ表示が高速化。

コアウェブバイタル

翻訳はページが送信される前に行われるため、ブラウザに負荷をかけることなく、Core Web VitalsやPageSpeed Insightsのスコアにも悪影響を与えません。

検索エンジンの可視性

検索エンジンのボットやAIクローラーは完全に翻訳されたHTMLを読み取るため、サイトのあらゆる言語バージョンが検索され、インデックス化され、引用される可能性があります。

動的コンテンツはまだ翻訳されています

最初の読み込み後、 Bablic ブラウザ上で実行され続け、JavaScriptの断片やページ上で更新されるその他のコンテンツを翻訳します。

既存ツールとの互換性

既存の設定は引き続き機能し、Open Graphタグも含まれるため、共有リンクはすべての言語で正しくプレビューされます。

文脈におけるビジュアル編集

Bablic Studio (コンテキストに応じたビジュアルエディター)を使えば、ライブページで翻訳を編集し続けることができます。 あなたのサーバーには何も送信されません。

追加料金なし

Bablic SDKはProプランで利用可能です。 追加料金は一切かかりません。

試作品、制作中

あなたは Bablic SDKによって配信されるページを閲覧しています。

Bablic.com 、公開されているすべての言語において、 Bablic SDK上で動作します。 当社独自のLighthouseスコアは、あらゆる言語において、全項目で最高水準を維持しています。

  • 100パフォーマンス
  • 100アクセシビリティ
  • 100のベストプラクティス
  • 100SEO
対応プラットフォーム

あなたが構築に利用するフレームワークに合わせて設計されています。

Bablic SDKは、主要なサーバーサイドレンダリングプラットフォームに対応しています。 お使いのシステム構成に合ったバージョンをインストールすれば、準備完了です。

お使いのプラットフォームが見つかりませんか? あなたが何に基づいて構築しているのか教えてください。

SDK VS。 翻訳プロキシ

中間にプロキシは不要です。

翻訳プロキシは、訪問者とサイトの間に設置されます。各リクエストはプロキシに送信され、プロキシはページを取得して翻訳し、訪問者に渡します。 Bablic SDKは、お客様自身のサーバー内で翻訳を行うため、途中で余計な処理を経由する必要がありません。

Bablic SDK
翻訳プロキシ
翻訳が行われる場所
独自のサーバー内で、ページのレンダリングの一部として
訪問者とサイトの間にあるサードパーティサーバー上
遅延
迂回なし:ページはホストまたはCDNから直接訪問者に送信されます
すべてのリクエストはプロキシサーバーを経由して送信されますが、プロキシサーバーはホストや訪問者から遠く離れている可能性があります。
パフォーマンス
翻訳は通常のレンダリングで実行され、既存のキャッシュと連携します。
プロキシはページを翻訳する前にページを取得する必要があるため、キャッシュされていないページには待ち時間が発生します。
解析
フレームワークがレンダリングするものと連携するため、翻訳されたページはアプリと一致します。
外部から完成したHTMLを解析するため、JavaScriptでレンダリングされたコンテンツが欠落したり、破損したりする可能性があります。
サイトの管理権限
ドメイン、DNS、SSLは、お客様自身のホスティングサービスに残ります。
DNSはプロキシを指しているため、翻訳サイトはプロキシが稼働していることに依存します。
はじめる

開発者が設定し、 チームが管理します。

SDKをインストールするには、ウェブホストへのアクセス権と、ある程度の開発運用に関する知識が必要です。 その後は、あなたのチームは通常通り Bablic で翻訳を管理します。 Bablic Studio 引き続きコンテキスト内で編集を行い、サーバー側での編集は行いません。

1.プランを確認してください
プロプラン

Bablic SDKは、Proプランにご加入のお客様は追加料金なしでご利用いただけます。

2インストール
SDKをサーバーに追加する

npmからお使いのフレームワーク用の Bablic SDKパッケージをインストールし、それを Bablic プロジェクトに接続してください。

3展開
翻訳されたページを発送する

通常どおりデプロイしてください。 お客様のサイトのすべての言語版は、訪問者の目に触れる前にサーバー上で翻訳されるようになりました。

よくある質問 · BABLIC SDK

よくある 質問

Bablic サーバーサイドレンダリングSDKは、レンダリング処理の一環として、お客様自身のサーバー上でページを翻訳します。 訪問者は、元の言語で読み込まれてからブラウザで翻訳されるページではなく、既に翻訳済みのページを受け取ることになる。

AstroおよびVercel上のNext.js用のパッケージがnpmで利用可能になり、今後さらに多くのプラットフォームに対応予定です。 あなたのものが見つかりませんか? ぜひご連絡いただき、あなたがどのような基盤の上に構築しているのかをお聞かせください。

Bablic SDKは、Proプランにご加入のお客様は追加料金なしでご利用いただけます。 追加料金は一切かかりません。

はい。 SDKをインストールするには、ウェブホストへのアクセス権と、ある程度の開発運用に関する知識が必要です。 npmからフレームワークのパッケージをインストールし、それを Bablic プロジェクトに接続します。

はい。 SDKのインストール後、チームは従来どおり Bablic で翻訳を管理します。 Bablic Studio 、コンテキスト内で直接編集できるビジュアルエディターで、ライブページ上で編集作業を行うため、サーバーにデータが送信されることはありません。

いいえ。翻訳はページが送信される前に行われるため、ブラウザに負荷がかかることもなく、Core Web VitalsやPageSpeed Insightsのスコアに悪影響を与えることもありません。

はい。 ページはサーバー側で翻訳されるため、検索エンジンのボットやAIクローラーは、訪問者と同様に完全に翻訳されたHTMLを受け取ります。

翻訳プロキシは、すべてのリクエストを自身のサーバー経由でルーティングし、訪問者にページを届ける途中でページを取得して翻訳します。 その余分な処理によって、レイテンシが増加したり、プロキシがキャッシュしていないページの表示速度が低下したり、解析できないコンテンツが欠落したりする可能性があります。 Bablic SDKは、ページがレンダリングされる際に、サーバー内部で翻訳を行うため、迂回処理は発生しません。

すべてのプラットフォームがサーバーサイドコードを実行できるわけではありません。 Webflow、Wix、Squarespaceなどのホスティング型サイトビルダーを使用している場合、SDKは役に立ちませんが、標準のJavaScriptインストールは役立ちます。 ご連絡いただければ、最適な設定をご案内いたします。

はい。 SDKは、Open Graphタグなど、お客様が既に使用しているツールと連携して動作するため、現在の設定に影響はありません。

いいえ。各チームはさまざまな方法でサイトマップを展開・整理するため、サイトマップの管理は皆様にお任せしています。 翻訳したページがどのように表示されるかは、完全にあなたが管理できます。

SDKにご興味がありますか?

ぜひ お話させてください。

お客様のシステム構成についてお聞かせください。SDKがお客様のサイトに最適かどうかを判断するお手伝いをいたします。

最初の読み込みで翻訳されたページ
検索エンジンやAIクローラーが読み取れる
Proプランで利用可能、追加料金なし
BABLIC SDK

SDKについてご相談ください。

お客様のシステム構成についてお聞かせください。SDKがお客様のサイトに最適かどうかを判断するお手伝いをいたします。

お客様が送信するすべての情報は、 プライバシーポリシーの対象となります。

「考えを変えてもいいですか?」 - ブルーノ

年間プラン料金が 15% オフになります。

メールアドレスを入力してコードを解除してください。 年間契約を選択した場合、Go、Core、Proのいずれのプランでも動作します。

お客様のメールアドレスは、 Bablic 最新情報をお送りするために使用させていただきます。 当社の プライバシーポリシーをご覧ください。