Las Mejores prácticas para correo electrónico HTML Diseño

HyperText Markup Language (HTML) de correo electrónico es una forma efectiva para enviar mensajes personalizados, tales como boletines de noticias, a sus destinatarios. A medida que el código de su correo electrónico, asegúrese de que los espectadores pueden acceder a todas las características que se incluyen. Por ejemplo, si los archivos de imagen son demasiado grandes, el programa de correo electrónico de un destinatario puede congelar o no carga el mensaje en absoluto. Utilizar las mejores prácticas para asegurar que su nota muestra también.

Codificación de la Disposición

A pesar de que las tablas no son deseables para la construcción de páginas Web, en el caso de los mensajes de correo electrónico HTML, esta es la mejor solución. La razón es que la mayoría de las hojas de estilo en cascada (CSS) - reglas de la forma tradicional de diseñar un diseño de página - no aparecen correctamente en un mensaje de correo electrónico. En su lugar, las filas y columnas de una tabla HTML acomodan de manera efectiva las necesidades de su presentación.

El estilo del contenido

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

incluyendo hipervínculos

Al igual que con las páginas web, enlaces (links) permite que el destinatario haga clic en el texto designado y accede al destino en la Web que les señale. La principal diferencia con el correo electrónico es que se debe utilizar siempre una dirección Web "absoluta", que es la dirección URL completa en lugar de un acceso directo. Por ejemplo, mientras que una entrada como "../index.html" trabaja en una página Web, el correo electrónico HTML requiere el URL completo para que funcione correctamente.

Inserción de imágenes

Una imagen mejora la eficacia de un correo electrónico HTML siempre y cuando se utiliza correctamente. Tenga en cuenta que la persona en su campo de dirección "A" puede no tener un programa de correo electrónico que le permite ver un archivo de imagen de gran tamaño. Aún más, el destinatario vea su nota en una pantalla más pequeña porque ella está mirando en un mensaje de correo electrónico, en lugar de una ventana del navegador. Para asegurar que su gráfica se puede acceder, mantener sus dimensiones de tamaño de imagen entre 400 píxeles de ancho y 300 píxeles de alto y mantener el tamaño total a 50 kilobytes (KB) o menos.

Evitar ciertos Características

Abstenerse de incluir características, tales como Flash y JavaScript, que no son compatibles con programas de correo electrónico. Además, mientras que los vídeos se pueden añadir con HTML 5 y apoyados en algunas aplicaciones de correo electrónico, este medio de comunicación aún no es ampliamente aceptada por la mayoría de los programas y sólo hace que el tamaño de su mensaje más amplio.

Preparación para enviar el correo electrónico HTML

Lo mejor es enviar una copia de su correo electrónico acabada a sí mismo y otra persona que tiene un programa de correo electrónico diferente de lo que hacen. De esta forma, verificar que la nota se presenta según lo previsto y que tienen la capacidad de identificar cualquier problema imprevisto antes de enviarlo al destinatario (s) previsto.