翻訳によってデザインが崩れることがよくあります。ドイツ語は英語より30%長く、アラビア語はレイアウトを右から左に反転させます。MultiLipi Visual Editor は、 リアルタイムWYSIWYG環境 ウェブサイトのライブレンダリングで直接コンテンツを調整したり、スタイルを調整したり、レイアウトの問題を修正したりできます。
このインターフェイスは、 ニューラルコンテンツの提案 と CSS/フォントコントロール、これにより、あらゆるデバイスでブランドのビジュアルアイデンティティを保護できます。
レイアウトチャレンジ
「今すぐ購入」という完璧にデザインされた英語のボタンは、ドイツ語の「Jetzt Kaufen」やフィンランド語の「Osta Nyt」に翻訳すると、オーバーフローしてレイアウトが崩れる可能性があります。ビジュアルエディターを使用すると、顧客に見られる前にこれらの問題を検出し、修正できます。
1. インターフェイスの起動
ローカライズされたページのビジュアル監査を開始するには、
プロジェクトにアクセス
MultiLipiダッシュボードに移動し、アクティブなプロジェクトを選択します。
ターゲットページを特定
に移動 翻訳 > URL。インデックス化されたすべてのパス（例： /pricing, /about).
エディタを初期化
クリック ビジュアルエディタアイコン (🖌️/🖥️) 検査したい特定のURLの横
📌 注意: エディターはサイトのライブプロキシを読み込みます。実際のユーザーのようにリンクをたどって、ディープリンクされたコンテンツを見つけることができます。
2. コア機能
A. コンテキストアウェアテキスト編集
スプレッドシートで編集せず、ユーザーが見る場所で編集してください。
ダイレクトマニピュレーション
見出し、段落、またはボタンをクリックして、ページ上に直接入力してください。
ニューラルサジェスチョン
テキストを選択すると、AIエンジンが要素を分析し、 スマートリライト 特定のスペースとトーンに合わせて最適化されています。
ワンクリック置換
AIの提案を即座に承認したり、手動で入力せずにGlossaryから承認済みの用語を挿入したりできます。
B. メディアとSEOのローカライズ
画像は文脈を伝えます。関連性を高めるためにローカライズしましょう。
画像代替テキスト
画像を]],クリックして編集します。 alt 属性。これにより、画像がローカルのGoogle画像検索でランク付けされるようになります。
"ランニングシューズ""スポーツシューズ"C. デザインシステムの上書き（CSSとフォント）
言語ごとに適切なビジュアル表現が異なります。
カスタムCSS
クリック "CSSの編集" 編集対象の特定の言語にのみスタイルを適用するために使用します。
ユースケース:
ボタンのフォントサイズをドイツ語で縮小して、テキストのオーバーフローを防ぎます。
タイポグラフィ制御
使用 「Googleフォントを追加」 地域固有のフォントを読み込む
💡 プロのヒント:
のような特殊フォントを読み込む Noto Sans JP 一般的なシステムフォントではなく、日本語のページで文字が美しく表示されるようにします。
D. レスポンシブ検証
サイトはあらゆる画面サイズで動作する必要があります。
デバイス切り替え
上記ツールバーを使用して切り替えます デスクトップ, タブレット、そして モバイル ビュー。
レイアウトチェック
より長い翻訳がモバイルデバイスで重要なCTAボタンを「折り畳み線の下」に押し出さないことを確認します。
3. デプロイメント
インスタントエッジ伝播
視覚的および言語的な品質に満足したら、
クリック 公開 右上隅にあります。
変更は即座に私たちの グローバルデリバリーネットワーク（GDN）.
ライブサイトの更新 即座に 世界中のすべてのユーザー向け。
⚡ キャッシュ遅延なし: CDNキャッシュの無効化に数時間待つことがある従来のCMSワークフローとは異なり、MultiLipiのエッジインフラストラクチャにより、変更は数秒以内にグローバルに伝播します。
概要: ビジュアル編集を使用する理由
| 機能 | メリット |
|---|---|
| リアルタイムレンダリング | 公開前に、翻訳がレイアウトにどのように影響するかを正確に確認してください。 |
| デザインの整合性 | テキスト拡張によって「壊れた」レイアウトを修正します（例：ドイツ語やロシア語）。 |
| スクリプトの可読性 | カスタムフォントをインポートして、ラテン文字以外のスクリプト（アラビア語、中国語）でプロフェッショナルなタイポグラフィを実現します。 |
| メディアSEO | 検索の可視性を最大化するために、Altタグのような非表示の属性をローカライズします。 |
🎨 デザインはグローバルに重要です： ビジュアルエディタにより、ブランドのビジュアルアイデンティティが120以上のすべての言語で維持され、翻訳されたサイトが元のサイトと比較して「壊れている」またはプロフェッショナルに見えないという一般的な落とし穴を防ぎます。