ubiquitour.com

Las mejores prácticas para el diseño de correo electrónico HTML

Las mejores prácticas para el diseño de correo electrónico HTML

HyperText Markup Language (HTML) correo es una manera efectiva de enviar mensajes personalizados, tales como boletines de noticias, a sus destinatarios. Como código de su correo electrónico, asegúrese de que los espectadores puedan acceder a todas las características que se incluyen. Por ejemplo, si los archivos de imagen son demasiado grandes, programa de correo electrónico del destinatario puede congelar o no cargar el mensaje a todos. Utilizar las mejores prácticas para asegurar que la nota muestra bien.

El esquema de codificación

Aunque las tablas no son deseables para la construcción de páginas Web, en el caso de mensajes de correo electrónico HTML, esta es la mejor solución. La razón es que la mayoría Cascading Style Sheets (CSS) reglas--la forma tradicional de diseñar una página disposición--no aparecen correctamente en un mensaje de correo electrónico. En cambio, filas y columnas de una tabla HTML efectivamente satisfacer las necesidades de su presentación.

Peinar el contenido

Mientras que CSS no puede crear el diseño de su correo electrónico HTML, puede utilizar lo que conoce como "inline" estilos CSS para formatear el contenido de su nota. Las reglas en línea aparecen directamente en la etiqueta HTML y controlan características básicas como el tipo de letra, tamaño de fuente y color. No coloque código CSS en cualquier lugar que no sea la etiqueta HTML, como en el documento "cabeza," porque los estilos no se aplican en un mensaje de correo electrónico.

Incluyendo hipervínculos

Como con páginas Web, hipervínculos (enlaces) permiten su recipiente haga clic en el texto señalado y accede el destino en la Web que usted les. La principal diferencia con el correo electrónico es que siempre debe usar una dirección Web "absoluta", que es el URL completo en vez de un atajo. Por ejemplo, mientras que una entrada como "... / index.html "funciona en una página Web, el correo electrónico HTML requiere la dirección URL completa para que funcione correctamente.

Insertar imágenes

Una imagen eficaz mejora un correo electrónico HTML cuando se utiliza correctamente. Tenga en cuenta que la persona en su campo de dirección "A" no puede tener un programa de correo electrónico que le permite ver un archivo de imagen de gran tamaño. Aún más, su destinatario ve su nota en una pantalla más pequeña porque ella es mirarlo en un mensaje de correo electrónico, en lugar de una ventana del navegador. Para asegurarse de que el gráfico es accesible, mantenga su imagen Tamaño dimensiones entre 400 píxeles de ancho y 300 píxeles de alto y el tamaño total de hasta 50 kilobytes (KB) o menos.

Evitar ciertas características

No incluyendo características, tales como Flash y JavaScript, que no son compatibles con programas de correo electrónico. Además, mientras que videos se ha añadido con HTML 5 y soportados en algunas aplicaciones de correo electrónico, este medio es todavía no aceptada por la mayoría de los programas y hace más grande el tamaño de su mensaje.

Preparando para enviar el correo electrónico HTML

Es mejor enviar una copia de su mensaje final a ti mismo y otra persona que tiene un programa de correo electrónico diferente lo que hacen. Esta manera, usted verifique que la nota demuestra para arriba como previsto y tiene la capacidad de identificar cualquier problema imprevisto antes de enviarlo a los destinatarios previstos.