テキストは物語の半分にすぎません。完全な没入感を得るには、ビジュアルアセットもローカル言語で話す必要があります。MultiLipiのインフラストラクチャにより、エッジでアセットスワッピングを実行できます。ユーザーの言語に基づいて、任意の画像のソースURL（src）とメタデータ（alt）を置き換えることができます。
シナリオA（画像内のテキスト）： 英語の「Summer Sale」バナーをフランス語の「Soldes d'été」バナーにスワップします。
シナリオB（文化的な関連性）： インドのユーザーにはクリケットの画像を、ブラジルのユーザーにはサッカーの画像を表示します。
シナリオ C (SEO): 画像がローカルキーワードでGoogle画像検索にランクインするように、目に見えない代替タグを翻訳してください。
このガイドでは、ビジュアルエディターを使用してアセットをスワップする手順を詳しく説明します。
1. スワッピングプロトコル
ローカライズされたメディアを挿入する方法。
このプロセスは、ライブサイト上に重ねて表示される「What You See Is What You Get」（WYSIWYG）インターフェイスであるVisual Editor内で完全に実行されます。
ステップ1：プロジェクトコンテキストにアクセスする
- •MultiLipiダッシュボードにログインします。
- •ホームページから「プロジェクト」セクションに移動します。
- •変更したい特定のウェブサイトプロジェクトを選択します。
ステップ2：エディタの初期化
- •翻訳タブに移動します。
- •画像が存在する特定のページURL（例：/pricing）を見つけます。
- •アクション: 右側で、仮想エディターボタン（または🖊️アイコン）をクリックします。
- •システムアクション: これにより、編集可能なウェブサイトのライブプレビューが新しいウィンドウで起動します。
ステップ 3: アセットスワップを実行する
- •選択：ライブプレビューで、ローカライズしたい画像をクリックします。
- •設定: ポップアップモーダルが表示され、編集可能なフィールドが 2 つあります。
翻訳された画像ソース：
新しい画像ファイル（CDN/サーバーでホストされている）の完全なURLを貼り付けます。
翻訳済み alt タグ:
アクセシビリティとSEOのために、翻訳された説明を入力してください。
- •繰り返し：この操作は、ページ上のすべての画像要素に対して実行できます。
ステップ4：変更をコミットする
スワップが構成されたら、エディタツールバーの「下書きを保存」をクリックします。
結果:
変更が保存されました。ユーザーが翻訳されたページにアクセスすると、当社のエンジンは動的にHTMLのsrc属性をスワップして新しい画像を読み込みます。
2. 戦略的メリット
なぜ画像翻訳が必要なのか？
ビジュアルSEO： 検索エンジンは代替テキストをクロールします。スペイン語のページに英語の代替タグがあると、トラフィックを失います。それらをローカライズすると、スペイン語の画像検索でランクインするのに役立ちます。
コンバージョン率: ユーザーは読めないバナーを無視します。プロモーション画像に埋め込まれたテキストを翻訳すると、クリック率が劇的に向上します。
アクセシビリティ： スクリーンリーダーは代替テキストに依存します。これをローカライズすることで、他の国の視覚障がいのあるユーザーがサイトを効果的にナビゲートできるようになります。
3. ベストプラクティス
CDNホスティング： MultiLipi は画像ファイルをホストしません。ローカライズされた画像（例: banner-fr.jpg）を独自のサーバーまたはメディアライブラリ（WordPress メディア / Shopify ファイル）にアップロードし、その URL を「翻訳済み画像 src」フィールドにコピーする必要があります。
代替テキストの長さ： 翻訳された代替テキストは、SEO効果を最大化し、「キーワードの詰め込み」としてフラグが立てられないように、簡潔に（100文字未満）保ってください。