如何通过 WhatsApp 分享你的网站(别让它变成一行蓝色文字)

帕蒂在韦拉克鲁斯做定制蛋糕。有人问她要网站链接,想拿去给十一月要结婚的妹妹看看,她发了过去,结果家庭群里弹出来的是一行蓝色小字,写着首页。仅此而已。没有照片,没有名字,没有蛋糕。

没人点开。十分钟后,妹妹发来一句:“有照片吗?”——帕蒂最后只好一张一张地通过WhatsApp发了八张照片过去,而这恰恰是网站本该替她省下的工作。

网站本身没问题。出问题的是通过WhatsApp分享网站时的样子,这是另外一件事,几乎没人会去检查。

通过WhatsApp分享网站时出现的那张小卡片是什么?

当你在WhatsApp、Facebook或某条消息里粘贴一个链接时,应用并不会直接发送你的网站——它发送的是一张小卡片,上面有三样东西。

• 一个标题(一行字,加粗)。
• 一段描述(一两行,灰色字体)。
• 一张图片。

这三样东西和你网站的内容是分开存在的。它们不是你进入网站后_首先_看到的内容,而是你的网站专门为这一刻保存好的一段文字和一张照片。这就是为什么你可能有一个很漂亮的网站,却配着一张空白的卡片——这是两件独立的事。

重点来了:这张卡片是人们在决定要不要点进去之前唯一能看到的东西。你的网站没有”第一印象”这回事——第一印象是这张卡片的。

在墨西哥,这件事尤其重要,因为你的链接几乎不会单独传播。它是靠转发走的:一个客人把它转给她的好朋友,有人把它贴到小区群里,你的侄子把它发到工作群里。每一次转发,都是一次这张卡片的亮相。

为什么我的链接在WhatsApp上只显示成一行蓝色文字?

原因几乎总是这三个,按常见程度排列。

没有设置图片。 这是最常见的情况,尤其是网站做得比较仓促的时候。没有图片,WhatsApp就不会生成卡片,只会留下一个光秃秃的链接。一个又长又光秃的链接,看起来就像那种连锁邮件里的链接,没人会点开。

图片用的是透明背景的logo。 这种情况最让人沮丧,因为你明明_放了_东西上去。一个没有背景的PNG logo在你白色的网站上看起来完美无缺,但放到WhatsApp的卡片里,它会落在深色背景上:结果变成一个看不清字的黑色方块。这比什么都没有还糟,因为它传递出的信息是”这里坏掉了”。

标题写着”首页”。 或者是”主页”,或者是模板自带的名字。这是网站刚建好时带的标题,从来没人改过。这一行字在三者当中承担的工作最多,结果却留着出厂时自带的样子。

怎么检查我的网站在WhatsApp上分享出来是什么样子?

方法是这样的,不到一分钟就能做完:打开WhatsApp,进入和自己的聊天窗口(就是那个写着_“发消息给自己”_的那个),粘贴你网站的链接,等两秒钟让卡片加载出来。

接下来是最难的部分:先别点进去。就那样看着这张卡片,假装自己不知道里面有什么。这就是你的客人实实在在看到的东西。如果这张卡片没说清楚你卖什么、在哪里,那不管网站里面写了什么都没用。

如果可以,也在别人的手机上试一次,或者请朋友把链接转发给你。这不是为了看到不一样的东西——而是为了用一种”不提前知道内容”的眼光去看它。

为什么我已经改了标题或照片,WhatsApp上的卡片却还不更新?

WhatsApp会保存它第一次看到你链接时生成的那张卡片,并在一段时间内重复使用——即使你已经改了标题或照片,它也不会马上更新,所以出来的还是旧卡片。这个细节能把人逼疯,却几乎没人解释过。

你改好标题,换上新照片,再把链接发出去……结果出现的还是之前那张难看的旧卡片。不是你的改动没保存成功。而是保存这张卡片的不是你:WhatsApp留着它第一次看到的版本,并在一段时间里反复使用。

想跳出这个循环,有两个办法:

• 等一等。 过一段时间它会自己更新。
• 在链接末尾加一点东西再发,比如 tunegocio.com/?2。对WhatsApp来说,这是一个它从没见过的新地址,于是它会重新抓取新的卡片。网站打开的还是同一个页面。

注意不要得出错误的结论:如果你看到的还是旧卡片,不要就此重新做网站。先用?2这个小技巧检查一下,你会发现你的改动其实已经生效了。

标题、描述和图片里应该放什么?

标题要有你的名字、你是做什么的、还有你所在的城市;描述要回答人们在给你发消息之前会问的问题;图片要用一张横版的、真实的产品照片,绝对不是logo。这部分,你今天就能搞定。

标题 —— 名字 + 你是做什么的 + 城市。不要写”首页”,也不要只写你的名字。“帕蒂蛋糕坊——韦拉克鲁斯定制蛋糕。” 听起来很简单,但正是这一行字,能让人在一秒钟之内判断这对她有没有用。

描述 —— 写人们在给你发消息之前会问的问题。对定制蛋糕来说,这些问题通常是:要提前多久预订、是否送货上门、大概从多少钱起。“定制蛋糕及甜品桌。提前3天预订。配送至韦拉克鲁斯和博卡德里奥。价格从650比索起。” 一个真实的数字,能省下二十条来回的消息。

图片 —— 一张横版的、真实的照片,拍你的产品或你的店铺。不要用logo。卡片的形状是宽而扁的:竖版照片会从中间被裁掉,把蛋糕”砍头”。图片上也别加文字,因为那个尺寸下根本看不清,只会显得杂乱。

如果只能选一件事先改,那就改照片。它是那个隔着老远都能一眼看到的东西。

这件事解决不了的问题

一张做得好的卡片,能让人愿意点进去。仅此而已。

如果网站里面没有价格、没有营业时间、没有联系方式,那你做的只是把失望提前了:人们先点进去,然后再离开,而不是压根不点进去。卡片只是封面;真正的工作还是要落在网站本身上。

而且这也改不了你已经发出去的东西。上个月分享出去的链接,在当时粘贴过的那些对话里,显示的还是当时那张卡片。没有办法回头去修正它们。你能做到的是,从今天起,从你手机里发出去的每一条链接都是对的。

今天就把它弄好

如果你是刚开始做网站,这件事不需要单独去设置——只需要描述清楚就行。在Proyecta里,写一句像_“给我在韦拉克鲁斯的蛋糕店做一个网站,要有蛋糕照片、起始价格、下单需要提前多久、配送范围,还要有WhatsApp按钮”_这样的话,就能生成一个已发布的网站,带着专属链接——而且这三样数据早就配好了,因为它们本来就是网站的一部分,不是额外加的东西。

如果你已经有网站了,那就给自己一分钟的时间:把链接发到和自己的聊天里,盯着那张卡片,别点进去。如果它没说清楚你卖什么、在哪里,那你已经知道还缺哪三行东西了。

去 proyecta.dev 试试吧。