有血有肉有温度，独立站详情页的策划与设计
5506上一篇文章我们介绍了怎样去规划一个网站的骨架，画龙画虎先画骨，格外重要的独立站框架规划，那么下面我们就要来给这个骨架填充血肉，就是咱们网站每个详细页面的规划与制作。咱们今天就一起来学习一下，如何去规划一个个的详情页，怎样确定网站的整体风格，将他制作出来。
好，话不多说，咱们开始吧。
我们在制作网站产品详情页的时候，不是我们运营人员自己去吭哧吭哧一顿操作，然后就把它搞出来的。我们要聚集四类人，一起参与网页的制作：
1. 懂产品的人（项目经理，协助你把网站内容和描述做得专业）
2. 懂客户的人（业务员，他们总结客户在意的点，因为他们是在一线和客户沟通）
3. 懂设计的人（视觉设计师）
4. 懂SEO的人（SEO优化人员，保证文案专业性的条件下，也保证符合SEO要求）
然后综合四者的观点，把一个个详情页内容给定下来。当然很多朋友是个人Soho，或者公司没有相关的人员，无法进行这个流程。但是内容专业度，解决客户关心点，符合SEO这几点，我们一定要予以保证。下面，我们一起来聊一下，怎样规划几个重要的页面，他们的侧重点是什么，以及有哪些坑。
网站的首页是非常重要。这里你要直接展示你的公司产品和服务的地方。直接输入域名和你品牌名的用户，都会直接进入首页，所以首页的展示就变得尤为重要，我们要将最重要的信息放在这里。下面我整理出了我一个首页的布局示意图，仅供参考：
第一栏：我们一般会在第一栏放一些Banner图片
这块会放上最热销的产品，最重要的服务，或者公司的一些重要活动（例如某个时间要参加行业的展会信息）
第二栏：一个公司的简介
我们可以在这里简要介绍一下自己公司和产品的优点，放一些可以增强可信度的文案。重要的文字和符号可突出一下。
第三栏：公司的一些产品
这一块可以放上客户询盘问得最多，买的最热的一些热销产品。这块为什么要加一个Call to action的按钮，当然是为了客户看了产品后能第一时间给你发询盘。
第四栏：服务
紧接着我会放上我们做的服务。例如，除了提供标品，我们还可以提供白板解决方案和定制服务。
第五栏：客户使用产品的应用场景
这里的主要目的一是想体现自己产品的使用场景，二是想引起客户的共鸣，让客户觉得，哇，这就是我要的产品，为我量身打造的一样。
第六栏：公司的荣誉与证书
这一块我会放上公司的一些荣誉和证书，例如工厂的ISO9001，ISO14001，ISO13485，UL和产品的CE，FCC类证书等，来增强公司的真实度，以增强客户的信心，提高客户的信任度
第七栏：News
这块可以放一些我们公司的新闻，我主要放了三篇文章，仅供参考：
第一篇新闻：我们公司加入了一个特别厉害的行业协会
第二篇新闻：我们工厂过了一个含金量很高的质量质量控制体系
第三篇新闻：产品是怎样在我们工厂制作出来的，突出质量品控，产品的可追溯性
第八栏：询盘表格
一个简单的询盘的表格，可以让客户发询盘。
我的行业是一个比较专业的行业，这个首页也是一个参考，希望能提供一些帮助和启发。
产品聚合页一般是集中了某一类特性的产品，例如产品：降噪蓝牙耳机，我们可能有很多的型号和样式，这个时候，我们就做一个降噪蓝牙耳机的聚合页，配以文案，然后让这个产品聚合页参与排名。为什么要用这个聚合页来参与排名呢？因为相比于单款的产品，你给了用户更多的选择。也更可能转化客户。那聚合页的样式我一般会做成线面这个样式：产品宣传+末尾长文案。
第一栏：我会放一个标题，一些简短的介绍，搭配背景和几个产品的集合图片
第二栏：直接放我的产品
第三栏：我会在下面放几千字的长文案，用于SEO排名，当然我们也要注意用户体验，可以加一个Learn more之类的按钮。也不要影响客户给我们发询盘，所以一般也回访一个悬浮的询盘发送表格，跟着客户的屏幕走。
这就是我觉得一个很不错的产品聚合页样式，既考虑到了用户的体验，也有利于SEO的排名。各位朋友可以借鉴一下。
对于咱们B端来说，其实不建议做那些五花八门页面效果，力求简单大方，整洁最好。太多的页面效果不仅会影响速度，移动端自适应这些（特别是偏工业技术类的），还容易出问题2021年又要更新“优先将移动版网站编入索引”算法，移动端变得非常重要。我们只需要将自己的产品优点，特性展现出来就好，重点的的东西突出一下。整个网站一定要给客户：专业性，真实性，统一性。以下是我一个产品详情页的布局，我的是偏技术类产品，也是仅供参考：
第一栏：产品简介
面包屑导航我们就不说了，用插件Yoast可以添加。撇开这个，第一栏我会加一个产品的轮播图片，展现展品的图片的特点。SEO标题也不用多说，然后后面紧跟着五六点浓缩的的产品优点，这些优点是客户很在意的一些点。至于怎样得到这些点，可以通过大量的客户的邮件总结，也可以和业务沟通得到。
第二栏 产品简述
这个主要的目的是为了SEO的效果，为了关键词排名，但是也不能乱写，简单介绍一下自己的这个产品。最好将SEO和产品特性结合起来写，精简干练。不要为了SEO而长篇大论，影响用户体验，影响转化，写个300单词以上就可以。
第三栏：产品参数
一些自己产品的参数总结和展示，简单的概要总结就可以，也可以文章提高字数。但也切忌别写多了，过犹不及。
第四栏：产品特征
一些产品详细的特点，可以和相关的工程师总结出来
第五栏：产品的特俗应用
产品的特定应用场景，如果有的话
第六栏：一个产品视频
这里放一个产品的展示视频。可以拍摄一些产品小视频，二三十秒左右就可以，不求那种高大上，困炫的视频效果，我们只需清晰地展示自己的产品，有质感就可以。
不仅能放在Youtube等社交平台增加粉丝，放在页面也可以增强客户信任度，增加用户在网页的停留时间，对SEO有好处。
第七栏：FAQ
产品和服务里，客户经常问到的一些问题，他们最关心什么。
第八栏：询盘发送表格
最末尾放一个客户的联系表格，这样方便客户发询盘。
上面就是我一般常用的一个产品页面的样式，不一定适合所有的行业，但是希望能对朋友们提供一些启发和帮助。
注：有些产品详情页会遇到的一个问题
我们做B2B的可能会遇到一个情况：就是自己的产品有成千上万个，但是这些产品呢，产品的关键词是一样的，基本所有的参数和描述都是一样的，甚至功能和使用场景都是一样的，只是一些小的参数有一些变化，比如一些尺寸参数，再比如齿轮的齿数。那这个时候就麻烦了。你就算是绞尽脑汁，能编出花来，你也不可能为每一个产品配备独特的文案。那这个时候，我们该怎么办呢？
我的建议是：做聚合页。将某一类特性或者关键词的产品集中在一起，做成一个聚合页面，着重打造这个聚合页面。配备文案，发外链等。
然后聚合页下的详细产品页面，就可以只给那些重要的产品页面配文案就可，其他的只放一个产品图片，产品参数，做一些基本的SEO优化就可以，如果条件允许，加一个简单的产品视频也是可以的。
这我们就主要讲一个自己公司的故事了，写写自己的使命，可以说的动人崇高一些。但不要写的太虚了。这里我们也要着重展示自己公司的一个文化和氛围，烘托出快乐工作啊啥的。
可以写公司对于社区，甚至地球的责任。如果你们公司做了哪些慈善，都可以写上去。虽然我们国内对这个没感觉，但是架不住国外友人吃这一套啊，我们以前就有客户非常关心工厂工人的工作状态和人权，为此我们还专门整了一个BSCI证书。
Contact 页面我们在规划的时候一定要简洁，这个页面不宜放太多的东西。因为你想想客户都已经进入这个页面了，是要给你发询盘了，我们就让他安安心心发询盘就可以，不要用其他的东西去分散他的注意力。
我就见过很多朋友在这个页面加了不少东西，比如加了谷歌的一个机器人验证，这个其实是很不OK的，因为我们有时候自己用谷歌浏览器的朋友就知道，这个验证其实是很麻烦的，特别是国外的网速还慢，图片经常刷不出来，就很容易让人烦躁，这种感觉想必大家都经历过。有时候还容易出问题，特别是手机端，你这么做无疑是断了别人给你发询盘的念想。即使我们一定要加一个验证，我们也要自定义那些自定义的。
我甚至有看到过一个朋友的网站在contact页面放置了一个文件给客户下载，结果我下载的时候页面就出问题，其实这些都是很不OK的，我们一定不要这么做，会拉低转化率。
其实Contact页面很简单，一个询盘表格，你的地址，联系方式就可以，其他的都不需要。
这里有一个表格的问题，麦子也要在这里强调一下。那就是表格的复杂程度，我们要注意的。比如下面这种，我的天，你这是在逗我吗，要填这么多内容，地狱难度啊，又不是做户口调查。你这是自绝于客户，自绝于询盘呀。
所以，表格我们也不要弄得太复杂。只要让他们填姓名，邮箱（这里可以引导一下客户填他的工作邮箱，写上work email），电话（有时候客户邮箱会填写错误，这时有个号码会好很多），公司名称，以及询盘信息能，如下图：
我们来对比一下两个网站的一个首图，看看它们之间的一些差别。再问下一个问题，如果你进了这两家网站，你会选择买哪家的产品，想必很多同学会选第一家的。
虽然他同一个产品，但是第一张图片的质感，和网页设计传递给我的品牌价值，比第二家那糟糕的设计要高得多。
当然B2B的设计不要求酷炫，但起码要整洁有质感，交互不要求花里胡哨，但要实用。这一块也是要我们花大精力去做的。
苹果官网的iphone 12 pro的设计首栏
其他网站的一个页面设计的首栏
我们可以先确认整个网站风格，包括颜色搭配，字体等这些，让咱们的设计师设计出一个Homepage，给整个网站定调。然后再一个一个设计页面模板，相同类目的产品页面模板保持一致，这么做即是要保持风格的统一性，也是为了以后上传产品页面方面。
写在最后：我们在设计的时候一定要参考大企业的风格，简单大气，有质感。
例如Apple等。千万不要参考国内网站的一些风格。真的，很多网站一看就是中国老板的，因为基本都是千篇一律的模板和样式，这点真的很头疼。所以，设计师设计好页面后，我们一定要审核，如果不满足自己的要求，一定要要求设计师改正，直到满意为止，切不可欺骗自己。
想一想，如果把你都不满意的东西，展现给客户，你的客户他会满意吗。我甚至有时就做到设计师边上，一坐就是几个小时，直到把图片和页面设计改到自己满意为止。网站设计好后，就可以给网站工程师制作啦，做好后上线，一个网站就完成啦。
上一篇文章我们介绍了怎样去规划一个网站的骨架，画龙画虎先画骨，格外重要的独立站框架规划，那么下面我们就要来给这个骨架填充血肉，就是咱们网站每个详细页面的规划与制作。咱们今天就一起来学习一下，如何去规划一个个的详情页，怎样确定网站的整体风格，将他制作出来。
好，话不多说，咱们开始吧。
我们在制作网站产品详情页的时候，不是我们运营人员自己去吭哧吭哧一顿操作，然后就把它搞出来的。我们要聚集四类人，一起参与网页的制作：
1. 懂产品的人（项目经理，协助你把网站内容和描述做得专业）
2. 懂客户的人（业务员，他们总结客户在意的点，因为他们是在一线和客户沟通）
3. 懂设计的人（视觉设计师）
4. 懂SEO的人（SEO优化人员，保证文案专业性的条件下，也保证符合SEO要求）
然后综合四者的观点，把一个个详情页内容给定下来。当然很多朋友是个人Soho，或者公司没有相关的人员，无法进行这个流程。但是内容专业度，解决客户关心点，符合SEO这几点，我们一定要予以保证。下面，我们一起来聊一下，怎样规划几个重要的页面，他们的侧重点是什么，以及有哪些坑。
网站的首页是非常重要。这里你要直接展示你的公司产品和服务的地方。直接输入域名和你品牌名的用户，都会直接进入首页，所以首页的展示就变得尤为重要，我们要将最重要的信息放在这里。下面我整理出了我一个首页的布局示意图，仅供参考：
第一栏：我们一般会在第一栏放一些Banner图片
这块会放上最热销的产品，最重要的服务，或者公司的一些重要活动（例如某个时间要参加行业的展会信息）
第二栏：一个公司的简介
我们可以在这里简要介绍一下自己公司和产品的优点，放一些可以增强可信度的文案。重要的文字和符号可突出一下。
第三栏：公司的一些产品
这一块可以放上客户询盘问得最多，买的最热的一些热销产品。这块为什么要加一个Call to action的按钮，当然是为了客户看了产品后能第一时间给你发询盘。
第四栏：服务
紧接着我会放上我们做的服务。例如，除了提供标品，我们还可以提供白板解决方案和定制服务。
第五栏：客户使用产品的应用场景
这里的主要目的一是想体现自己产品的使用场景，二是想引起客户的共鸣，让客户觉得，哇，这就是我要的产品，为我量身打造的一样。
第六栏：公司的荣誉与证书
这一块我会放上公司的一些荣誉和证书，例如工厂的ISO9001，ISO14001，ISO13485，UL和产品的CE，FCC类证书等，来增强公司的真实度，以增强客户的信心，提高客户的信任度
第七栏：News
这块可以放一些我们公司的新闻，我主要放了三篇文章，仅供参考：
第一篇新闻：我们公司加入了一个特别厉害的行业协会
第二篇新闻：我们工厂过了一个含金量很高的质量质量控制体系
第三篇新闻：产品是怎样在我们工厂制作出来的，突出质量品控，产品的可追溯性
第八栏：询盘表格
一个简单的询盘的表格，可以让客户发询盘。
我的行业是一个比较专业的行业，这个首页也是一个参考，希望能提供一些帮助和启发。
产品聚合页一般是集中了某一类特性的产品，例如产品：降噪蓝牙耳机，我们可能有很多的型号和样式，这个时候，我们就做一个降噪蓝牙耳机的聚合页，配以文案，然后让这个产品聚合页参与排名。为什么要用这个聚合页来参与排名呢？因为相比于单款的产品，你给了用户更多的选择。也更可能转化客户。那聚合页的样式我一般会做成线面这个样式：产品宣传+末尾长文案。
第一栏：我会放一个标题，一些简短的介绍，搭配背景和几个产品的集合图片
第二栏：直接放我的产品
第三栏：我会在下面放几千字的长文案，用于SEO排名，当然我们也要注意用户体验，可以加一个Learn more之类的按钮。也不要影响客户给我们发询盘，所以一般也回访一个悬浮的询盘发送表格，跟着客户的屏幕走。
这就是我觉得一个很不错的产品聚合页样式，既考虑到了用户的体验，也有利于SEO的排名。各位朋友可以借鉴一下。
对于咱们B端来说，其实不建议做那些五花八门页面效果，力求简单大方，整洁最好。太多的页面效果不仅会影响速度，移动端自适应这些（特别是偏工业技术类的），还容易出问题2021年又要更新“优先将移动版网站编入索引”算法，移动端变得非常重要。我们只需要将自己的产品优点，特性展现出来就好，重点的的东西突出一下。整个网站一定要给客户：专业性，真实性，统一性。以下是我一个产品详情页的布局，我的是偏技术类产品，也是仅供参考：
第一栏：产品简介
面包屑导航我们就不说了，用插件Yoast可以添加。撇开这个，第一栏我会加一个产品的轮播图片，展现展品的图片的特点。SEO标题也不用多说，然后后面紧跟着五六点浓缩的的产品优点，这些优点是客户很在意的一些点。至于怎样得到这些点，可以通过大量的客户的邮件总结，也可以和业务沟通得到。
第二栏 产品简述
这个主要的目的是为了SEO的效果，为了关键词排名，但是也不能乱写，简单介绍一下自己的这个产品。最好将SEO和产品特性结合起来写，精简干练。不要为了SEO而长篇大论，影响用户体验，影响转化，写个300单词以上就可以。
第三栏：产品参数
一些自己产品的参数总结和展示，简单的概要总结就可以，也可以文章提高字数。但也切忌别写多了，过犹不及。
第四栏：产品特征
一些产品详细的特点，可以和相关的工程师总结出来
第五栏：产品的特俗应用
产品的特定应用场景，如果有的话
第六栏：一个产品视频
这里放一个产品的展示视频。可以拍摄一些产品小视频，二三十秒左右就可以，不求那种高大上，困炫的视频效果，我们只需清晰地展示自己的产品，有质感就可以。
不仅能放在Youtube等社交平台增加粉丝，放在页面也可以增强客户信任度，增加用户在网页的停留时间，对SEO有好处。
第七栏：FAQ
产品和服务里，客户经常问到的一些问题，他们最关心什么。
第八栏：询盘发送表格
最末尾放一个客户的联系表格，这样方便客户发询盘。
上面就是我一般常用的一个产品页面的样式，不一定适合所有的行业，但是希望能对朋友们提供一些启发和帮助。
注：有些产品详情页会遇到的一个问题
我们做B2B的可能会遇到一个情况：就是自己的产品有成千上万个，但是这些产品呢，产品的关键词是一样的，基本所有的参数和描述都是一样的，甚至功能和使用场景都是一样的，只是一些小的参数有一些变化，比如一些尺寸参数，再比如齿轮的齿数。那这个时候就麻烦了。你就算是绞尽脑汁，能编出花来，你也不可能为每一个产品配备独特的文案。那这个时候，我们该怎么办呢？
我的建议是：做聚合页。将某一类特性或者关键词的产品集中在一起，做成一个聚合页面，着重打造这个聚合页面。配备文案，发外链等。
然后聚合页下的详细产品页面，就可以只给那些重要的产品页面配文案就可，其他的只放一个产品图片，产品参数，做一些基本的SEO优化就可以，如果条件允许，加一个简单的产品视频也是可以的。
这我们就主要讲一个自己公司的故事了，写写自己的使命，可以说的动人崇高一些。但不要写的太虚了。这里我们也要着重展示自己公司的一个文化和氛围，烘托出快乐工作啊啥的。
可以写公司对于社区，甚至地球的责任。如果你们公司做了哪些慈善，都可以写上去。虽然我们国内对这个没感觉，但是架不住国外友人吃这一套啊，我们以前就有客户非常关心工厂工人的工作状态和人权，为此我们还专门整了一个BSCI证书。
Contact 页面我们在规划的时候一定要简洁，这个页面不宜放太多的东西。因为你想想客户都已经进入这个页面了，是要给你发询盘了，我们就让他安安心心发询盘就可以，不要用其他的东西去分散他的注意力。
我就见过很多朋友在这个页面加了不少东西，比如加了谷歌的一个机器人验证，这个其实是很不OK的，因为我们有时候自己用谷歌浏览器的朋友就知道，这个验证其实是很麻烦的，特别是国外的网速还慢，图片经常刷不出来，就很容易让人烦躁，这种感觉想必大家都经历过。有时候还容易出问题，特别是手机端，你这么做无疑是断了别人给你发询盘的念想。即使我们一定要加一个验证，我们也要自定义那些自定义的。
我甚至有看到过一个朋友的网站在contact页面放置了一个文件给客户下载，结果我下载的时候页面就出问题，其实这些都是很不OK的，我们一定不要这么做，会拉低转化率。
其实Contact页面很简单，一个询盘表格，你的地址，联系方式就可以，其他的都不需要。
这里有一个表格的问题，麦子也要在这里强调一下。那就是表格的复杂程度，我们要注意的。比如下面这种，我的天，你这是在逗我吗，要填这么多内容，地狱难度啊，又不是做户口调查。你这是自绝于客户，自绝于询盘呀。
所以，表格我们也不要弄得太复杂。只要让他们填姓名，邮箱（这里可以引导一下客户填他的工作邮箱，写上work email），电话（有时候客户邮箱会填写错误，这时有个号码会好很多），公司名称，以及询盘信息能，如下图：
我们来对比一下两个网站的一个首图，看看它们之间的一些差别。再问下一个问题，如果你进了这两家网站，你会选择买哪家的产品，想必很多同学会选第一家的。
虽然他同一个产品，但是第一张图片的质感，和网页设计传递给我的品牌价值，比第二家那糟糕的设计要高得多。
当然B2B的设计不要求酷炫，但起码要整洁有质感，交互不要求花里胡哨，但要实用。这一块也是要我们花大精力去做的。
苹果官网的iphone 12 pro的设计首栏
其他网站的一个页面设计的首栏
我们可以先确认整个网站风格，包括颜色搭配，字体等这些，让咱们的设计师设计出一个Homepage，给整个网站定调。然后再一个一个设计页面模板，相同类目的产品页面模板保持一致，这么做即是要保持风格的统一性，也是为了以后上传产品页面方面。
写在最后：我们在设计的时候一定要参考大企业的风格，简单大气，有质感。
例如Apple等。千万不要参考国内网站的一些风格。真的，很多网站一看就是中国老板的，因为基本都是千篇一律的模板和样式，这点真的很头疼。所以，设计师设计好页面后，我们一定要审核，如果不满足自己的要求，一定要要求设计师改正，直到满意为止，切不可欺骗自己。
想一想，如果把你都不满意的东西，展现给客户，你的客户他会满意吗。我甚至有时就做到设计师边上，一坐就是几个小时，直到把图片和页面设计改到自己满意为止。网站设计好后，就可以给网站工程师制作啦，做好后上线，一个网站就完成啦。
热门活动 
其他
04-09 周四
热门报告 
