mailto HTML最佳实践

Question

我被要求在我设计的网站上为个人投资组合画廊添加一些电子邮件地址。

客户可以使用一个非常明显的电子邮件表单，但它只能访问一个地址。 然后，主电子邮件收件人必须将电子邮件转发给预期的收件人。 业务开始时，只有一个主收件人。 但是现在有5到6位艺术家，这家店正在发展壮大。

我的第一个想法是在每个人的个人页面上放置href="mailto:"链接。 对于没有配置电子邮件客户端的客户来说，这不方便，但复制和粘贴会很好。 此外，客户担心垃圾邮件，但我认为电子邮件过滤器比一些混淆技术更有效。

然后我读到这个说使用mailto“尖叫”这个网站是由初学者开发的。我真的不同意。作者主张使用服务器端表单。我已经制作了一个PHP表单并且可以轻松添加一个drop收件人（可能不那么容易，但可以完成）或让收件人字段自动填写某个人页面。

我真正的问题有三个：

1. 使用mailto是否表现出某种初学者的无知？
2. 什么是最好的做法，轻松允许普通网站用户通过电子邮件发送一个小组的个人？
3. 电子邮件混淆是否至关重要？

顺便说一下，我已经准备好找到一些数据，表明混淆是（有点有效） ，但文章似乎过时了。

Answer 1

使用mailto:链接的缺点：

• 显示收件人电子邮件地址（除非使用混淆）
• 用户需要在其计算机上安装有效的电子邮件客户端。 如今越来越多的用户只使用基于Web的电子邮件客户端，这不适用于mailto: links。

就个人而言，我会使用服务器创建的联系表单。

Answer 2

跟随领导者

在网站上只有一个电子邮件链接并不是高质量网站的特别好的指标。 很简单，这是因为高性能站点，每天有数百万用户的站点（microsoft.com，stackoverflow.com），或亚马逊等跨国公司都不这样做 。 如果他们这样做，那些人的电子邮件可能会在一天内被埋葬。

mailto:优点mailto:链接：

• 简单
• 琐碎可以理解

缺点：

• 直接公开联系信息
• 不灵活
• 不是专业人士所做的
• 电子邮件mailto链接导致糟糕的用户体验*

以下是一些提供更专业性的其他方法： - 如果匿名是目标，则是通用联系表单 。 没有用户暴露，可能是10人准备回应它，可能是1，可能是100.提交到后端，如果你愿意，可以在后端转发给10个人。 - 如果您想为联系人添加面部，或者您希望允许用户联系特定的个人，请使用具有其脸部化身的用户个人资料，单击按钮也会显示联系人表单，可能采用模式。

---

• 当您点击链接并且您的电子邮件在您等待世界结束时旋转所有8个cpu时，您可以看到用户体验如何因打开不相关的电子邮件客户端而受到影响

Answer 3

使用mailto是否表现出某种初学者的无知？

完全没有， mailto:如果你显示一个邮件地址，邮件图标是最先进的。 如果您将其声明为常规文本，则它是UX和辅助功能失败。 特别是对于移动用户。

使用联系表单可以提供一些好处，但如果您不注意并定期更新，也可能使您的页面容易受到垃圾邮件的攻击或甚至被黑客入侵。

什么是最好的做法，轻松允许普通网站用户通过电子邮件发送一个小组的个人？

这很难说，这取决于设计和用例。 我建议使用一个简单的AJAX联系表单，尽可能少的字段（“问我一个问题：”）和ReCaptcha v3，但一个简单的mailto:链接与预定义的主题也没关系。

电子邮件混淆是否至关重要？

我今天必须研究它，似乎仍然是必要的。 大多数机器人在页面源中搜索常见模式，不使用JavaScript。

您可以在DOMContentLoaded事件之后添加href并使用JS插入@符号： <a class="uncrypt">user???example.com</a> 。 但这只是众多的一种方式。

使用JS的机器人仍然可以获得地址，但这无论如何都很难避免，我个人认为为所有用户创建一个好的用户体验比为垃圾邮件发送者提供页面防弹更重要。

但是您不必保护通用地址（例如info@<domain> ），因为垃圾邮件发送者无论如何都会尝试这些地址。