La traduction casse souvent le design. Les mots allemands sont 30 % plus longs que les mots anglais ; l'arabe inverse la mise en page de droite à gauche. L'éditeur visuel MultiLipi fournit un environnement WYSIWYG en temps réel où vous pouvez affiner le contenu, ajuster le style et corriger les problèmes de mise en page directement sur un rendu en direct de votre site Web.
Cette interface combine Suggestions de contenu neuronal avec Contrôles CSS/Police, vous permettant de protéger l'identité visuelle de votre marque sur tous les appareils.
Le défi de la mise en page
Un bouton anglais parfaitement conçu qui dit "Buy Now" pourrait déborder et casser votre mise en page lorsqu'il est traduit en allemand par "Jetzt Kaufen" ou en finnois par "Osta Nyt". L'éditeur visuel vous permet de détecter et de corriger ces problèmes avant que vos clients ne les voient.
1. Lancement de l'interface
Pour commencer un audit visuel de vos pages localisées :
Accéder au projet
Accédez à votre tableau de bord MultiLipi et sélectionnez votre projet actif.
Localiser la page cible
Aller à Traductions > URL. Ceci affiche une liste de tous les chemins indexés (par exemple, /tarifs, /à-propos).
Initialiser l'éditeur
Cliquez sur le Icône de l'éditeur visuel (🖌️/🖥️) à côté de l'URL spécifique que vous souhaitez inspecter.
📌 Remarque : L'éditeur charge un proxy en direct de votre site. Vous pouvez naviguer dans les liens comme un utilisateur réel pour trouver du contenu lié en profondeur.
2. Capacités de base
A. Édition de texte contextuelle
Ne modifiez pas dans une feuille de calcul ; modifiez là où l'utilisateur le voit.
Manipulation directe
Cliquez sur n'importe quel titre, paragraphe ou bouton pour taper directement sur la page.
Suggestions neuronales
Lorsque vous sélectionnez du texte, notre moteur IA analyse l'élément et propose Réécritures intelligentes optimisé pour l'espace et le ton spécifiques.
Remplacement en un clic
Acceptez instantanément une suggestion IA ou insérez un terme pré-approuvé de votre glossaire sans saisie manuelle.
B. Localisation des médias et du référencement
Les images portent du contexte. Localisez-les pour augmenter la pertinence.
Balises Alt d'image
Cliquez sur n'importe quelle image pour modifier sa alt attribut. La traduction de celui-ci garantit que vos images se classent dans les recherches locales d'images Google.
"Chaussures de course""Chaussures de sport"C. Substitutions du système de conception (CSS et polices)
Différentes langues nécessitent différents traitements visuels.
CSS personnalisé
Cliquer "Modifier le CSS" pour injecter des styles uniquement pour la langue spécifique que vous éditez.
Cas d'utilisation :
Réduisez la taille de la police d'un bouton en allemand pour éviter le dépassement de texte.
Contrôle de la typographie
Utiliser "Ajouter des polices Google" pour charger les polices spécifiques à la région.
💡 Astuce:
Chargez une police spécialisée comme Noto Sans JP pour les pages japonaises afin de garantir que les caractères s'affichent magnifiquement, plutôt que d'utiliser une police système générique.
D. Vérification réactive
Votre site doit fonctionner sur toutes les tailles d'écran.
Basculement d'appareil
Utilisez la barre d'outils supérieure pour basculer entre Ordinateur, Tablette, et Mobile vues.
Vérification de la mise en page
Vérifiez que les traductions plus longues ne repoussent pas les boutons d'appel à l'action critiques "sous la ligne de flottaison" sur les appareils mobiles.
3. Déploiement
Propagation instantanée du Edge
Lorsque vous êtes satisfait de la qualité visuelle et linguistique :
Cliquer Publier dans le coin supérieur droit.
Les modifications sont instantanément poussées vers notre Réseau de diffusion mondial (GDN).
Votre site en direct se met à jour immédiatement pour tous les utilisateurs dans le monde.
⚡ Aucun délai de cache : Contrairement aux flux de travail CMS traditionnels où vous pourriez attendre des heures pour l'invalidation du cache CDN, l'infrastructure edge de MultiLipi garantit que les modifications se propagent globalement en quelques secondes.
Résumé : Pourquoi utiliser l'édition visuelle ?
| Fonctionnalité | Avantage |
|---|---|
| Rendu en temps réel | Voyez exactement comment les traductions impactent votre mise en page avant de publier. |
| Intégrité de la conception | Corrigez les mises en page « cassées » causées par l'expansion du texte (par exemple, en allemand ou en russe). |
| Lisibilité des scripts | Importez des polices personnalisées pour les scripts non latins (arabe, chinois) pour une typographie professionnelle. |
| SEO des médias | Localisez les attributs cachés comme les balises Alt pour une visibilité maximale dans les moteurs de recherche. |
🎨 Le design compte à l'échelle mondiale : L'éditeur visuel garantit que l'identité visuelle de votre marque reste intacte dans plus de 120 langues, évitant ainsi le piège courant où les sites traduits semblent « cassés » ou non professionnels par rapport à l'original.