网站框架

首页 - 文章 - 网站框架3
  • 英文独立站详情页的策划与设计,有血有肉有温度

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

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

    格外重要的英文独立站框架规划,画龙画虎先画骨

    网站框架 谷歌SEO
    英文独立站框架规划指南 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 网站的流量走向 网站的框架我们一定要清晰明了,网站的流量导向也一定要清晰,往转化的方向走,像重要页面流动。销售漏斗的打造。一般我会将网站分为三种页面:引流页面,促进转化页面,转化页面。这三个页面的功能不同,侧重点也会不同。当然一个着陆页可以包含这三种页面功能。…