E-nvía Blog: artículos y consejos para crear boletínes exitosos » Aspectos Técnicos

Recomendaciones Diseño Boletines

rtorres — Tue, 22 Nov 2011 04:41:33 +0000

Detallamos las siguientes recomendaciones, para lograr una visualización correcta en los principales gestores de correo electrónico (Yahoo, Hotmail, Gmail, Outlook, Mac Mail).

Antes de hacer el envío final a todos tus contactos. Haz un envío de prueba a los principales gestores de correo(Yahoo, Hotmail, Gmail, Outlook 07, Mac Mail)

CARACTERISTICAS TÉCNICAS (Versión HTML)

Fuentes: Arial, Verdana, Tahoma, Times New Roman.
Aplicar los estilos mediante las etiquetas en el HTML.
( No usar estilos CSS, ni enlaces a CSS externos ). Ver Recomendaciones especiales.

Los estilos deben estar definidos en el mismo elemento mediante el atributo ‘style’.
Por ejemplo:

Texto

Evitar el uso de frames.

Utilizar tablas, en lugar de etiquetas

No definir imágenes como background.

Evitar el uso de Javascript.

Evitar definiciones dentro de la línea de

Evitar el uso de “maps” en enlaces o Url´s.

Evitar el uso de código HTML generado en editores de texto (Word o similar), debido a que incluyen código que no es compatible con los gestores de correo electrónico.

Optimizar el tamaño y peso de las imágenes para Web (72dpi)

Probar la compatibilidad del código de acuerdo a las normas W3C en: http://validator.w3.org.

Para evitar las probabilidades que sea considerado Spam por contenido, recomendamos que el cuerpo del mensaje no sea una sola imagen. El contenido debe tener un mix entre textos e imágenes. Cuando nos referimos a texto, decimos texto de codigo (no un texto como imagen).

El caso que se tenga que utilizar (por diseño) una imagen superior a 300 pixels, sugerimos cortarla en tiras, previa optimización de las mismas para web (poco peso).

Los gestores de correo como Gmail y Hotmail separan las imágenes en las tablas y dejan un pequeño espacio entre los cortes. Para evitarlo, la solución es ponerle el siguiente código: style=”display:block;”
de la siguiente manera:
.ExternalClass img{display:block;border:0;}. ExternalClass{width:100%; background-color:#46571F;}
y en la tabla llamarla: class=”ExternalClass”

Ten en cuenta que Hotmail centra todas las celdas de una tabla, para solucionarlo poner align=”right” o aling=”left”
Intentar mantener un ancho máximo entre 600 y 850 píxeles
Esta anchura da buenos resultados en la visualización de la bandeja de entrada de correo y cada vez es más importante pensar en móvil como plataforma de correo electrónico.
El link de “baja” debe estar visible (inclusive arriba). Si los usuarios no lo encuentran fácilmente, habitualmente, marcarán como “SPAM” en el gestor de correos (hotmail/yahoo/gmail) y el cliente ya no recibirán más correos del dominio.

VERSIÓN TEXTO PLANO

E-nvia permite enviar una versión en texto plano para aquellos usuarios que no puedan recibir emails en formato HTML.

Se debe preparar una versión en formato de TEXTO (ASCII), usando el bloc de notas (Windows) o TextEdit (Mac).

Si tiene alguna duda o requiere asistencia técnica puede contactar con nosotros pinchando aquí

El caso que se tenga que utilizar (por diseño) una imagen superior a 300 pixels, sugerimos cortarla en tiras, previa optimización de las mismas para web (poco peso). Los gestores de correo como Gmail y Hotmail separan las imágenes en las tablas y dejan un pequeño espacio entre los cortes. Para evitarlo, la solución es ponerle a cada imagen el siguiente código:

Recomendaciones especiales

amartinez — Fri, 14 Oct 2011 11:11:10 +0000

Para visualizar el background en hotmail:
Color en los enlaces para evitar el azul por defecto es necesario poner:
esto es un enlace

Hotmail no es compatible con “margen” o “margin-top”

Para asegurarnos del ancho lo mejor es definirlo en el y evitar el uso de ancho de porcentaje.

Padding de las etiquetas div no es compatible outlook 07

Si redimensionas desde e-nvía imagenes, cuando visualices news letters con Outlook 07, aun asi se veran en el tamaño original. Lo mejor es editarlas y subirlas.

visita: Recomendaciones E-nvía

Uso de vínculos de tipo anclas (referencias) en boletínes electrónicos

amendoza — Mon, 06 Oct 2008 00:00:00 +0000

El diseño de boletines electrónicos extensos, requiere a veces la utilización de vínculos del tipo ancla, en inglés anchors, (referencias en misma página), para facilitar al lector el acceso rápido al contenido buscado, haciendo click en un índice.

Los destinos de vínculos en los documentos HTML pueden especificarse mediante el atributo name, o con el atributo id.
PRUEBAS REALIZADAS EN BOLETÍNES ELECTRÓNICOS

Los gestores de correo (Outlook, Yahoo, Hotmail, etc.), interpretan de manera distinta el codigo HTML, por ello la visualización de los boletines puede ser distinta (dependiendo del código HTML utilizado).

Desde E-nvia hemos realizado las pruebas (test) para preparar esta guía que muestra como interpretan los gestores de correo más usados el atributo name y el id.

Uso de vínculos (anclas) en boletínes electrónicos

RECOMENDACION

Para una correcta visualización y funcionamiento de los vinculos (anclas) recomendamos utilizar el atributo name.

Ejemplo de uso recomendado:

Indice

Introducción

Aspectos Graficos

Detalle Proyecto

…resto la tabla de contenidos…
…cuerpo del documento…

Introducción

…contenidos sección 1…

Aspectos Graficos

…contenidos sección 2…

Detalle Proyecto

…contenidos sección3…

Atributo a evitar (no utilizar)

Aspectos Gráficos

Qué es el Spam y como evitar la tentación

amendoza — Thu, 18 Sep 2008 00:00:00 +0000

El Spam tiene una definición legal, una social y una definición técnica, pero todas concluyen en lo negativo de su connotación.

Según Wikipedia “Se llama Spam, correo basura o sms basura a los mensajes no solicitados, habitualmente de tipo publicitario, enviados en grandes cantidades (incluso masivas) que perjudican de alguna o varias maneras al receptor.”

Aunque hay legislación que lo prohíba (Según el artículo 21 de la Ley 34/2002 española), lo más importante para no caer en la tentación es entender su definición social y conocer las consecuencias que ocasionan este abuso.

Cualquier usuario de internet que reciba un email que no contenga alguna información útil, relevante o curiosa, y que no reconozca el remitente, asumirá intuitivamente que ha recibido un Spam, y posiblemente tomara acción en contra, ya sea eliminándolo o denunciando (marcando como Spam) mediante un click en su servicio de correo de Yahoo, Hotmail, Gmail, etc.

El Spam tiene su origen debido al bajo coste de utilización, y a la creencia falsa y engañosa de su éxito (invierto centavos y algo vendo), la tentación de utilizarlo se da en empresarios que no entienden que un email enviado debe construir una relación con el destinatario (lector del email) y lo mejor que nos puede pasar, es dejar esa puerta abierta para el diálogo.

¿ Como evitar ser SPAMMER ? (individuos o empresas que envían spam)

Incluya en su lista de contactos solo personas que estén relacionadas directa o indirectamente con su empresa o negocio.
En lo posible obtenga el permiso tácito de sus contactos para enviarles información o publicidad (Opt-in).
Si hace un convenio con otra empresa para usar la base de datos, asegúrese de que exista algún complemento entre ambas empresas y siempre mencione a la empresa propietaria del permiso de comunicación.
Piense que el éxito a mediano plazo es mucho más rentable que el riesgo de algún beneficio inmediato.
Asegúrese de cumplir con la normativa de ley Anti Spam, y por supuesto respete las decisiones de sus lectores de no seguir recibiendo sus correos.
No adquiera listas emails y verifique que en su lista de contacto no existan direcciones como abuso@, postmaster@, hostmaster@ (estas direcciones suelen ser trampas para detectar spammers).

E-nvia ayuda a sus clientes a ser exitosos en sus comunicaciones, protegiéndoles de no caer en categoría de “Spammer”, como por ejemplo bloqueando automáticamente el envío a contactos que decidieron dar de baja su subscripción, y solo aceptar nuevamente la subscripción si el contacto lo indica explícitamente a traves de la herramienta E-nvia.

Debido a la proliferación del Spam, todas las empresas de correo electrónico, como Yahoo, Hotmail, Gmail utilizan algún servicio de detección y bloqueo de Spam con el objeto de ayudar a sus clientes a no recibir correo no solicitado. Estos servicios buscan dentro de cada email elementos claves que pueden despertar sospechas. A tener en cuenta para no quedar atrapados en esos servicios:

No envíe nunca un mismo email con copia (CC) o copia oculta (BCC) a cadenas de destinatarios (con E-nvia cada email, boletín electrónico enviado es individual y personalizado)
Mantener su nombre (Remitente, “De”) tan corto como sea posible y no utilice números en lo posible.
Utilice lo menos posible las palabras “Gratis” “Free” “Sex” “XXX” y puntuación excesiva como “$$” “!!!”
Evite el uso de mayúsculas en el asunto de su email.
No deje muchas líneas en blanco dentro de su Email, boletín electrónico o newsletter.
No envié emails que sean solo imágenes o contengan una desproporción entre texto e imagen.

Recomendamos utilizar la Prueba de Spam incluida en la herramienta E-nvia para verificar (antes de enviar el mensaje) si por el contenido su boletín electrónico, puede ser considerado Spam y bloqueado por los gestores de correo.

El Spam es un problema de todos los que usamos Internet . La mejor forma de erradicarlo es rechazando la tentación de conseguir contactos a cualquier precio y en cambio utilizar herramientas que faciliten la gestión de subscripciones.

La pregunta que nos debemos hacer antes de enviar una campaña es

“¿tengo algún grado de certeza que los destinatarios de mi boletín electrónico tendrán algún tipo de interés en lo que tengo para ofrecerles?”

Links interesantes para profundizar:

http://es.wikipedia.org/wiki/Spam

http://es.wikipedia.org/wiki/Agencia_Española_de_Protección_de_Datos

http://es.wikipedia.org/wiki/Ley_Orgánica_de_Protección_de_Datos_de_Carácter_Personal_de_España