A translação muitas vezes quebra o design. As palavras alemãs são 30% mais longas do que as inglesas; O árabe inverte o layout de Direita para Esquerda. O Editor Visual MultiLipi fornece um ambiente WYSIWYG em tempo real onde pode refinar conteúdo, ajustar o estilo e resolver problemas de layout diretamente numa renderização em direto do seu site.
Esta interface combina Sugestões de Conteúdo Neural com Controlo CSS/Fonte , permitindo-lhe proteger a identidade visual da sua marca em todos os dispositivos.
O Desafio do Layout
Um botão inglês perfeitamente desenhado que diga "Comprar Agora" pode transbordar e estragar o teu layout quando traduzido para alemão como "Jetzt Kaufen" ou finlandês como "Osta Nyt". O Editor Visual permite-lhe detetar e corrigir estes problemas antes que os seus clientes os vejam.
1. Lançamento da Interface
Para iniciar uma auditoria visual das suas páginas localizadas:
Projeto de Acesso
Navegue até ao seu Painel MultiLipi e selecione o seu projeto ativo.
Localizar a Página de Alvo
Ir a Traduções > URLs . Isto apresenta uma lista de todos os caminhos indexados (por exemplo, /preços , /sobre ).
Inicializar Editor
Clique no botão Ícone do Editor Visual (🖌️/🖥️) ao lado do URL específico que pretende inspecionar.
📌 Observação: O editor carrega um proxy em tempo real do seu site. Pode navegar por links tal como um utilizador real para encontrar conteúdos com ligações profundas.
2. Capacidades Essenciais
A. Edição de Texto Consciente do Contexto
Não edites numa folha de cálculo; Edita onde o utilizador o vê.
Manipulação Direta
Clique em qualquer título, parágrafo ou botão para escrever diretamente na página.
Sugestões Neurais
À medida que seleciona texto, o nosso motor de IA analisa o elemento e oferece Reescritas inteligentes Otimizado para o espaço e tom específicos.
Substituir com um clique
Aceite instantaneamente uma sugestão de IA ou insira um termo pré-aprovado do seu Glossário sem necessidade de escrever manualmente.
B. Localização de Media e SEO
As imagens transportam contexto. Localiza-os para aumentar a relevância.
Etiquetas Alt da Imagem
Clique em qualquer imagem para editar Alt atributo. Traduzir isto garante que as suas imagens se posicionam nas pesquisas locais de imagens do Google.
"Ténis de Corrida" "Chaussures de sport" C. Sobrescrituras do Sistema de Design (CSS & Fontes)
Línguas diferentes exigem tratamentos visuais distintos.
CSS personalizado
Clique em "Editar CSS" Para injetar estilos apenas para a linguagem específica que estás a editar.
Caso de uso:
Reduza o tamanho da fonte de um botão em alemão para evitar excesso de texto.
Controlo tipográfico
Utilização "Adicionar Fontes Google" para carregar fontes específicas de região.
💡 Dica Profissional:
Carregar uma fonte especializada como Noto Sans JP para que as páginas japonesas garantissem que os caracteres fossem renderizados de forma bonita, em vez de usar uma fonte de sistema genérica.
D. Verificação Responsiva
O seu site deve funcionar em todos os tamanhos de ecrã.
Alternância de dispositivos
Use a barra de ferramentas superior para alternar entre Versão desktop , Comprimido , e Telemóvel Modos de exibição.
Verificação do Layout
Verifique se traduções mais longas não acionam os botões críticos do CTA "abaixo da dobra" nos dispositivos móveis.
3. Desdobramento
Propagação instantânea de arestas
Quando estiver satisfeito com a qualidade visual e linguística:
Clique em Publicar No canto superior direito.
As mudanças são imediatamente empurradas para o nosso Rede Global de Entrega (GDN) .
Atualizações ao vivo do seu site imediatamente para todos os utilizadores em todo o mundo.
⚡ Sem atrasos na cache: Ao contrário dos fluxos de trabalho tradicionais de CMS, onde pode esperar horas pela invalidação da cache CDN, a infraestrutura de edge da MultiLipi garante que as alterações se propagam globalmente em segundos.
Resumo: Por que usar edição visual?
| Destaque | Benefício |
|---|---|
| Renderização em Tempo Real | Veja exatamente como as traduções impactam o seu layout antes de publicar. |
| Integridade de Design | Corrigir layouts "quebrados" causados pela expansão do texto (por exemplo, em alemão ou russo). |
| Legibilidade do Script | Importar fontes personalizadas para escritas não latinas (árabe, chinês) para tipografia profissional. |
| Media SEO | Localiza atributos ocultos como Alt Tags para máxima visibilidade na pesquisa. |
🎨 O Design Importa a Nível Global: O Editor Visual garante que a identidade visual da sua marca se mantém intacta em todas as 120+ línguas, evitando a armadilha comum em que os sites traduzidos parecem "avariados" ou pouco profissionais em comparação com o original.