原生广告移动落地页：高转化率的设计规则

原生广告流量绝大部分来自移动端，因为它源自人们在手机上滚动浏览的内容信息流。因此，从桌面端先行设计再适配到移动端的预着陆页，其效果不如从一开始就针对移动端设计的页面。最重要的设计规则包括：页面权重、拇指可触及的CTA位置、单列布局，以及避免任何会被网络合规审查视为插屏或强制交互的元素。

为什么“先桌面后适配”的方法常常失败#

首先在桌面显示器上设计预着陆页的团队，往往会嵌入一些在缩小到手机屏幕时无法存活的假设：多列布局在最后关头被压缩成难以阅读的单列；为宽屏比例裁剪的焦点图在再次裁剪为窄屏时失去焦点；CTA位置的决定基于大屏幕上的视觉平衡，而非拇指实际能够触及的范围。这些问题在快速的桌面端审查中不会作为“漏洞”出现，只有当你像真实访客一样查看页面时才会暴露。因此，从初稿开始就采用移动优先设计，然后视情况适配到桌面端，比反过来产生更少的意外。

为拇指而非鼠标设计#

任何需要精确点击的元素都会在手机端造成转化损失。CTA按钮需要足够大以便可靠点击，放置在拇指自然停留的位置（屏幕中下部到下部三分之一比需要伸到顶部的按钮效果更好），并且与其他可点击元素保持间距，以免误点击导致用户跳转到别处。当读者滚动浏览较长的广告文章时，一个保持可见的粘性CTA栏可以消除他们被说服后需要向上滚动返回的需求，这对于页面越长、格式越倾向于完整叙事而非简短桥接页的情况越重要。

页面权重是转化杠杆，而不仅仅是技术问题#

移动端每多一秒加载时间，就有可能失去一位因冲动从内容信息流点击进来、对缓慢页面毫无耐心的用户。积极压缩焦点图，避免自动播放视频（这通常也会引起多个网络的合规审查，并且消耗读者并未同意使用的移动数据），折叠内容以下采用懒加载，保持DOM简洁。这些因素与域名和托管选择相互叠加；托管在缓慢、过度共享的服务器上，或通过不必要的额外重定向跳转的页面，会在任何像素渲染之前就抵消掉良好的设计工作。良好的托管是良好移动设计的前提，而非可以稍后处理的问题。

布局：单列，垂直流，无横向意外#

在桌面端有效的多列布局，除非是移动优先设计，否则通常在移动端会严重变形。坚持使用单一垂直列：焦点图或标题块、短段落形式的支撑文案、CTA前的清晰视觉分隔，然后是转化页面或下一个内容块。完全避免横向滚动，这在手机上会让人迷失方向，而且很少是故意为之。

避免哪些内容，因为网络会标记它们#

• 强制插屏或弹窗，在用户真正操作前遮挡内容。 大多数原生广告网络的编辑政策将这些视为糟糕的用户体验，并是广告素材被拒的常见原因；在使用任何插屏模式之前，请查阅具体网络当前的文档。
• 自动播放音频或视频。 理由相同：让读者感到意外，消耗他们的数据流量，并引起审查注意。
• 虚假的系统UI元素（虚假的“电池电量低”警告、虚假的通知横幅、虚假的关闭按钮）。这些在合规团队的解读中接近cloaking的范畴，即使没有发生技术性cloaking，因为它们欺骗了读者当前所看到的内容。
• 信息披露被隐藏或需要点击才能看到。 赞助和广告披露信息需要读者无需额外操作即可看到；请参阅FTC Advertorial & Native Ads Disclosure Rules了解当前指南下“可见”的具体含义。

小屏幕上的排版和阅读节奏#

在桌面显示器上舒适的正文文本，在手机上通常太小，除非你特意为移动端设置：基础字号足够大，无需缩放即可阅读；行高充裕；段落保持简短，三到四行后即断开。长的未分段文本是快速失去移动端读者最快的方式之一，因为没有视觉休息点来提示进度。在较长的广告文案中，每隔几段使用小标题、引文或相关图片来打断，既有助于调整节奏，也能给读者继续滚动的理由，而不是在看到第一堵文字墙时就跳出。

不仅限于CTA的触摸目标#

主要CTA获得了设计关注，但次要的可点击元素（“了解更多”链接、任何可关闭元素的关闭按钮、页面导航如果有的话）也需要同样拇指友好的尺寸和间距。一个技术上存在但太小无法可靠点击的关闭按钮，实际上等于没有关闭按钮，并且会让试图关闭它的读者感到沮丧或被操纵。苹果和谷歌自己的移动设计指南都为此指定了最小的触摸目标尺寸，遵循这些标准即使在本机平台应用之外也是一个合理的基准。

表单：更少的字段，原生输入类型#

如果预着陆页或其后转化步骤收集信息，那么每个额外的字段在移动端都是一个流失点，因为在手机上打字比桌面端更慢且更容易出错。为每个字段使用正确的输入类型（电话号码使用数字键盘，电子邮件字段使用电子邮件键盘），以便手机自带的键盘帮助访客，而不是迫使他们在一股键盘上寻找字符。如果你可以将某个字段推迟到漏斗的后续步骤，而不是在预着陆页上就要求填写，那就这样做。

可能专门影响移动端页面的地理和语言细节#

货币符号、日期格式和电话号码格式因地理位置而异，弄错这些在小屏幕上比在大屏幕上更容易被认为是不可信的，因为访客在尝试阅读报价的同时，对解析不熟悉格式的耐心更少。如果你在多个geo tiers上运行相同的预着陆页模板，请正确本地化这些细节，而不是在所有地方都默认使用一个地理位置的惯例。

处理网络在页面上注入的UI#

几个原生广告网络会在你的内容周围或之上渲染自己的元素——赞助商标签、关闭或返回控件，有时是网络自己控制的原生风格评论或参与小部件。设计你的页面时要假设存在这种覆盖层，而不是仅在干净的预览环境中测试，因为如果CTA或标题恰好位于真实设备上网络自身UI元素渲染的位置，那么对读者来说实际上是不可见的。在最终确定依赖于页面顶部附近精确垂直定位的布局决策之前，请检查你的页面在网络真实信息流渲染中的实际外观，而不仅仅是作为独立URL的情况。

查看在移动端占主导的网络中已有的成功案例#

一些网络在实践中比其他网络更偏向移动端，获胜的预着陆页模式也相应不同。在OpenAdLibrary的原生广告情报工具上查看正在运行的实时广告素材及其追踪到的着陆页，可以让你了解目前哪些格式和布局选择在特定网络上真正有效，而不是应用不考虑具体网络受众行为的通用移动UX建议。MSN原生广告：广告主指南和Taboola广告如何运作都涵盖了特定网络的投放位置和受众行为，这些信息会影响到这些布局决策。

可访问性与转化之间的重叠比人们预期的更多#

文本与背景之间足够的色彩对比、无需缩放即可阅读的字体大小、以及不仅通过颜色区别的CTA按钮，这些都有助于视力受损的访客，但它们也有助于每一位在户外强光下或使用较旧、较暗屏幕的访客。将基本的可访问性实践视为转化的输入，而不是独立的合规复选框，因为它所帮助的人群远大于其官方目标人群。

真正重要的测试#

在发布任何移动端预着陆页设计之前，请使用真实手机在节流网络连接上加载它，而不仅仅是在桌面浏览器的移动端模拟器中。模拟器能够正确设置视口，但很少能重现真实加载时间、点击目标精度，或粘性元素在真实滚动动量下的行为。在真实设备上测试五分钟，就能发现基于桌面端迭代数周可能完全错过的问题。