infographics.
, 学习普查 表明手机正在增长。在电子邮件中, 它变得至关重要.

在这种心态中,我们必须开始优化较小设备的电子邮件营销。那里’很多事情要做,所以这里有一些有助于帮助您加快您的开发的信息,以获取电子邮件。

几个指针:

1.平均智能手机分辨率为320px 480px。

最容易启动那里,然后为具有更大屏幕的受众而增长。

2.保留电子邮件短而达到该点。

强烈呼吁采取行动将其返回到您的网站以获取更多详细信息将产生更好的结果–特别是如果您的着陆页已针对移动进行了优化。坚持一个点;避免在一封电子邮件中尝试过多。

3.不要用图像挤出头部。

你的徽标很多。图像占用了很多房地产并使您的电子邮件长。视觉内容很重要,但您可以更好地与许多小幅图像(具有众多电子邮件客户端块图像的“alt”有一个清晰的“alt”)。

4.留在顶部。

有重要的话要说的吗?把它放在上面(并将呼叫保持在它附近)。

5.保持75岁以下。

留在每行文本的75个字符范围内–55如果您排除空格。因为如果一行文本太长,则读者可能会丢失,并且您的文本变得不清晰。

6.字体大小。

移动电子邮件中的文本字体应大于标准电子邮件。 Apple Devices将小文本大小缩放到最少13px。因此,对于身体,文本规模应为14-16px和21-22 px的标题。

7.胖胖手指。

如果使用按钮作为您的呼叫操作,请确保有空间触摸它们。

8.高对比度=高冲击。

图像和内容之间的高对比度使您的电子邮件更清晰。

9.保持单身。

最多,您应该在考虑手机时使用两列–其简单性和清晰度有助于对小屏幕上的可读性。如果您使用的是两列,则左侧列(您具有小图像和短标题,如日期)应该不如右侧列(其中您有描述和其他信息)。

10.尺寸问题。

由于更大的电子邮件需要更多的时间来保持70 kB,请将其保持在70 kB以下。更重要的是,Gmail Mobile只加载到102KB,并阻止其余部分。

11.媒体查询。

使用媒体查询来创建响应的电子邮件,调整到屏幕的宽度。它并不完美,因为它进入了标题,并且许多电子邮件客户端都会删除它。确保使用内联代码覆盖您的基础。

@media only screen and (max-device-width: 480px) {
    .mobilecss{
       padding:10px;
    }
}

视口元标记

此元标签允许您调整移动设备的电子邮件客户端上的宽度,以确保正确显示电子邮件。没有标签,电子邮件客户端将同样地处理电子邮件,它将在计算机上相同,缩小所有内容,使其适合屏幕,渲染它是不可读的。

注意:如果您的电子邮件为320px宽,最好将“设备宽度”更改为320PX`。

Ex : <meta name="viewport” content="width=device-width, initial-scale=1, maximum-scale=1">

 

最后一件事…

测试。总是测试。这是您确定您的电子邮件正常显示您想要的电子邮件的唯一方法。

现在你必须问自己, 我可以用什么工具来测试所有这些设备?

在新的 Cakemail. 版本 快来了 我们将直接在应用程序中预览大多数移动浏览器,但您也可以打开一个帐户 电子邮件酸。它’廉价且它们涵盖了广泛的浏览器& devices.

Please wait...

作者 Jonathan Angelicchio

乔纳森Angelicchio.的更多帖子