{"id":10345,"date":"2014-06-30T17:20:28","date_gmt":"2014-06-30T20:20:28","guid":{"rendered":"https:\/\/blog.fromdoppler.com\/?p=10345"},"modified":"2014-07-01T16:31:29","modified_gmt":"2014-07-01T19:31:29","slug":"6-tips-para-maquetar-tu-html","status":"publish","type":"post","link":"https:\/\/www.fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/","title":{"rendered":"6 Tips para maquetar tu HTML"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10388\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/post1a.png\" alt=\"HTML email marketing\" width=\"701\" height=\"301\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a.png 701w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a-300x128.png 300w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a-700x301.png 700w\" sizes=\"auto, (max-width: 701px) 100vw, 701px\" \/><\/p>\n<p>Codificar correctamente un Email en <a title=\"Gu\u00eda HTML\" href=\"http:\/\/www.fromdoppler.com\/resources.html\" target=\"_blank\">HTML<\/a> puede parecer complicado, \u00a1pero no lo es! Solo necesitas poner en pr\u00e1ctica los <strong>consejos clave<\/strong> que te brindaremos en este post. \u00a1Con\u00f3celos!<\/p>\n<h2>1) Mant\u00e9nlos simples y livianos<\/h2>\n<p>Los Emails deben poseer un dise\u00f1o sencillo que les permitan<strong> ser visualizados exitosamente <\/strong>en todos los <a title=\"Clientes de correo\" href=\"http:\/\/es.wikipedia.org\/wiki\/Cliente_de_correo_electr%C3%B3nico\" target=\"_blank\">clientes de correo<\/a>. Por lo cual, te recomendamos optar por fondos de colores plenos y tipograf\u00edas est\u00e1ndares, adem\u00e1s de reducir la utilizaci\u00f3n de im\u00e1genes.<\/p>\n<p>A su vez, cuanto m\u00e1s livianas sean tus piezas, <strong>m\u00e1s r\u00e1pida ser\u00e1 su descarga<\/strong>. \u00a1Presta mucha atenci\u00f3n al peso de tu <a title=\"HTML\" href=\"http:\/\/es.wikipedia.org\/wiki\/HTML\" target=\"_blank\">HTML<\/a>! En ning\u00fan caso resulta conveniente que el mismo sea mayor a 1 MB.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10389\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/post1b.png\" alt=\"html\" width=\"709\" height=\"308\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1b.png 709w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1b-300x130.png 300w\" sizes=\"auto, (max-width: 709px) 100vw, 709px\" \/><\/p>\n<h2>2) Diagrama con\u00a0Tablas<\/h2>\n<p>A pesar del avance a nivel estructural, est\u00e9tico y visual que signific\u00f3 el <strong>surgimiento<\/strong> del <a title=\"HTML5\" href=\"http:\/\/es.wikipedia.org\/wiki\/HTML5\" target=\"_blank\">HMTL5<\/a> y <a title=\"CSS3\" href=\"http:\/\/html5.dwebapps.com\/que-es-css3\/\" target=\"_blank\">CSS3<\/a>, los clientes de correo a\u00fan no han incorporado completamente estas tecnolog\u00edas y <strong>contin\u00faan utilizando tablas<\/strong> en la codificaci\u00f3n del HTML.<\/p>\n<p>Si quieres aprovechar al m\u00e1ximo el potencial de tu pieza <strong>en todas las bandejas de entrada<\/strong>, implementa <a title=\"tablas en email marketing\" href=\"http:\/\/librosweb.es\/xhtml\/capitulo_7\/tablas_basicas.html\" target=\"_blank\">tablas<\/a> a la hora de maquetar tu Email.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10390\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/post1c.png\" alt=\"tablas\" width=\"700\" height=\"300\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1c.png 700w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1c-300x128.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<h2>3) Usa estilos en l\u00ednea (Inline Styles)<\/h2>\n<p>Algunos clientes de correo,<strong> no soportan<\/strong>\u00a0la <em><a title=\"etiqueta style\" href=\"http:\/\/www.virtualnauta.com\/html-etiqueta-style\" target=\"_blank\">etiqueta style<\/a><\/em> en la cabecera del Email. Para contrarrestar este problema, te sugerimos el uso de<a title=\"estilos en l\u00ednea\" href=\"http:\/\/www.htmlpoint.com\/css\/css_01.htm\" target=\"_blank\"> estilos en l\u00ednea<\/a>. Por ejemplo, si quieres aplicar un tama\u00f1o de fuente a un elemento a trav\u00e9s de la\u00a0<em><a title=\"etiqueta span\" href=\"http:\/\/www.comocreartuweb.com\/curso-de-html\/mas-codigo-html\/agrupando-elementos-div-span\/etiqueta-span-codigo-html.html\" target=\"_blank\">etiqueta span<\/a><\/em>, es necesario codificarlo de la siguiente manera:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10391\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/post1d.png\" alt=\"etiquetas\" width=\"700\" height=\"300\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1d.png 700w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1d-300x128.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Un dato importante a tener en cuenta es la <strong>compatibilidad de las propiedades CSS<\/strong> con los clientes de correo. Para ello, cuentas con nuestra <a title=\"Gu\u00eda HTML\" href=\"http:\/\/www.fromdoppler.com\/resources.html\" target=\"_blank\">gu\u00eda HTML<\/a> en donde podr\u00e1s saber m\u00e1s acerca de esto. \u00a1<a title=\"Gu\u00eda HTML\" href=\"http:\/\/www.fromdoppler.com\/resources.html\" target=\"_blank\">Ingresa ahora<\/a>!<\/p>\n<h2>4) No superes los 600px de ancho<\/h2>\n<p>Muchos de los clientes de correo y webmails<strong> no despliegan tu email a\u00a0pantalla completa<\/strong>, sino a trav\u00e9s de un panel de previsualizaci\u00f3n que posee un <strong>ancho de 600 px<\/strong> aproximadamente.<\/p>\n<p>Asimismo, las im\u00e1genes que poseen un ancho mayor tienen <strong>m\u00e1s probabilidades<\/strong> de ser consideradas <a title=\"SPAM\" href=\"https:\/\/www.fromdoppler.com\/blog\/filtros-anti-spam-la-guia-final-con-todo-lo-que-deberias-saber\/\" target=\"_blank\">Spam<\/a>. As\u00ed que ya lo sabes, si quieres hacer tu <strong>pieza m\u00e1s funcional y est\u00e1ndar<\/strong>, respeta esa medida.<\/p>\n<p>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10395\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/post1g.png\" alt=\"ancho imagenes\" width=\"701\" height=\"301\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1g.png 701w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1g-300x128.png 300w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1g-700x301.png 700w\" sizes=\"auto, (max-width: 701px) 100vw, 701px\" \/><\/p>\n<h2>5) Comprime tus im\u00e1genes<\/h2>\n<p>Uno de nuestros primeros tips que te hemos dado al comenzar el post, apuntaba a <strong>mantener liviano<\/strong> tu <a title=\"HTML\" href=\"https:\/\/www.fromdoppler.com\/blog\/como-maquetar-una-campana-de-email\/\" target=\"_blank\">HTML<\/a>. El principal desaf\u00edo con el que te encontrar\u00e1s a la hora de lograr ese objetivo, es <strong>utilizar im\u00e1genes sin agregar peso adicional<\/strong> a tu Email.<\/p>\n<p>\u00a1No te preocupes! Tenemos una excelente alternativa para brindarte. Si quieres reducir su peso, nada mejor que acudir a la <a title=\"compresi\u00f3n de im\u00e1genes\" href=\"http:\/\/es.wikipedia.org\/wiki\/Compresi%C3%B3n_de_imagen\" target=\"_blank\">compresi\u00f3n de im\u00e1genes<\/a>. Existen muchas <strong>herramientas que te permiten realizarlo<\/strong>, como por ejemplo <a title=\"kraken\" href=\"https:\/\/kraken.io\" target=\"_blank\">Kraken.io<\/a>, una aplicaci\u00f3n web que funciona de maravillas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10392\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/post1f.png\" alt=\"post1f\" width=\"699\" height=\"301\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1f.png 699w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1f-300x129.png 300w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/p>\n<h2>6) Aseg\u00farate de testear en varios clientes<\/h2>\n<p>Hasta los mejores desarrolladores a veces se equivocan, por eso es necesario<strong> testear tus piezas en distintos clientes de correo. <\/strong>De esta manera, te aseguras\u00a0que tus destinatarios las visualicen correctamente <strong>en todos los casos<\/strong>.<\/p>\n<p>Generalmente, los test se suelen realizar en Gmail, Microsoft Outlook (Web \u2013 Desktop) y Yahoo Mail. Sin embargo, existen a tu alcance diversas herramientas online que <strong>realizan autom\u00e1ticamente esta tarea.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10393\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/post1e.png\" alt=\"post1e\" width=\"699\" height=\"301\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1e.png 699w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1e-300x129.png 300w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/p>\n<h3>\u00a1Lleg\u00f3 la hora de practicar!<\/h3>\n<p>Esperamos que este art\u00edculo te sea realmente \u00fatil para disipar dudas y aumentar tu conocimiento sobre\u00a0<a title=\"guia html\" href=\"http:\/\/www.fromdoppler.com\/resources.html\" target=\"_blank\">HTML<\/a>. Si tienes alguna <strong>pregunta o consulta<\/strong> sobre los temas que hemos tratado, puedes realizarla\u00a0<strong>en la secci\u00f3n de comentarios<\/strong>. \u00a1Con gusto te ayudar\u00e9!<\/p>\n<p><strong>\u00bfQuieres poner a prueba tus nuevos conocimientos?<\/strong> \u00a1Crea una <a title=\"cuenta gratis en doppler\" href=\"https:\/\/app.fromdoppler.com\/signup?lang=es\" target=\"_blank\">cuenta gratis en Doppler<\/a> con env\u00edos ilimitados ahora! Aplica estos 6 tips clave y empieza a optimizar tus Campa\u00f1as de\u00a0<a title=\"Email Marketing Doppler\" href=\"http:\/\/fromdoppler.com\/\" target=\"_blank\">Email Marketing<\/a>!<\/p>\n<p>&nbsp;<\/p>\n<p><a title=\"Crear cuenta de Doppler\" href=\"https:\/\/app.fromdoppler.com\/signup?lang=es\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10177\" src=\"https:\/\/www.fromdoppler.com\/blog\/wp-content\/uploads\/crearcuenta1.png\" alt=\"crear cuenta\" width=\"700\" height=\"300\" srcset=\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/crearcuenta1.png 700w, https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/crearcuenta1-300x128.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Codificar correctamente un Email en HTML puede parecer complicado, \u00a1pero no lo es! Solo necesitas poner en pr\u00e1ctica los consejos clave que te brindaremos en este post. \u00a1Con\u00f3celos! 1) Mant\u00e9nlos simples y livianos Los Emails deben poseer un dise\u00f1o sencillo que les permitan ser visualizados exitosamente en todos los clientes de correo. Por lo cual, [&hellip;]<\/p>\n","protected":false},"author":35,"featured_media":10405,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[385,9,180],"tags":[869,44,331,868,870],"class_list":["post-10345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-marketing-mobile","category-marketing","category-recursos","tag-email-en-html","tag-email-marketing","tag-html","tag-html-en-email-marketing","tag-maquetar-campana-de-email"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Consejos para optimizar tu Email en HTML<\/title>\n<meta name=\"description\" content=\"En este post te brindamos los mejores tips para que puedas maquetar tus Campa\u00f1as de Email en HTML sin problemas. \u00a1Ingresa!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Consejos para optimizar tu Email en HTML\" \/>\n<meta property=\"og:description\" content=\"En este post te brindamos los mejores tips para que puedas maquetar tus Campa\u00f1as de Email en HTML sin problemas. \u00a1Ingresa!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Doppler Blog | Automation Marketing\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DopplerEmailMarketing\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-30T20:20:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-07-01T19:31:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fromdoppler.com\/blog\/wp-content\/uploads\/post1a1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"701\" \/>\n\t<meta property=\"og:image:height\" content=\"301\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nazareno Oviedo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fromdoppler\" \/>\n<meta name=\"twitter:site\" content=\"@fromdoppler\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nazareno Oviedo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/\"},\"author\":{\"name\":\"Nazareno Oviedo\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/361878324fd622f3e196f2f7da7d7cf2\"},\"headline\":\"6 Tips para maquetar tu HTML\",\"datePublished\":\"2014-06-30T20:20:28+00:00\",\"dateModified\":\"2014-07-01T19:31:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/\"},\"wordCount\":619,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a1.png\",\"keywords\":[\"Email en HTML\",\"Email Marketing\",\"HTML\",\"HTML en Email Marketing\",\"Maquetar Campa\u00f1a de Email\"],\"articleSection\":[\"Email Marketing\",\"Marketing\",\"Recursos de Marketing\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/\",\"url\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/\",\"name\":\"Consejos para optimizar tu Email en HTML\",\"isPartOf\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a1.png\",\"datePublished\":\"2014-06-30T20:20:28+00:00\",\"dateModified\":\"2014-07-01T19:31:29+00:00\",\"description\":\"En este post te brindamos los mejores tips para que puedas maquetar tus Campa\u00f1as de Email en HTML sin problemas. \u00a1Ingresa!\",\"breadcrumb\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#primaryimage\",\"url\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a1.png\",\"contentUrl\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a1.png\",\"width\":701,\"height\":301},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/fromdoppler.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 Tips para maquetar tu HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#website\",\"url\":\"https:\/\/fromdoppler.com\/blog\/\",\"name\":\"Doppler Blog | Automation Marketing\",\"description\":\"Automation Marketing Blog\",\"publisher\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fromdoppler.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#organization\",\"name\":\"Doppler\",\"url\":\"https:\/\/fromdoppler.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/doppler8597.jpg\",\"contentUrl\":\"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/doppler8597.jpg\",\"width\":866,\"height\":650,\"caption\":\"Doppler\"},\"image\":{\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/DopplerEmailMarketing\",\"https:\/\/x.com\/fromdoppler\",\"https:\/\/www.instagram.com\/fromdoppler\/\",\"https:\/\/www.youtube.com\/user\/FromDoppler\",\"https:\/\/www.linkedin.com\/company\/228261\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/361878324fd622f3e196f2f7da7d7cf2\",\"name\":\"Nazareno Oviedo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b595fcfe17675758ab0e115cff29522dbfea744cb1706760c212127b0d840782?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b595fcfe17675758ab0e115cff29522dbfea744cb1706760c212127b0d840782?s=96&d=mm&r=g\",\"caption\":\"Nazareno Oviedo\"},\"url\":\"https:\/\/www.fromdoppler.com\/blog\/author\/noviedo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Consejos para optimizar tu Email en HTML","description":"En este post te brindamos los mejores tips para que puedas maquetar tus Campa\u00f1as de Email en HTML sin problemas. \u00a1Ingresa!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/","og_locale":"es_ES","og_type":"article","og_title":"Consejos para optimizar tu Email en HTML","og_description":"En este post te brindamos los mejores tips para que puedas maquetar tus Campa\u00f1as de Email en HTML sin problemas. \u00a1Ingresa!","og_url":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/","og_site_name":"Doppler Blog | Automation Marketing","article_publisher":"https:\/\/www.facebook.com\/DopplerEmailMarketing","article_published_time":"2014-06-30T20:20:28+00:00","article_modified_time":"2014-07-01T19:31:29+00:00","og_image":[{"width":701,"height":301,"url":"https:\/\/fromdoppler.com\/blog\/wp-content\/uploads\/post1a1.png","type":"image\/png"}],"author":"Nazareno Oviedo","twitter_card":"summary_large_image","twitter_creator":"@fromdoppler","twitter_site":"@fromdoppler","twitter_misc":{"Escrito por":"Nazareno Oviedo","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#article","isPartOf":{"@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/"},"author":{"name":"Nazareno Oviedo","@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/361878324fd622f3e196f2f7da7d7cf2"},"headline":"6 Tips para maquetar tu HTML","datePublished":"2014-06-30T20:20:28+00:00","dateModified":"2014-07-01T19:31:29+00:00","mainEntityOfPage":{"@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/"},"wordCount":619,"commentCount":1,"publisher":{"@id":"https:\/\/fromdoppler.com\/blog\/#organization"},"image":{"@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a1.png","keywords":["Email en HTML","Email Marketing","HTML","HTML en Email Marketing","Maquetar Campa\u00f1a de Email"],"articleSection":["Email Marketing","Marketing","Recursos de Marketing"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/","url":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/","name":"Consejos para optimizar tu Email en HTML","isPartOf":{"@id":"https:\/\/fromdoppler.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#primaryimage"},"image":{"@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a1.png","datePublished":"2014-06-30T20:20:28+00:00","dateModified":"2014-07-01T19:31:29+00:00","description":"En este post te brindamos los mejores tips para que puedas maquetar tus Campa\u00f1as de Email en HTML sin problemas. \u00a1Ingresa!","breadcrumb":{"@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#primaryimage","url":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a1.png","contentUrl":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a1.png","width":701,"height":301},{"@type":"BreadcrumbList","@id":"https:\/\/fromdoppler.com\/blog\/6-tips-para-maquetar-tu-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/fromdoppler.com\/blog\/"},{"@type":"ListItem","position":2,"name":"6 Tips para maquetar tu HTML"}]},{"@type":"WebSite","@id":"https:\/\/fromdoppler.com\/blog\/#website","url":"https:\/\/fromdoppler.com\/blog\/","name":"Doppler Blog | Automation Marketing","description":"Automation Marketing Blog","publisher":{"@id":"https:\/\/fromdoppler.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fromdoppler.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/fromdoppler.com\/blog\/#organization","name":"Doppler","url":"https:\/\/fromdoppler.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/doppler8597.jpg","contentUrl":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/doppler8597.jpg","width":866,"height":650,"caption":"Doppler"},"image":{"@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DopplerEmailMarketing","https:\/\/x.com\/fromdoppler","https:\/\/www.instagram.com\/fromdoppler\/","https:\/\/www.youtube.com\/user\/FromDoppler","https:\/\/www.linkedin.com\/company\/228261"]},{"@type":"Person","@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/361878324fd622f3e196f2f7da7d7cf2","name":"Nazareno Oviedo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/fromdoppler.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b595fcfe17675758ab0e115cff29522dbfea744cb1706760c212127b0d840782?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b595fcfe17675758ab0e115cff29522dbfea744cb1706760c212127b0d840782?s=96&d=mm&r=g","caption":"Nazareno Oviedo"},"url":"https:\/\/www.fromdoppler.com\/blog\/author\/noviedo\/"}]}},"jetpack_featured_media_url":"https:\/\/blog.fromdoppler.com\/wp-content\/uploads\/post1a1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/posts\/10345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/comments?post=10345"}],"version-history":[{"count":0,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/posts\/10345\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/media\/10405"}],"wp:attachment":[{"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/media?parent=10345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/categories?post=10345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fromdoppler.com\/blog\/wp-json\/wp\/v2\/tags?post=10345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}