Precisa de ajuda? Temos aqui as informações que você precisa!

Página Inicial da Base de Conhecimentos aero-right Entregabilidade aero-right Erros de Exibição HTML em Diferentes Clientes de Email

Erros de Exibição HTML em Diferentes Clientes de Email

Entregabilidade Atualizado em junho 1, 2021

Provedores de email (ISPs) como AOL, Yahoo, Gmail e vários outros podem fazer com que os emails tenham uma aparência diferente em sua caixa de entrada. Diferentes navegadores também podem afetar a aparência de um email. A Benchmark está determinada a ajudar nossos clientes a criar os melhores designs de email. Ao utilizar nosso Editor de Arrastar e Soltar, você garante que seus emails sejam compatíveis com dispositivos móveis, com design responsivo. Além disso, também oferecemos um recurso chamado Inbox Checker, que permite visualizar a aparência do seu email em cada provedor de email antes mesmo de chegar à caixa de entrada do seu contato.

Melhores Práticas para criar Campanhas de Email

Alguns clientes de email têm certas restrições que nenhum serviço de email pode evitar. Veja abaixo alguns pontos a serem considerados para que seus emails tenham a mesma aparência, independente do provedor ou do dispositivo usado para visualizá-lo:

  • Use nosso Editor de Arrastar e Soltar – Todos os modelos de email no editor de arrastar e soltar são responsivos para dispositivos móveis.
  • Adicione o link da versão web – Inclua o link da versão web, de visualização no navegador, em seu email. Alguns clientes de email não mantêm os mesmos padrões e podem fazer com que o seu email pareça confuso. Você pode habilitar essa opção no Bloco de Lembrete de Permissão.
  • Imagens de fundo – A cor de fundo de uma imagem será exibida quando um serviço de email não puder exibir a imagem. Edite sua cor de plano de fundo para destacar a cor da fonte. Não fazer isso pode fazer com que seu email apareça em branco. Além disso, faça envios de teste para emails que utilizam o dark mode (modo noturno), para garantir que a visualização fique agradável em ambos os modos.
  • Adicionar um Texto Alternativo às imagens – O texto alternativo (alt text) é usado para descrever as imagens usadas em uma campanha de email. A maioria das caixas de entrada não exibe imagens automaticamente. O texto alternativo ajuda fornecendo uma descrição dessas imagens. As imagens com texto alternativo são menos propensas a serem bloqueadas e, além disso, oferecem acessibilidade para usuários com deficiência visual, por exemplo.
  • Alinhamento de imagem – Em alguns casos, as imagens podem ser muito grandes e podem cobrir o texto, ou mesmo podem parecer que foram comprimidas. Alinhe a imagem e reduza o tamanho para limpar qualquer formatação. Se você está usando nosso Editor de Arrastar e Soltar, não precisa se preocupar, pois já faremos isso para você.
  • Evite usar linhas URL longas diretamente em um Bloco de Texto – Um texto excessivamente longo e sem espaços, como uma URL longa adicionada diretamente em qualquer bloco de texto, pode fazer com que a linha do texto exceda a largura do email. Para evitar que seu email seja quebrado, use a ferramenta de Link da Benchmark, que fica na barra de ferramentas do editor, para vincular o link a uma palavra, frase ou imagem. Para saber mais sobre nossas opções de link, clique aqui.

Quando você conseguir aplicar todos esses pontos ao seu email, experimente enviar um email de teste para si mesmo ou para os contatos de seus colegas de equipe. Tente abrir seu email de teste em vários dispositivos para verificar como o design é apresentado e modificado. Você também pode usar o Verificador de Caixa de Entrada (o Inbox Checker) para visualizar seu email em diferentes dispositivos.

Lista de erros de exibição conhecidos em diferentes provedores de email.

Cliente de Email
Suporte HTML
Erros Conhecidos
AOL 4.0 e 5.0

Não

  • Somente texto
  • Os formulários podem ser desativados
AOL 6.0, 7.0, e 8.0

Sim

  • HTML Padrão.
  • Os formulários podem ser desativados.
  • Links para CSS externos são rejeitados.
AOL 9.0 Parcialmente
  • Imagens HTML e hotlinks podem ser desativados.
  • Os formulários podem ser desativados.
  • Emails longos podem se transformar em arquivos .zip.
AOL Webmail

Parcialmente

  • Pode não suportar XHTML .
  • As tags <br /> podem ser desabilitadas.
  • Âncoras HTML podem não ser suportadas – Em vez de ir para a seção ancorada do email, uma nova janela será aberta.
Apple Mail

Sim

  • HTML Padrão
  • Tags de fonte podem não ser permitidas. A Tag <span> será usada
  • Necessidade de clicar em âncoras HTML duas vezes
  • Em El Capitan OSX, links com âncora HTML não funcionam.
Compuserve

Não

  • Texto apenas.
Comcast Smartzone

Sim

  • HTML Padrão.
  • Images de fundo são bloqueadas.
  • Âncoras não suportadas.
Comcast XFinity

Parcialmente

  • Corta newsletters longas (Use link para versão web ou encurte o email).
  • Quando um link ou um conteúdo em uma table forem clicados, uma nova janela aparecerá.
Entourage (Mac)

Sim

  • HTML Padrão.
Entourage 2008 (Mac) Parcialmcente
  • Images de fundo são bloqueadas
  • Sporta formulários, Flash ou outro plug-ins, CSS, e GIF’s
  • Listas não alinhadas podem ser substituídas por imagens alinhadas
Earthlink Parcialmente
  • Textos podem ser sublinhados
Eudora 3.1

Não

  • Texto apenas
Eudora 4.0, 4.2, 4.3, e 5.0

Não

  • HTML Padrão suportado quando se usa Internet Explorer.
  • Má suporte HTML na página  inicial da Eudora.
Gmail

Parcialmente

  • Adicionar âncora aos favoritos não é suportado
  • Corta newsletters longas (Use link para versão web ou encurte o email)
  • Transforma números de telefone em Hyperlinks
Hotmail

Parcialmente

  • Bloqueia imagens
  • Desabilita as tags <head>, <title>, <meta>, e <body> – Use estilos de linha.
  • Desabilita hot links depois de ~4 mins, e também a imagem de fundo – Precisa ativar a autenticação
  • Problemas com CSS
  • Texto pode estar sublinhado
  • Espaços adicionais adicionados entre as linhas do texto dentro de tags <p> – Precisa trocar a tag <p> por <div> em visualização de bloco ou criar um novo bloco e recriar o texto sem o estilo anterior
Juno 4.0, e 5.0

Sim

  • Praticamente padrão HTML
  • Problemas com CSS
Lotus Notes 4.6

Não

  • Sem cores de fonte ou links
Lotus Notes 5.0

Sim

  • Praticamente HTML padrão
  • Problemas com CSS
Novell GroupWise 5.5

Sim

  • HTML Padrão.
Office 365

Parcialmente

  • HTML Padrão.
  • Imagens bloqueadas
  • Problemas com CSS.
  • Links com âncora HTML e conteúdos de table não funcionam
  • Imagens são geralmente exibidas com o tamanho original da biblioteca, causando confusão – Deve redimensionar a imagem na biblioteca e usá-la novamente
Outlook 97

Parcialmente

  • Fontes e links sem cores
  • Problemas com alinhamento
Outlook 98 and 2000

Sim

  • HTML Padrão
  • Não suporta CSS completamente
Outlook 98 and 2001 (Mac)

Não

  • Apenas textos com formatos ricos
Outlook 2003

Parcialmente

  • Imagens HTML bloqueadas
Outlook 2007 and 2010

Parcialmente

  • Formulários, Flash, ou outros plug-ins, CSS e GIF’s não são suportados
  • Listas não alinhadas podem ser substituídas por imagens alinhadas
  • Quebra de página pode ser inserida dentro do email causando espaços vazios.
  • Não suporta imagens com bordas.
  • Telas com alta definição com tamanho 1920px por 1080px formata texto mas não imagens.
  • Legenda de imagens é sobrescrita pelo estilo do Outlook
  • Imagens maiores de 1728 px em altura serão cortadas
  • Adiciona espaços extras entre os parágrafos ou textos com espaçamento duplo
  • De acordo com as configurações de tela, as imagens podem aparecer com formatação errada

Observação: A Microsoft criou uma ferramenta para validar seu email HTML no Outlook 2007

Outlook 2007 e 2010 (Mac)

Parcialmente

  • Links com âncora HTML ou links em conteúdo de tabelas não são suportados
  • GIFs não são suportados
Outlook 2013 e 2016

Parcialmente

  • Quebra de página pode ser inserida dentro do email causando espaços vazios
  • Se o último texto em um bloco for um item de lista, uma linha vazia será adicionada – Não termine seu email com uma lista ou adicione <div style=”display:none;”>&nbsp;</div> antes da tag </ul>
  • Telas com alta definição com tamanho 1920px por 1080px formata texto mas não imagens
  • As imagens podem parecer em formatos errados dependendo da tela do computador
  • GIFs não suportados
Outlook 2016 (Mac)

Parcialmente

  • Links com âncora HTML ou links em conteúdo de tabelas não são suportados
Outlook 365

Parcialmente

  • Cor do link tem o padrão de azul a não ser que o texto que o precede esteja formatado com uma cor – Precisa colocar o link entre tags do tipo <span> e as tags <td> e <div> devem ter cor de texto diferente
  • Links com âncora HTML ou links em conteúdo de tabelas não são suportados
  • O texto é justificado por padrão, mesmo que existam textos alinhados de forma diferente
  • Padding de imagens é removido
Outlook Web Access

Parcialmente

  • HTML Padrão
  • Imagens são bloqueadas
  • Links com âncora HTML ou links em conteúdo de tabelas não são funcionais
  • Imagens são geralmente exibidas com o tamanho original da biblioteca, causando confusão – É necessário redimensionar a imagem na biblioteca e usá-la novamente
Outlook Express- PC ou Mac

Sim

  • HTML Padrão
Pegasus Mail 3.1- Windows

Sim

  • HTML Padrão
  • Cor em Link não é suportado
Smartphones Android, iPhone, etc.

Sim

  • Transforma números de telefone em Hyperlinks
  • Datas podem ser adicionados ao calendário do celular usando o endereço físico do footer do email enviado
Verizon

Sim

  • HTML Padrão
  • Links com âncora HTML ou links em conteúdo de tabelas não são funcionais
Yahoo!

Sim

  • HTML Padrão
  • Links com âncora HTML ou links em conteúdo de tabelas não suportados em todos os navegadores
  • Corta newsletters longas (Use link para versão web ou encurte o email)

Fonte: StudioCloud

Caso tenha dúvidas sobre este ou outro assunto, entre em contato com nossa equipe de Suporte.


Sua Dúvida Foi Respondida?
Você já votou!