网站框架

手把手教会你英文独立站详情页的策划与设计 上一篇文章我们介绍了怎样去规划一个网站的骨架，那么下面我们就要来给这个骨架填充血肉，就是咱们网站每个详细页面的规划与制作。咱们今天就一起来学习一下，如何去规划一个个的详情页，怎样确定网站的整体风格，将他制作出来。好，话不多说，咱们开始吧。 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…

英文独立站框架规划指南 Hello，大家好，我是你们的朋友500强哥麦子 上一期我们一起讨论了B2B的一些运营的道与术，以及500强哥自己的一个独立站的历程。主要是一些框架性的东西。那接下来我们一起来了解一下B2B运营的一些方法和技巧，今天我要分享的是，我是怎样规划一个B2B独立站的？ 首先咱们要明确一点，在我们做网站之前，一定要规划好网站框架和内容，既要满足现有的需要，也要考虑到未来公司发展的需求，这个都是要事先规划好的。麦子见过太多的B2B的朋友，网站没几个月就大改一次，或者直接推倒重建，这样反反复复，陷入一个死循环。 网站的效果自然也就不必多说，肯定也好不到哪去，因为你每推到重来一次，就意味着你前面的运营工作等于白做，没有形成积累效应，以致达不到质变。这都是因为在建站之前，没有仔细的规划导致的。所以在做之前，我们一定要详细了解公司现在与未来的战略和需求。 1. B2B独立站规划流程 其实对于B2B来说，网站可简单也可复杂，关键是看自己的公司的需求。就比如，如果是一家比较小的企业，没有专门的技术人员。那我就会建议咱们简单点来，那些酷炫的交互效果和五花八门的建站技术，还有各类比较麻烦的一些数据工具，咱们就不要用了，用Wordpress为基础，设计十几个必要的页面，保证质感，简单大气就可以。如果是一家大企业，有专门的技术团队，那我们就可以考虑复杂一些的，玩出点花样来。总之，咱们一定要选择合适自己的策略。 好，话不多说，我们开始吧。下面是麦子做一个网站的流程图，朋友们可以参考借鉴一下，不一定适合所有人： 利用上面的一个流程图，这样我们就把制作网站的任务，给一步步拆分了，这样更清晰，也更利于我们把控网站制作的进度。 2. B2B网站的两个功能 上面我们一起讨论了一个网站的制作流程，那么下面，我们一起来了解B2B独立站的两个功能：转化和引流。我们只有深刻理解了B2B独立站的两个功能，这才能更好地进行下面要进行的独立站规划和制作工作。其实这一块在上一篇文章也已经阐述过，这里再罗嗦一次，因为它实在是太重要了。 2.1 B2B独立站的转化功能 在麦子看来，转化功能是B2B网站的首要功能，我们因该把它的重要性排在第一位，甚至比引流功能都要重要。网站要承载我们转化客户的重要任五。因为不管是通过广告，做Google SEO的自然流量，邮件营销，还是SNS引流，这些流量最终都要通过你的网站转化，如果你的网站转化能力弱，甚至转化不了，那你做的这些引流工作就是白做的。所以，一个B2B独立站站首要保证他的转化功能。 我们要保证B2B网站转化功能的话，就要保持网站宣传的专业性，真实性，和统一性。 专业性：你公司是不是这行业专家，能不能满足客户的各项要求。 真实性：不能过于夸大自己产品和实力，做虚假宣传，欺骗客户，不然后面会很麻烦。 统一性：任何宣传资料，宣传的口径要统一，不然会让客户产生不信任感。我举两个例子： 我刚来公司的时候，各个业务对公司成立的年份都说法不一，有的说01年，有的说06年，有的说13年，还有公司人数，有的说200多人呢，有的说是300多人。这个是很有问题的，给客户感觉就是管理混乱，不真实。所以，咱们对外宣传口径一定要统一。 2.2 B2B独立站的引流功能 对于网站来说，网站的引流功能就是靠做SEO，获取关键字自然排名，从而获取流量。这就涉及到了网站的SEO优化，包括站内优化，关键字研究内容创作，外链建设等等，目的就是将相关的关键词排名做上去，获取更多的客户。 好，在了解了网站的两大功能后，那咱们就要进入网站的下一步：关键字研究。关键词研究是一项专业而又耗时的工作，这里我们就先按下不说，第三篇文章我会和大家一起，一步一步去开展关键词的研究。好，那我们接着来讲网站框架的规划。 3. 规划之前需要知道的事情 1. 网站之于公司的角色，是精品站，还是个普通站；是用来转化，还是仅仅是个展示，以及未来投入的资源这些，都是要提前搞明白的。 2. 网站面对的客户群体是谁：不同的客户，不同的产品，体现和突出的主题是不同的： 比如：如果客户是世界500强的大公司，那么你可能要体现自己的实力，资质齐全，生产流程管理和质量把控这些。如果客户是个人创客：你可能就要体现物美价廉，低MOQ等。 再比如：如果你的产品和服务定位是科技类，那么你和网站和时尚类网站突出的主题，又是不一样的。 3. 网站未来的扩展性，Shopify 还是 Wordpress，是否符合你未来的发展。一般来说，B2B端建议用Wordpress，这样即保证了未来的扩展性，也不是太复杂，相比较于shopify，能更好地去开展SEO工作。 4. 网站框架规划 在开始之前呢，先问同学们一个问题：网站先做起来再优化，慢慢改，还是先规划好再做？ 我的答案无疑是后者：这个我实在太有体会了，我们最开始的一个网站，就是没有一丝的规划，就这样做起来了。结果框架和页面问题一大堆，每次改动都很痛苦，因为前期投入了不少资源，包括现在的我，都在填以前的坑，苦不堪言。毫不夸张地说：做起来后再改进，一般会比重新做一个还麻烦。所以前面的规划显得尤为重要。那么，一个B2B网站的合理框架到底是怎样的呢？它包含哪些元素，有哪些需要注意的地方？让我们一起来盘一盘它。 前面我们已经说了。在开始做网站之前，一定要规划好一个适合你产品的网站框架。其实一般情况下，一个网站的关键词框架出来后，一个网站的框架基本就完成了。右图是我规划的一个网站框架，仅供产考。特别要注意的是：客户关注点重点突出，重要信息重点突出。 在看网站框架之前，我们先来看一个我整理的一个关键词框架。这些内容会在下一篇文章里讨论，这里先略过。这里面用到的工具是Processon线上思维导图工具，你也可以用Xmind。 4.1 导航栏框架 然后我们可以基于关键词框架，整理出一个完整的网站框架。这个框架可能比较适合我们的行业，仅仅给各位朋友提供一个参考作用。行业不同，这个框架也会有差异。不知道各位朋友发现没，其实一个网站的导航栏就是整个网站的框架，所以，根据我们的关键词研究做出网站导航栏来，就是咱们的网站框架。 下面是我做的自己行业的一个导航栏样式，仅供参考： Home：返回首页的通道 About：这一块国内的很多企业不太重视这一块。但是我们从谷歌分析的后台的数据来看，国外友人很在乎这个，查看的人和次数很多，所以这一块我们也要认真对待。 Products：产品我们我们一定要按照产品的特征归类好，热卖的产品，主推的产品一定要放在导航栏上醒目的位置 Case Study：这块我会放一些我们曾经做过的案例，告诉客户，我们有相关的开发经验，开发周期快，能准时完成你们的给予的项目。 Resources：这块我会放一些自己的技术文档，并公开一些SDK等文档，以体现自己的研发实力和专业性。 Quality：这一块我会主要体现我们工厂的质量控制体系，我们是怎样保证产品质量的，产品的制作流程，每一个细节把控。以提高公司的档次 Blog&New：更新一些产品相关文章，公司的重大新闻（例如过了某个专业认证，得到了某项专利等等），行业趋势等等，以提高自己网站的专业度。 指导原则：最重要资料，最热销的产品，一定要体现在导航栏上，出现在最显眼的位置。 一个普遍的问题：产品数量太多，怎样规划关键字和页面架构？ 很多同学遇到一个问题是？我的产品和关键字实在是太多了，我要怎么做关键字布局呢？ 其实很多同学的产品大的分类不是很多，只是有很多小的分类，比如同一个产品：关键词是相同的，只是高矮胖瘦，颜色，材质不同而已。 这些情况都比较好处理，我们可以参考一个CNC Machine 网站。他的网站框架做的就非常不错，值得学习。首先做一个 CNC Machine 的总页面，包含所有 CNC Machine 类产品，然后再在下面的页面细分更细致的型号。我们来看看他的页面布局： 一级类目页面：https://www.abc.com/products/，这个页面包含了所有的二级细分分类产品。 二级类目页面：https://www.abc.com/cnc-wood-router/，这个页面包含了包含了所有的三级分类产品。 三级产品页面：https://www.abc.com/cnc-wood-router/6090-mini-desktop-cnc-router-with-4th-axis-rotary/，点击这条链接就可以进入产品详情页。 这里有个注意的点：页面的层级不宜过多，任何页面，客户最多点击三次，就要达到相关页面，不然层级太多，很影响体验和网站的转化。这个网站的处理方式还是可以借鉴的。 4.2 页脚框架 页脚这一块相对比较简单，也较一般会放着一些自己的公司信息，重要产品页面，社交媒体ICON等，霍尼韦尔这个我觉得还不错，大家可以参考一下。当然如果我们没有这么多内容元素的话，也可以更简洁点。主导思想是简单大气明了，多参考行业优秀竞争对手的样式。 4.3 网站的流量走向 网站的框架我们一定要清晰明了，网站的流量导向也一定要清晰，往转化的方向走，像重要页面流动。销售漏斗的打造。一般我会将网站分为三种页面：引流页面，促进转化页面，转化页面。这三个页面的功能不同，侧重点也会不同。当然一个着陆页可以包含这三种页面功能。…

我们很多传统外贸做品牌独立站，在B2B品牌独立站运营上遇到不少阻碍。由于近期我作为讲师，主持了一个为期6个月的B2B训练营，这里我也会将训练营的一些总结教训奉上......