电子邮件营销网站程序设计的现状:可以使用和不能使用的内容-利来国际登录

许多人希望创建最佳的电子邮件活动,并且可以通过遵循电子邮件设计和编码的最佳做法以及正确实施高级技术来实现此目标。这份针对新手和专业人士的综合指南,将深入研究电子邮件营销的精髓。

这是您将学到的东西:

  • 电子邮件设计的最佳做法,从创建主题到设计页脚;
  • 如何在电子邮件中添加图像并将富媒体(gif,电影胶片,视频)合并;
  • 如何设计响应式电子邮件以获得更好的用户体验;
  • 电子邮件客户端支持响应式移动电子邮件;
  • 最后,电子邮件设计中的高级技术。

介绍

电子邮件已经从基于普通文本的个人交流工具转变为面向未来的营销渠道。我们已经进入了一个视觉吸引人的html电子邮件世界,这些电子邮件在收件箱中具有微型站点的感觉。

因此,如果您想避免破坏用户体验而提高用户参与度,则必须熟悉电子邮件编码的最佳实践。此外,随着数字世界变得更加移动,创建响应式电子邮件已成为一个小时的需求。

在本文中,我们将更深入地研究适用于所有电子邮件客户端的最佳实践,以及可用于支持交互式元素的电子邮件客户端的高级技术。

让我们从电子邮件的基本结构开始。

基本电子邮件结构

正如莱昂纳多·达·芬奇(leonardo da vinci)所说,“简单是最终的复杂性。”因此,请保持电子邮件的设计简单。

查看以下慈善机构提供的电子邮件设计:水。简单但引人入胜。

开发人员已经使用

布局对电子邮件进行编码已有很长时间了。因此,建议您将电子邮件元素放置在基于网格的布局中,而不是随意放置。而且,任何可能重叠的元素都需要添加到不同的层。

上面由“慈善机构:水”显示的电子邮件在导出为表格布局时如下所示:

电子邮件设计由不同的子元素组成。让我们现在探索它们。

1.电子邮件主题

徽标不是反映您品牌个性的唯一元素。电子邮件的整体主题,包括字体,配色方案和图像,应与品牌准则保持同步。

2.电子邮件模板的宽度和高度

由于您的订阅者使用各种电子邮件客户端和设备,因此您的电子邮件应在所有电子邮件客户端的预览窗格中适当显示。请记住,电子邮件将根据电子邮件服务提供商或客户端的显示窗格显示。仅某些电子邮件客户端(例如thunderbird,apple mail和本机移动电子邮件客户端)将以全角显示电子邮件。

对于其他电子邮件客户端,显示框的大小可变。许多服务提供商(例如mailchimp)都通过建议使用600至800像素的宽度来遍历html电子邮件基础知识,以便显示完整的电子邮件。请记住,大多数订阅者从不使用电子邮件中的水平滚动条。

电子邮件模板的高度通常应该足够长,以在两个滚动长度内容纳您的副本。如果您必须传达大量信息,则当然可以有更长的电子邮件模板。但是,如果您的电子邮件模板过长,可能会使订阅者感到无聊,订阅者不太可能滚动到最后查看包含的所有优惠和促销信息。

大多数电子邮件客户端的预览窗格的高度(包含通常称为“首屏”的内容)通常在300到500像素之间。充分利用此空间,以便折叠上方的内容诱使订户向下滚动。

每个电子邮件开发人员都知道,如果电子邮件的文件大小超过102 kb,gmail的应用程序将裁剪电子邮件,并且他们将无法跟踪指标。

请查看下面的屏幕截图,查看裁剪后的电子邮件在gmail中的外观:

为了避免gmail的剪辑,请确保您的电子邮件中没有不必要的代码且格式没有过多。尽量简化电子邮件设计,不要缩短网址。请注意,图像不会嵌入到电子邮件中,因此不会增加文件的大小。话虽如此,删除不必要的图像将有助于减小电子邮件的大小。

对于使用预先设计的模板的营销人员,高度和宽度已经得到了照顾。如果要使用自己的设计,请考虑电子邮件模板的理想宽度和高度。

3.电子邮件正文

电子邮件通常从顶部的英雄图片开始,然后是主要副本,号召性用语,然后是页脚。

由于大多数人在距离大约2到3英尺的屏幕上阅读,因此h1标题的大小应为16像素左右;如果标题很短,则甚至可能高达20像素。一个好主意是将h1标题与有吸引力的英雄图像一起显示为文本。

描述性文字不得小于12个像素。在所有电子邮件客户端和设备上应易于阅读。此外,段落的对齐和段落大小也起着重要的作用。

4.号召性用语

电子邮件营销的主要目标是说服客户采取行动。为此,您的号召性用语(cta)应该具有引人入胜且可操作的动词。请使用令人信服且可行的文字,例如“开始免费试用”,而不要使用单调的短语,例如“单击此处”。

contentverve进行的一项有趣的研究“ 从真实按钮测试中获取的10个号召性用语案例研究 ”显示,无论产品如何,在cta中使用第一人称视角都会使点击次数增加90%。例如,“获取我的免费副本”的转换效果比“获取我的免费副本”的转换效果更好。

通过添加“现在”一词,在cta中产生紧迫感,并获得更高的点击率。

campaign monitor在其指南之一“ 优化号召性用语的十个技巧 ”中强调,cta按钮应始终与背景色形成强烈对比,以使其不会融合在一起并引起订户的注意。根据您的目标受众,您的行业和要传达的消息(包括定期发送的cta)可以提高电子邮件的转化率和所需的订阅者操作。它的高度至少应为30像素,并且应该可以用拇指在移动设备上轻松轻按。

查看来自asana的以下电子邮件。它从战略上将cta放在第一折之上,并且遵循上述cta最佳做法。

5.图像和互动元素

如果您要在电子邮件中放置图像或富媒体,请添加相关的替代(alt)文本,以便即使电子邮件客户端阻止了视觉效果,也可以保留电子邮件的用途。这也对可访问性很有帮助,因为屏幕阅读器将能够阅读替代文本并传达您的消息。

大多数电子邮件营销人员倾向于发送包含单个图像的电子邮件,这是mailchimp编译的许多常见html错误之一建议将文字与图片的比例设置为80到20,以确保电子邮件不会被垃圾邮件过滤器困住。根据mailchimp的最新研究,每个图像200个单词产生了良好的点击率。

在电子邮件中使用链接的图像可确保最佳文件大小。使用标签从外部服务器加载图像

该技术的主要优点是,即使在发送电子邮件之后,您也可以更改图像。它使电子邮件点亮,并减少了发送电子邮件所需的时间。缺点是订户必须从外部服务器下载图像,这将导致按计量连接的用户需要下载图像,并且图像也可能会被某些电子邮件服务阻止。

如今,诸如gif,电影和视频之类的富媒体元素在电子邮件中正变得越来越流行。

只需将文件上传到存储图像的服务器,即可在电子邮件中添加gif或电影胶片然后,复制url并使用以下html:

测试电子邮件,以确保gif正常运行。

嵌入视频是一种非常适合web开发的技术,但是不幸的是,电子邮件不支持嵌入视频因此,选择html5视频。

要在电子邮件中添加视频,请使用以下代码:




html5主要支持mp4,ogg和webm视频格式。

专家提示: apple在其电子邮件客户端和浏览器中支持mp4视频格式。

需要记住的几点:

  • 确保您使用的服务器配置可以输出正确的mime类型,以便电子邮件客户端在检索视频时标识正确的视频格式。

  • 如果您使用的是apache web服务器,请将此条目添加到.htaccess文件:中add type video/mp4.mp4 m4v

6.电子邮件折数

如前所述,您的电子邮件应该只有两折。第一折应该抓住您的品牌,并在h1标题中加上相关的cta。如果您的电子邮件模板超过两个滚动条,则第三个滚动条应交叉销售您的产品。这个想法是通过提供有趣的信息来改变内容并吸引订户。

页脚是所有电子邮件中最被忽略的部分。但是,它可能具有订户正在寻找的信息,例如公司地址,社交共享按钮和利来手机娱乐的联系方式。为了使您的电子邮件兼容can-spam,页脚应包含一些其他元素。

“退订”链接应允许订阅者轻松选择退出您的邮件列表,并减少垃圾邮件的投诉。

您的利来手机娱乐的联系方式应链接回公司网站,并应包括您的邮政和电子邮件地址。

此外,您可以使用辅助链接,例如“转发给朋友”和“在浏览器中查看”。

bee的“ 页脚设计最佳实践 ”所述,电子邮件的精美印刷应包含以下部分:

  • 收件人为何收到此电子邮件的说明
    您的订阅者可能已订阅了许多邮件列表。巧妙地提醒收件人接收电子邮件的原因,以保持您作为电子邮件发件人的声誉并最大程度地减少垃圾邮件投诉。
  • 利来手机网址的版权
    包括利来手机网址的版权标记,以及当年和您的公司名称。
  • 隐私权政策
    链接到您的隐私权政策,因为订户应该知道该信息的存储位置。这对于电子商务零售商至关重要。
  • 使用条款
    如果要发送强调折扣优惠的促销电子邮件,请共享管理交易的使用条款。

将信息塞入页脚听起来很诱人,但您应该确定最重要的业务信息并将页脚限制在最小范围内。用太多的信息填充它可能导致读者完全忽略它,因为他们将无法确定要单击的链接。

在“身体上的棉花”下面查看页脚。尽管它组织得很好,但对于正在扫描电子邮件的订户来说可能是不堪重负的。

移动响应电子邮件

大多数用户会在手机上查看电子邮件。由于这种趋势,您的电子邮件应该及时响应。响应式设计包括多个元素,例如媒体查询,流畅的网格和流畅的图像,因此,无论屏幕大小或设备如何,用户都可以按预期方式查看电子邮件。响应式电子邮件设计的基础包括table元素,易于堆叠的部分和全角cta。

如果您的订户列表由许多移动用户组成,请避免布局重叠。隐藏非主要部分,例如导航和电子邮件广告,以迎合移动用户。也可以使用特定于移动设备的电子邮件元素,例如导航菜单图像滑块

这些电子邮件客户端支持响应式电子邮件设计:

  • ios mail应用
  • windows phone 7.5
  • android 4.x电子邮件(oem)应用
  • 黑莓z10
  • 黑莓os7
  • iphone gmail应用程序

以下电子邮件客户端不支持响应电子邮件:

  • android yahoo mail应用程序
  • iphone yahoo mail应用程序
  • 黑莓os 5
  • windows phone 7
  • iphone邮箱应用
  • windows phone 8
  • android gmail应用
  • windows mobile 6.1

响应式设计使您可以执行以下操作:

  • 改变等级
  • 修改导航,
  • 放大字体,
  • 更改布局,
  • 缩放图像
  • 添加填充,
  • 更改或隐藏内容。

设计响应式电子邮件

为了使电子邮件具有响应性,开发人员使用媒体查询,该查询通常称为@media。它是一组特殊的css样式,包含在标头中,可以用作条件语句或动态规则。

媒体查询的重点是识别正在使用的设备的屏幕尺寸,并根据该屏幕尺寸执行各种规则。面临的挑战是,与其他设计技术相比,媒体查询无法在所有电子邮件客户端中使用,并且可能需要详细的计划和测试。

看看下面的媒体查询:

@media only screen and (min-width:479px) and (max-width:701px) { .em_main_table { width: 100% !important; }  .em_hide { display: none !important; } } 

当在屏幕宽度介于479到701像素之间的设备上访问此电子邮件时,根据width: 100% !important;属性,电子邮件的宽度将为100%!important功能会在电子邮件客户端(例如gmail)中强制使用此属性,而该属性可能会被忽略。

css规则块中的样式应指定样式将指示的容器或元素类型。如果您希望它们起作用,请在html中分配这些规则。

这是css:

td[class="body-header"]{ font-size: 18px !important; } 

这是html:

在css和html中添加的元素(td)和类(body-header)必须彼此匹配,这一点很重要

先进技术

随着基于webkit的apple mail等高级电子邮件客户端的出现,电子邮件开发人员甚至可以玩关键帧动画,诸如轮播的交互式元素和实时供稿。

针对不同的电子邮件客户端(例如outlook以及三星和apple设备)的条件编码也已成为可能。

如果您遵循这些简单的技巧,则无论您是电子邮件编程的新手还是专业人士,您都一定能够创建出色的电子邮件营销活动来进行转换。最后,旨在创造良好的用户体验并使订户期待您的电子邮件。祝您发送电子邮件愉快!
返回观点列表
本文标签:

相关专题

  • 品牌利来手机网址官网设计

    杭州派迪科技为高端客户提供品牌利来手机网址官网咨询策划,品牌利来手机网址官网设计,品牌利来手机网址官网建设开发服务,以国际化视野和标准为基础,为各行业领军品牌提供高端企业网站定制、策划、设计、互动与制作

    查看详情
  • 大策略营销门户网站

    杭州派迪科技有自己的营销型网站cms系统,适合白帽seo网站。特别对大策略的营销型门户网站制作有一定的经验,曾经为上海天擎外贸行业网站、浙江兆龙营销型门户、先临三维门户营销网站提供全程的利来手机娱乐的技术支持及seo优化指导

    查看详情
  • 集团/上市公司网站

    杭州派迪科技为杭州本地集团公司提供网页设计、制作、开发服务,为集团公司网站建设提供了响应式、营销型、品牌型、门户型网站建设需求,欢迎广大集团公司客户咨询

    查看详情
  • 外贸网站建设

    杭州派迪科技为高端客户提供外贸网站咨询策划,外贸利来手机网址官网设计,外贸利来手机网址官网建设开发服务,以谷歌搜索引起算法为基础,为各行业外贸公司提供高端企业外贸网站定制、策划、设计、互动与制作

    查看详情
  • 企业网站建设

    高端专业、令人印象深刻的用户界面、易于访问——企业网站必须反映一切,因为派迪科技在这里提供帮助,凭借精湛的技术、丰富的经验、与客户的持续沟通以及对每一个细节的关注,我们确保在快速的周期时间内提供优质的服务。

    查看详情
  • 杭州派迪科技模板网站建设专题_各行业方案专题栏目提供各行业产品适合的网站建设方案,帮助企业了解派迪科技建站效果等信息,您可以通过本站了解各行业网站建设方案,如需要获取本行业定制网站建设方案,可以联系在线客服或拨打电话咨询

体验从沟通开始,让我们聆听您的需求!

开始您的数字化品牌体验! 0571-85815193 期待您的来电!

[ 网站建设×品牌利来手机网址官网设计×大策略营销门户×微信小程序开发×微信公众号开发]

派迪业务总监微信号

了解最新项目报价

派迪产品经理钉钉号

免费获取项目方案

  • qq在线客服

  • 联系电话:0571-85815193

我们正使用 cookie 来改善您的访问体验

派迪科技非常重视您的个人隐私,当您访问我们的网站www.hzpady.com时,请同意使用所有cookie 。

如果您想详细了解我们如何使用cookie请访问我们的 《隐私政策》

cookie 偏好

如果您想详细了解我们如何使用cookie请访问我们的 《隐私政策》

管理cookie偏好

基本 cookie

始终允许

这些 cookie 是网站运行所必需的,不能在我们的系统中关闭。它们通常仅针对您所做的相当于服务请求的操作而设置,例如设置您的隐私首选项、登录或填写表格。您可以将浏览器设置为阻止或提醒您有关这些 cookie 的信息,但网站的某些部分将无法运行。这些 cookie 不存储任何个人身份信息。

性能 cookie

始终允许
这些 cookie 使我们能够计算访问量和流量来源,以便我们可以衡量和改进我们网站的性能。它们帮助我们了解哪些页面最受欢迎和最不受欢迎,并了解访问者如何在网站上移动。这些 cookie 收集的所有信息都是汇总的,而且是匿名的。如果您不允许这些 cookie,我们将不知道您何时访问了我们的网站,也无法监控其性能。

功能性 cookie

这些 cookie 收集信息用于分析和个性化您的定向广告体验。您可以使用此拨动开关来行使选择不获取个人信息的权利。如果您选择关闭,我们将无法向您提供个性化广告,也不会将您的个人信息交给任何第三方。

定位 cookie

这些 cookie 可能由我们的广告利来国际登录的合作伙伴通过我们的网站设置。这些公司可能会使用它们来建立您的兴趣档案,并在其他网站上向您展示相关广告。它们不直接存储个人信息,而是基于唯一标识您的浏览器和互联网设备。如果您不允许使用这些 cookie,您将体验到较少针对性的广告。

我们正使用 cookie 来改善您的访问体验

派迪科技非常重视您的个人隐私,当您访问我们的网站www.hzpady.com时,请同意使用所有cookie 。

如果您想详细了解我们如何使用cookie请访问我们的 《隐私政策》