英文独立站详情页的策划与设计,有血有肉有温度

手把手教会你英文独立站详情页的策划与设计

上一篇文章我们介绍了怎样去规划一个网站的骨架,那么下面我们就要来给这个骨架填充血肉,就是咱们网站每个详细页面的规划与制作。咱们今天就一起来学习一下,如何去规划一个个的详情页,怎样确定网站的整体风格,将他制作出来。好,话不多说,咱们开始吧。

1. 网站详情页规划

我们在制作网站产品详情页的时候,不是我们运营人员自己去吭哧吭哧一顿操作,然后就把它搞出来的。我们要聚集四类人,一起参与网页的制作:

1. 懂产品的人(项目经理,协助你把网站内容和描述做得专业)

2. 懂客户的人(业务员,他们总结客户在意的点,因为他们是在一线和客户沟通)

3. 懂设计的人(视觉设计师)

4. 懂SEO的人(SEO优化人员,保证文案专业性的条件下,也保证符合SEO要求)

然后综合四者的观点,把一个个详情页内容给定下来。当然很多朋友是个人Soho,或者公司没有相关的人员,无法进行这个流程。但是内容专业度,解决客户关心点,符合SEO这几点,我们一定要予以保证。下面,我们一起来聊一下,怎样规划几个重要的页面,他们的侧重点是什么,以及有哪些坑。

1.1 首页规划

网站的首页是非常重要。这里你要直接展示你的公司产品和服务的地方。直接输入域名和你品牌名的用户,都会直接进入首页,所以首页的展示就变得尤为重要,我们要将最重要的信息放在这里。下面我整理出了我一个首页的布局示意图,仅供参考:

第一栏:我们一般会在第一栏放一些Banner图片

这块会放上最热销的产品,最重要的服务,或者公司的一些重要活动(例如某个时间要参加行业的展会信息)

第二栏:一个公司的简介

我们可以在这里简要介绍一下自己公司和产品的优点,放一些可以增强可信度的文案。重要的文字和符号可突出一下。

第三栏:公司的一些产品

这一块可以放上客户询盘问得最多,买的最热的一些热销产品。这块为什么要加一个Call to action的按钮,当然是为了客户看了产品后能第一时间给你发询盘。

第四栏:服务

紧接着我会放上我们做的服务。例如,除了提供标品,我们还可以提供白板解决方案和定制服务。

第五栏:客户使用产品的应用场景

这里的主要目的一是想体现自己产品的使用场景,二是想引起客户的共鸣,让客户觉得,哇,这就是我要的产品,为我量身打造的一样。

第六栏:公司的荣誉与证书

这一块我会放上公司的一些荣誉和证书,例如工厂的ISO9001,ISO14001,ISO13485,UL和产品的CE,FCC类证书等,来增强公司的真实度,以增强客户的信心,提高客户的信任度

第七栏:News

这块可以放一些我们公司的新闻,我主要放了三篇文章,仅供参考:

第一篇新闻:我们公司加入了一个特别厉害的行业协会

第二篇新闻:我们工厂过了一个含金量很高的质量质量控制体系

第三篇新闻:产品是怎样在我们工厂制作出来的,突出质量品控,产品的可追溯性

第八栏:询盘表格

一个简单的询盘的表格,可以让客户发询盘。

我的行业是一个比较专业的行业,这个首页也是一个参考,希望能提供一些帮助和启发。

1.2 产品聚合页

产品聚合页一般是集中了某一类特性的产品,例如产品:降噪蓝牙耳机,我们可能有很多的型号和样式,这个时候,我们就做一个降噪蓝牙耳机的聚合页,配以文案,然后让这个产品聚合页参与排名。为什么要用这个聚合页来参与排名呢?因为相比于单款的产品,你给了用

户更多的选择。也更可能转化客户。那聚合页的样式我一般会做成线面这个样式:产品宣传+末尾长文案。

第一栏:我会放一个标题,一些简短的介绍,搭配背景和几个产品的集合图片

第二栏:直接放我的产品

第三栏:我会在下面放几千字的长文案,用于SEO排名,当然我们也要注意用户体验,可以加一个Learn more之类的按钮。也不要影响客户给我们发询盘,所以一般也回访一个悬浮的询盘发送表格,跟着客户的屏幕走。

这就是我觉得一个很不错的产品聚合页样式,既考虑到了用户的体验,也有利于SEO的排名。各位朋友可以借鉴一下。

1.3 产品详情页规划

对于咱们B端来说,其实不建议做那些五花八门页面效果,力求简单大方,整洁最好。太多的页面效果不仅会影响速度,移动端自适应这些(特别是偏工业技术类的),还容易出问题2021年又要更新“优先将移动版网站编入索引”算法,移动端变得非常重要。我们只需要将自己的产品优点,特性展现出来就好,重点的的东西突出一下。整个网站一定要给客户:专业性,真实性,统一性。以下是我一个产品详情页的布局,我的是偏技术类产品,也是仅供参考:

第一栏:产品简介

面包屑导航我们就不说了,用插件Yoast可以添加。撇开这个,第一栏我会加一个产品的轮播图片,展现展品的图片的特点。SEO标题也不用多说,然后后面紧跟着五六点浓缩的的产品优点,这些优点是客户很在意的一些点。至于怎样得到这些点,可以通过大量的客户的邮件总结,也可以和业务沟通得到。

第二栏 产品简述

这个主要的目的是为了SEO的效果,为了关键词排名,但是也不能乱写,简单介绍一下自己的这个产品。最好将SEO和产品特性结合起来写,精简干练。不要为了SEO而长篇大论,影响用户体验,影响转化,写个300单词以上就可以。

第三栏:产品参数

一些自己产品的参数总结和展示,简单的概要总结就可以,也可以文章提高字数。但也切忌别写多了,过犹不及。

第四栏:产品特征

一些产品详细的特点,可以和相关的工程师总结出来

第五栏:产品的特俗应用

产品的特定应用场景,如果有的话

第六栏:一个产品视频

这里放一个产品的展示视频。可以拍摄一些产品小视频,二三十秒左右就可以,不求那种高大上,困炫的视频效果,我们只需清晰地展示自己的产品,有质感就可以。不仅能放在Youtube等社交平台增加粉丝,放在页面也可以增强客户信任度,增加用户在网页的停留时间,对SEO有好处。

第七栏:FAQ

产品和服务里,客户经常问到的一些问题,他们最关心什么。

第八栏:询盘发送表格

最末尾放一个客户的联系表格,这样方便客户发询盘。

上面就是我一般常用的一个产品页面的样式,不一定适合所有的行业,但是希望能对朋友们提供一些启发和帮助。

注:有些产品详情页会遇到的一个问题

我们做B2B的可能会遇到一个情况:就是自己的产品有成千上万个,但是这些产品呢,产品的关键词是一样的,基本所有的参数和描述都是一样的,甚至功能和使用场景都是一样的,只是一些小的参数有一些变化,比如一些尺寸参数,再比如齿轮的齿数。那这个时候就麻烦了。你就算是绞尽脑汁,能编出花来,你也不可能为每一个产品配备独特的文案。那这个时候,我们该怎么办呢?我的建议是:做聚合页。将某一类特性或者关键词的产品集中在一起,做成一个聚合页面,着重打造这个聚合页面。配备文案,发外链等。然后聚合页下的详细产品页面,就可以只给那些重要的产品页面配文案就可,其他的只放一个产品图片,产品参数,做一些基本的SEO优化就可以,如果条件允许,加一个简单的产品视频也是可以的。

1.4 About页面规划

这我们就主要讲一个自己公司的故事了,写写自己的使命,可以说的动人崇高一些。但不要写的太虚了。这里我们也要着重展示自己公司的一个文化和氛围,烘托出快乐工作啊啥的。可以写公司对于社区,甚至地球的责任。如果你们公司做了哪些慈善,都可以写上去。虽然我们国内对这个没感觉,但是架不住国外友人吃这一套啊,我们以前就有客户非常关心工厂工人的工作状态和人权,为此我们还专门整了一个BSCI证书。

1.5 Contact页面规划

Contact 页面我们在规划的时候一定要简洁,这个页面不宜放太多的东西。因为你想想客户都已经进入这个页面了,是要给你发询盘了,我们就让他安安心心发询盘就可以,不要用其他的东西去分散他的注意力。

我就见过很多朋友在这个页面加了不少东西,比如加了谷歌的一个机器人验证,这个其实是很不OK的,因为我们有时候自己用谷歌浏览器的朋友就知道,这个验证其实是很麻烦的,特别是国外的网速还慢,图片经常刷不出来,就很容易让人烦躁,这种感觉想必大家都经历过。有时候还容易出问题,特别是手机端,你这么做无疑是断了别人给你发询盘的念想。即使我们一定要加一个验证,我们也要自定义那些自定义的。

我甚至有看到过一个朋友的网站在contact页面放置了一个文件给客户下载,结果我下载的时候页面就出问题,其实这些都是很不OK的,我们一定不要这么做,会拉低转化率。

其实Contact页面很简单,一个询盘表格,你的地址,联系方式就可以,其他的都不需要。

这里有一个表格的问题,麦子也要在这里强调一下。那就是表格的复杂程度,我们要注意的。比如下面这种,我的天,你这是在逗我吗,要填这么多内容,地狱难度啊,又不是做户口调查。你这是自绝于客户,自绝于询盘呀。

所以,表格我们也不要弄得太复杂。只要让他们填姓名,邮箱(这里可以引导一下客户填他的工作邮箱,写上work email),电话(有时候客户邮箱会填写错误,这时有个号码会好很多),公司名称,以及询盘信息能,如下图:

2. 网页设计

我们来对比一下两个网站的一个首图,看看它们之间的一些差别。再问下一个问题,如果你进了这两家网站,你会选择买哪家的产品,想必很多同学会选第一家的。虽然他同一个产品,但是第一张图片的质感,和网页设计传递给我的品牌价值,比第二家那糟糕的设计要高得多。当然B2B的设计不要求酷炫,但起码要整洁有质感,交互不要求花里胡哨,但要实用。这一块也是要我们花大精力去做的。

苹果官网的iphone 12 pro的设计首栏

其他网站的一个页面设计的首栏

我们可以先确认整个网站风格,包括颜色搭配,字体等这些,让咱们的设计师设计出一个Homepage,给整个网站定调。然后再一个一个设计页面模板,相同类目的产品页面模板保持一致,这么做即是要保持风格的统一性,也是为了以后上传产品页面方面。

写在最后:我们在设计的时候一定要参考大企业的风格,简单大气,有质感。

例如Apple等。千万不要参考国内网站的一些风格。真的,很多网站一看就是中国老板的,因为基本都是千篇一律的模板和样式,这点真的很头疼。所以,设计师设计好页面后,我们一定要审核,如果不满足自己的要求,一定要要求设计师改正,直到满意为止,切不可欺骗自己。

想一想,如果把你都不满意的东西,展现给客户,你的客户他会满意吗。我甚至有时就做到设计师边上,一坐就是几个小时,直到把图片和页面设计改到自己满意为止。网站设计好后,就可以给网站工程师制作啦,做好后上线,一个网站就完成啦。

最后最后再罗嗦几句,用户是可以通过你的网站感觉到你公司的,你的实力,你的专业度,是否靠谱,你公司的特性等等,这些都很重要。就如我写公众号,你能通过字里行间里了解我这个人一样,是否靠谱,是否严谨,是否有温度等。好像太罗嗦了一些哈哈,好今天就说到这里,我们明天见。

本文由 500强哥英文独立站运营:外贸建站,谷歌SEO,谷歌广告,邮件营销,社交媒体营销,外贸SOHO 作者:QiangGe 发表,其版权均为 500强哥英文独立站运营:外贸建站,谷歌SEO,谷歌广告,邮件营销,社交媒体营销,外贸SOHO 所有,文章内容系作者个人观点,不代表 500强哥英文独立站运营:外贸建站,谷歌SEO,谷歌广告,邮件营销,社交媒体营销,外贸SOHO 对观点赞同或支持。如需转载,请注明文章来源。
18

评论:

1 条评论,访客:0 条,站长:0 条

    Leave a Reply