Resolução de problemas de espaço extra no ecrã do Outlook

Quando cria mensagens de correio eletrónico para enviar aos seus subscritores, quer utilize HTML personalizado ou o compositor de marketing por correio eletrónico padrão, sei que já está a considerar o aspeto dessa mensagem em todos os principais clientes de correio eletrónico. E se já teve algum problema com o facto de o seu correio eletrónico apresentar espaço extra no Outlook, veio ao sítio certo.

Em primeiro lugar, é importante reconhecer que o Outlook utiliza o motor de renderização proprietário do Microsoft Word para apresentar o código HTML. Este motor utiliza alguns algoritmos e estilos diferentes da maioria dos outros clientes de correio eletrónico, de modo a visualizar esse HTML. Isto pode levar a uma resolução de problemas muito frustrante, com problemas que parecem ser apenas do Outlook.

Qual é o problema?

Agora, há um problema interessante que tem a ver especificamente com o aparecimento de espaço vertical extra no seu e-mail final, mas apenas no Outlook. Isto tem a ver com – adivinhou – o motor de renderização do Word.

O motor do Word utiliza definições de página para forçar quebras no seu código. A Microsoft chama-lhes limites de texto e são praticamente a mesma coisa que uma quebra de página. No correio eletrónico, esta interrupção deve ser perfeita. Mas no Word, não é assim. Assim, o Outlook irá efetivamente processar essa quebra, como só o Outlook consegue fazer!

Utilizando o compositor padrão, só verá isto com imagens. Por vezes, a quebra de página aparece no Outlook por cima da imagem, outras vezes por baixo. Em casos ainda mais estranhos, o Outlook renderizará a imagem na primeira ‘página’ e, em seguida, empurrará qualquer texto que deveria estar ao lado dela para a ‘página’ abaixo:

O tamanho de página limitado pelo Outlook é de 23,7 polegadas de altura, ou cerca de 1790 píxeis. Isto significa que se tiver tabelas, imagens ou outros elementos individuais no seu código que sejam mais longos do que isso, o Outlook forçará essa quebra no seu conteúdo – mostrando-o literalmente como espaço em branco.

Graças a Michelle, no Email on Acid, pode ler tudo sobre os pormenores desta questão, se quiser mergulhar no assunto. Nos nossos testes, a pior ocorrência parece ser no Outlook 2010, em comparação com outras versões. E, pode haver luz ao fundo do túnel, uma vez que não estamos a ver isto acontecer, de todo, no Outlook 2013.

Ok, já percebi isso tudo. Agora, como é que o arranjo?

Se estiver a utilizar o compositor padrão, a sugestão mais simples para se livrar deste espaço é ajustar o conteúdo acima do local onde esse espaço está a acontecer. Isto irá alterar o código HTML da campanha, provavelmente alterando o local onde ocorre a quebra. Pode acrescentar mais texto em cima, adicionar um separador ou mesmo alterar o tamanho de qualquer imagem para tentar colocar essa quebra no lugar.

Se isto estiver a acontecer e tiver uma imagem muito grande, a melhor solução é simplesmente reduzir o tamanho dessa imagem. A imagem, em si, é muito provavelmente o que está a causar essa quebra indesejada, no seu e-mail.

No entanto, se este for o seu próprio HTML personalizado, verifique primeiro se existem tabelas grandes ou aninhadas no seu código. Deve procurar tudo o que possa ter uma altura superior a 23,7 polegadas ou 1790 píxeis. Tente separar estas tabelas ou especificar um atributo de altura para a tabela que está a ser separada. Isto pode limitar a quantidade de espaço em branco que o Outlook generosamente fornece nessa quebra.

Em seguida, pode tentar qualquer uma das sugestões da Michelle no artigo Email on Acid, incluindo a inserção de uma quebra de página mesmo por cima do elemento que está a ser quebrado de forma estranha ou a especificação de um atributo de altura para a tabela que está a ser quebrada.