在设计界有个名言是“时尚总是轮回的”，这句话同样适用于企业网页设计方面，经历过了扁平化设计、卡片式设计以及质感设计之后，你知道在2020年又流行的是什么风格的企业网页设计模板吗?下面我们就来了解下在新的一年中需要关注的流行趋势。

　　1、手机优先

　　据官方统计，目前使用手机上网的用户在总数上已经大大超过了电脑用换，因此在设计网站的时候优先选择的也是手机端，早在前几年的时候，设计师就开始对其进行思索，要怎样把一大堆的元素放进小小的手机里面，目前由于手机网页在设计方面更加的成熟，设计师们则是思考要怎样对菜单简化，让用户在浏览时更加的便捷。

　　2、破裂网格式排版

　　有很多的企业网页设计模板在需要设计出能够放置大量信息的版块的时候总是会排版成规整的方块网格状，但是一些品牌在此基础上进行了思维米箱的大胆突破，尝试使用各种不规整的破裂的网格式排版，使得网页设计充满了美感，在2020年这种风格将继续的得到延续。

　　3、饱和色搭配

　　可以说今年是非常追求极限色彩的一年，在原先传统的企业网页设计的时候设计师们往往使用的是安全色来搭配网站，但是在今年，越来越多的网页设计师开始了大胆采用饱和色彩，同时在里面还会加入动感的阴影。在header上也有了很大的创新，采用的是非水平式设计样式，让整个页面显得更加的动感和个性。由于网页设计技术的不断革新以及手机显示屏画质的提高，很多品牌在设计官方网站的时候也都会使用到这种动感和饱和色的搭配，达到良好的吸引用户眼球的作用。

　　4、运用阴影

　　在企业网页设计模板中运用阴影可以算是一件比较平常的操作了，但是如果在里面加入了网格和视差，再采用思路操纵阴影就会让整个页面展现出一种破屏而出的立体感，这也是新一年中的网页设计趋势。

　　2020年企业网页设计模板的流行趋势大概就如此了，如果打算进行网站建设的时候，不妨可以参考这些模版。

　　为什么又要开发小程序呢?小程序、H5、微信公众号定制、微商城有什么区别?

　　H5开发

　　定义： HTML，就是你跟浏览器下达命令的语言。比如要把一篇文章显示在浏览器上，文章既有图片又有文字，你要告诉它哪些是文字，哪些是图片，并且分别都放在哪个地方，需要用什么样式……

　　H5是HTML的第五个版本，全称HTML5，H5就是移动端的web页面。H5游戏可以看作是移动端的web游戏，无需下载软件即可体验。

　　可以说：HTML5并不是一项技术，而是一个标准。

　　应用： H5算是一个较低成本的营销方式，花点钱做个H5扔到朋友圈，通过自媒体，有可能出现裂变式增长。

　　所以现在很多企业投入H5营销，投入社交媒体的影响中去了。

　　它更多的应用在：微信H5(H5动画、H5小游戏、H5弹幕、节日贺卡)、交互视频、户外大屏交互解决方案、PC HTML5广告上。

　　优点：

1、提高可用性和改进用户的友好体验;

　　2、有几个新的标签，这将有助于开发人员定义重要的内容;

　　3、可以给站点带来更多的多媒体元素(视频和音频);

　　4、当涉及到网站的抓取和索引的时候，对SEO很友好;

　　5、将被大量应用于移动应用程序和游戏;

　　6、可移植性好。

　　缺点： 该标准并未能很好的被浏览器所支持。因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳。

　　定价：1.如果只是做一个H5页面的设计，不会很多钱，很多都是免费的工具。

　　2.普通级H5网站通常一个人就能完成，执行成本通常在2000-5000元左右。

　　3.专业级H5利用市面上流行的高级H5制作工具，执行成本一般在5000-30000元左右。

　　4.专家级H5不用使用第三方H5工具平台，所有的项目以开发的方式来实现，从策划、执行、到推广、数据收集整个完整的项目服务。执行成本一般在50000-100000元左右。

　　5.大师级H5通常的项目执行成本在100000-200000元左右。

　　微信商城开发

定义： 微信商城是微信公众平台上一个有关商城服务的应用，相当于手机上的商城购物。

　　目前微信商城的规模已超5.4万亿，但对于绝大多数商家或企业来说，缺乏专业的微信开发团队和相关人才难以培养是搭建企业微信商城的硬伤。

　　是否能够为商户提供真正的促进销售转化的系统工具和优质的服务(如免费的基础运营培训等)是考验商城开放服务商的重要标准。三大巨头包括有赞、点点客、人人店。

　　微商城可以囊括很多营销场景和行业，比如：社区服务、餐饮外卖、房产旅游、拼团优惠券、汽车、医疗、相册等。(注：价格不作为参考)

　　可开发的功能模块有上百个，主要通过以下七大产品体系承载：微网站模板系统、互动营销系统、会员管理系统、预约订单系统、微信在线购物系统、渠道管理系统、多项独立应用。

　　优点：

1.可以借助微信的用户提高商城的购买力，实现移动端的便捷营销。

　　 2.不仅仅是一个新的销售渠道，更是帮助企业进入移动电商行列快速有效的途径。

　　缺点： 属于新兴行业，外包公司多，业内相关服务良莠不齐。

　　定价： 没有统一的价格标准，还是根据客户对商城的功能需求进行报价。功能越多、增值业务越多，价钱越高。

　　商家自建微商城，很多高级接口和附加功能是需要收费的。

　　一般情况下，几千到一万一年便可以搭建完成基础版的微商城。此类商城大多为中小商家所接受，且比较大众化，操作起来也算方便。

　　个性化定制，开发全新的商城需要多方面人力、物力的支持，费用高也在情理之中，几万到几十万是需要的。

　　选择哪种开发方式，得看企业的资金预算，适合自己的才是好的。

　　微信公众号定制开发

　　定义： 微信说白了就是个“聊天工具+内置浏览器”。只要你会一些技术，就能在H5网页开发出不错的功能。

　　所以微信公众号定制开发服务商应运而生，可以满足客户对微信平台使用的各种需求，让展示、推广、互动、成交各个环节快速进入微信营销轨道，增强用户和品牌的黏性。

　　主要包含产品/界面设计、微信开发、后端开发三类项目。

　　产品/界面设计：需要以用户为中心，了解手机用户需求，细化至每个细节，设计覆盖用户所有需求的产品功能点。

　　保证设计出视觉美观、体验流畅的交互界面。

　　下面是为一个房产类公号的UI设计图：

　　微信开发：面向ios系统、安卓系统、微信公众号、H5页面的开发。实现多平台、多平台间的交互。

　　后端开发：数据库搭建、便捷、维护，面向客户端及CMS(内容管理系统)端口的开发。

　　为前端App和CMS(内容管理系统)提供稳定到校的数据信息服务。稳定性好的可支持千万级用户同时在线使用。

　　比如，对转化率等进行管理、维护、统计、分析，在表单后端集成了微信消息推送。

　　应用： 所有的功能实现，都是基于你公号目前的接口权限的。认证后拥有高级接口，可以实现的接口有以下几种：

　　语音识别客服接口、生成带参数二维码(服务号更偏重服务，所以对开发者支持也比较多，订阅号不支持此项功能)、获取用户地理位置、微信支付(订阅号不支持此项功能)、获取用户基本信息、获取关注者列表、用户分组接口、上传下载多媒体文件等接口。

　　利用好这些接口，根据你的需求，发挥想象力，可以实现很多功能。

　　添加的相关产品：标夫子、微信营销、小程序以及控制台

　　优点： 和自身产品、项目结合，实现更好的销售转化/用户体验。

　　缺点：1.需要技术功底，开发难度大，成本高。

　　2.市场、用户需求的变化导致功能要不断修改和完善。

　　3.服务器出问题，影响公众号正常使用。

　　定价： 根据功能大小、技术难度而定。

　　微信小程序

　　定义： 微信小程序，简称小程序，是一种不需要安装下载即可使用的应用。

　　实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用，也体现了“用完即走”的理念。

　　小程序能实现消息通知、线下扫码、公众号关联等七大功能。

　　应用：1.适用多种营销场景：网上开店、数码家电、门店引流、营销活动、在线预约、外卖配送等。

　　2.适用多行业：食品快消、数码家电、母婴亲子、美妆护肤、教育培训、日用百货、水果生鲜、餐饮外卖、蛋糕烘焙、美容美发、休闲娱乐、酒店旅游等。

　　优点：1.开发难度低，难度不及App，能够满足简单的基础应用，适合生活服务类线下店铺及非刚需低频应用的转换。

　　2.同步订单，跟微商城或零售店铺打通，无需额外运营成本，轻松管理。

　　3.自带流量，微信9亿月活跃用户，附近的小程序、微信搜索等功能，让你轻松获取流量，抓住客户。

　　4.可以尝试优惠券/码、满减/送、多人拼团等多种营销玩法，抓住流量，获取销量。

　　5.可以调用比H5更多的手机系统功能进行开发，例如GPS定位、录音、拍视频、重力感应等，能开发更丰富的使用场景。

　　6.打开速度比普通H5快，接近原生App。

　　7.在安卓手机上可以添加到手机桌面，看上去跟原生App差不多，但仅限安卓手机，iphone就不行了。

　　8.运行速度跟App差不多，也能做出很多H5做不到的功能，开发成本跟H5差不多，相对来说开发成本比App要低。

　　缺点：1.只有2M的大小，导致无法开发大型的小程序，所以目前很多小程序很小、很简单。

　　2.不能跳转外链网址。

　　3.需要像App一样审核上架。

　　应用：1.适用多种营销场景：网上开店、数码家电、门店引流、营销活动、在线预约、外卖配送等。

　　2.适用多行业：食品快消、数码家电、母婴亲子、美妆护肤、教育培训、日用百货、水果生鲜、餐饮外卖、蛋糕烘焙、美容美发、休闲娱乐、酒店旅游等。

　　优点：1.开发难度低，难度不及App，能够满足简单的基础应用，适合生活服务类线下店铺及非刚需低频应用的转换。

　　2.同步订单，跟微商城或零售店铺打通，无需额外运营成本，轻松管理。

　　3.自带流量，微信9亿月活跃用户，附近的小程序、微信搜索等功能，让你轻松获取流量，抓住客户。

　　4.可以尝试优惠券/码、满减/送、多人拼团等多种营销玩法，抓住流量，获取销量。

　　5.可以调用比H5更多的手机系统功能进行开发，例如GPS定位、录音、拍视频、重力感应等，能开发更丰富的使用场景。

　　6.打开速度比普通H5快，接近原生App。

　　7.在安卓手机上可以添加到手机桌面，看上去跟原生App差不多，但仅限安卓手机，iphone就不行了。

　　8.运行速度跟App差不多，也能做出很多H5做不到的功能，开发成本跟H5差不多，相对来说开发成本比App要低。

　　缺点：1.只有2M的大小，导致无法开发大型的小程序，所以目前很多小程序很小、很简单。

　　2.不能跳转外链网址。

　　3.需要像App一样审核上架。

　　外包定价： 小程序开发环境搭建相对简单，开发者前往首页的项目介绍页面，点击开发工具链接进入获取微信web开发者工具即可。

　　目前小程序开发工具支持windows32/64以及mac平台，用户可以根据需要选择。

　　小程序的成本主要是人力成本，一般来说这个占到总成本的80%以上，开发一个小程序需要产品经理+设计师+程序员。

　　工期根据小程序的复杂程度而定，一般开发一款普通的小程序在15天左右。

　　当然你可以选择外包公司来做，比如像天勤振邦这样靠谱的服务商，我们会按照投入的工期进行收费。从来不乱报价。

　　小程序开发分为模板小程序和定制小程序。可以开发企业官网型小程序、服务行业小程序、餐饮外卖小程序、商城小程序、企业营销名片小程序等类型。

　　很多SEO公司说 PageSpeed Insights (PSI) 跟 SEO 无关，其实错了，Google 早已经明确表达“网站使用者体验”与“网站效能”跟 SEO 有关，而 PSI 就是在帮助网站检测“网站使用者体验”、“网站效能”的重要工具，网站架构影响了SEO成效，如果能在PSI拿到高分，就等于在 SEO 有了更好的起跑点，这也是为什麽SEO必须跟网页设计做深度整合的原因。

　　什麽是 PageSpeed Insights (PSI)?

　　PageSpeed Insights (PSI) 是由 Google 提供的网站测试工具，主要是测试“网站使用者体验”与“网站效能”这两项，Google 定义了许多标准，让网站开发者或是网路行销可以依照这些指标去改善网站，让网站可以更符合使用者体验 (UX)，可以更快更好用。

　　PageSpeed Insights 怎麽测试?

　　首先到 PageSpeed Insights 测试网站，输入想测试的网址，按下【分析】按钮，等待结果出来，结果会分成行动装置、电脑结果，通常我们会以行动装置报告为主，因为 Google 自然排名是以手机版网站作为排名依据。

　　1、用 PSI 测试网站效能与使用者体验

　　第一区测试结果是“使用者体验”

　　往下的第二区测试报告是“网站效能”

　　PageSpeed Insights 测试指标有哪些?

　　PSI测试分成“使用者体验”与“网站效能”这两项，使用者体验包含 3 项核心指标 (LCP、FID、CLS) + 3 项其他指标 (FCP、INP、TTFB)，网站效能则有 6 项指标 (FCP、SI、LCP、TTI 、TBT、CLS)，其中的LCP、CLS、FCP在两项测试指标是重複的。

　　什麽是网站体验核心指标?

　　Google 在2020年推出网站体验核心指标 (Core Web Vitals)，用来测量网站的使用者体验是不是良好，以 LCP (最大内容绘制)、FID (首次输入延迟)、CLS (累计版面配置转移) 这三项作为核心指标，测试结果绿色是优良，黄色是待改善，红色是不及格，可以从 PageSpeed Insights 测试中得到数据，如果想更进一步知道哪些页面的 Core Web Vitals (网站体验核心指标) 需要改善，可以到Google Search Console 的网站体验核心指标找到资讯。

　　Core Web Vitals 的三个测试指标

　　GSC 的网站使用体验核心指标

　　PageSpeed Insights 的 9 种优化指标

　　使用者体验、网站效能加起来总共有 9 种指标，包含 LCP (最大内容绘制) 、FID (首次输入延迟) 、CLS (累计版面配置转移) 、 FCP (首次内容绘制) 、INP (下个画面的互动) 、TTFB (跑出第一字节时间) 、SI (速度指数) 、TTI (可互动时间)、TBT (封锁时间总计)，让我们看一下各代表什麽意思，以及该如何优化，因为涉及太多技术，我们尽量深入浅出让大家理解。

　　LCP (最大内容绘制) 如何优化?

　　LCP (Largest Contentful Paint) 最大内容绘制，把网页想像是一块画布，渲染就是作画，LCP 就是画布上最大那一块的绘制时间，LCP 在测试网站最大内容载入的时间，最大内容可能是图片或影片，也可能是文字，LCP 时间越快越好，一般网站为例，LCP 通常是形象大图，或者是影片，这些内容优化就变得非常重要，也是影响 LCP 的最大因素。

　　LCP 是网页中最大内容 (此例是大图)

　　LCP 测试标准最佳是低于 2.5 sec

　　使用PRPL模式做到即时加载

1. 　　Preload：预先加载重要档案。(例如：预先加载 CSS)。
2. 　　Render：加速渲染初始路线。(例如：使用 SSR 伺服器端渲染)
3. 　　Pre-cache：预缓存原本有的档案。 (例如：使用 API 预缓存)
4. 　　Lazy load：延迟加载其他路线和非关键的档案。 (例如：延迟载入图片)

　　优化关键渲染路径

　　精简DOM的架构，优化HTML程式码，与各种路径流程，包含CSS、JavaScrip...

　　优化您的CSS

　　精简CSS提昇载入速度，没有用到的CSS一定要移除，可减少行数并整合语法。

　　优化网站图片

　　压缩图片提昇载入速度，图片压缩到肉眼无法分辨的品质即可，不要使用原图直接上架。

　　优化网页字体

　　使用网页加载速度快的字体，可以的话，尽量用浏览器预设的字体。

　　优化您的JavaScrip

　　优化 Client 端的 JavaScrip，避免使用载入慢的 JavaScrip，尤其是複杂的动画或效果。

　　FID (首次输入延迟) 如何优化?

　　FID (First Input Delay)首次输入延迟，就是网页被使用者第一次点击 (Click) 所需要等待的时间，无论是点击连结、按钮、下拉选单，等待时间低于100毫秒就算是好的FID，会用首次输入作为指标的是因为首次使用者体验是最重要的感受。

　　FID 测试标准需低于 100ms

　　减少第三方代码的影响

　　把没有用的第三方代码移除，或是减少使用不必要的代码

　　减少JavaScript 执行时间

　　避免使用又大又慢的JavaScript，没用到的JavaScript要移除，压缩程式码，拆解JavaScript程式码分开执行。

　　最小化主线程工作

　　检视网站内容显示的主要流程，将每一个步骤最小化。

　　保持较低的请求数和较小的传输大小

　　减少请求的数量，包含html、CSS、JavaScript、图片、字体、媒体、动画(GIF)

　　CLS (累计版面配置转移) 如何优化?

　　CLS (Cumulative Layout Shift) 累计版面配置转移是在测试网站的“视觉稳定性”，你有没有过一种经验，要点一个按钮或是连结的时候，画面忽然跳掉或是画面错位，甚至跳出广告，造成你无法点击的状况，记录版面配置转移这就是CLS指标存在的目的。

　　CLS 测试标准需低于0.1分以下

　　固定图片或影片尺寸

　　如果网页有图片或是尺寸建议就是设定尺寸，或是使用CSS容器去预留需要的网页配置，避免内容重叠或是跑版，可以用 unsized-media 强制执行此行为(有支援的浏览器才可以)。

　　避免使用跳出视窗功能

　　除非是使用者点击按钮或连结，否则就不要制作自动跳出视窗的任何内容，以免发生内容佈局的偏移，造成不佳的使用者体验。

　　选择简单的动画

　　尽量採用单纯的换图动画，而不是会跳来跳去的动画，避免产生佈局偏移，动画是为了示意与转场，帮助内容的顺畅连续性，而不是花俏动画。

　　FCP (首次内容绘制)怎麽优化?

　　FCP (First Contentful Paint) 是跑出网站第一个内容的时间，FCP的内容可以是文本、图片、元素，把第一个出现的内容时间作为指标，也代表整个网站流程优化的展现。

　　FCP、FID、TTI 指标之间差异

　　FCP 首次内容绘制时间需低于 1.8 sec

　　消除阻塞渲染的资源

　　找出阻碍网页显示内容的原因，并将它排除，包含html、CSS、JavaScript、第三方程式…。

　　优化CSS

　　减少CSS程式码，把没有用到的CSS 移除

　　预连接到所需的来源

　　如果有需要预先连结的第三方网站，可以先预先设定连接。

　　减少服务器响应时间(TTFB)

　　TTFB是资源请求到回应的时间指标，减少TTFB时间就能加速FCP的时间。

　　避免多个页面重定向

　　从一个http跳到另一个http是很耗时间的，所以尽量不要使用页面重定向，尤其是多个页面重定向(301/302)

　　预加载关键请求

　　把关键重要的CSS、JavaScript预先加载进来，可以加快载入的时间。

　　避免巨大的网路负载

　　避免使用需要从外面载入网站的资源，以免连外面网站的时候花费太多时间。

　　高效缓存静态资料

　　利用Cache-Control暂存字型、图像、媒体… 静态资源，加快载入的速度。

　　避免DOM过大

　　写DOM架构的时候，必须精简程式，需要时才创建DOM 节点，不需要时应把节点移除，不要让DOM结构过大。

　　DOM是什麽?

　　DOM全名是Document Object Model 中文称作“文件物件模型”，DOM就是把HTML的各个标籤，包括文字、图片…，定义成物件，物件会形成一个树状结构，DOM也可以说是网站原始码的结构。

　　最小化关键请求深度

　　最小程度的使用关键资源连结数量，或者延迟下载，改变加载顺序，缩短下载路径长度

　　确保文字在网页加载时可以看到

　　字体需要时间才能载入完成，还没载完之前会看不到文字，要先用浏览器预设字体先暂时显示载完再换字体，以免FCP时间拉长。

　　INP (下个画面的互动) 怎麽优化?

　　INP (Time to First Byte) 下个互动画面的时间指标，INP是在测量网页操作流程的所有点击的反应能力，当使用者点击后产生反应的时间，越不顺畅的就会花上更多时间，主要是再测试滑鼠、触控银幕、键盘的点击后的反应时间，跟FID有一点相似，但FID只测量第一次，INP却是测量全部的点击反应，是更全面的指标。

　　INP 测试标准要低于 200ms

　　减少不需要的程式码

　　把多馀的CSS、JavaScript移除，没有用的一定要移除，减少加载的负载

　　把程式码拆开执行

　　在网页加载期间延迟加载比较不重要的JavaScript

　　避免DOM过大

　　精简DOM架构，减少DOM 节点，把不需要的节点移除，不要让DOM过大。

　　移除没有用到的第三方程式码

　　检查是不是有没用到的第三方程式，如果有就移除，或者用更精简的方式使用。

　　TTFB (跑出第一字节时间) 怎麽优化?

　　TTFB (Time to First Byte) 是测量从网站请求到回应完成的时间指标，主要在测试从主机、系统、程式之间的效能速度，从这个指标就能知道网站主机效能、频宽速度。

　　TTFB 测试标准需低于800 ms

　　选择好的网站主机

　　网站代管商的主机效能会影响TTFB数据，所以有足够效能与频宽是非常重要的。

　　採用专业的程式

　　好的网站设计公司可以写出效能好的程式，连接外速稳定的资料库。

　　使用CDN服务

　　如果希望全世界的节点都有一定的反应速度，可以採用CDN服务，可以让速度加快，以提昇TTFB效率。

　　避免多次重定向

　　网站重定向很浪费时间，一定要避免多次的网址重定向，将CLS预先提交给HSTS预载列表，减少HTTP 重定向到HTTPS的时间。

　　预先连结网站外的资源

　　如果有需要外连的资源，可以提前预先连结，减少加载时间

　　使用HTTP/2 或 HTTP/3

　　使用新一代的网页伺服器，可以提昇反应时间。

　　预先加载需要的资源

　　把关键重要的CSS、JavaScript预先加载进来，可以加快载入的时间。

　　SI (速度指数) 怎麽优化?

　　SI (Speed Index) 指数是测量“内容的视觉显示速度”，就是从没有到看到完整视觉页面的时间，是跟身体感觉的速度是很接近的数值，速度要低于3.4秒才算快。

　　SI 标准需低于 3.4秒

　　最小化主线程工作

　　这个主线程优化工作范围是很大，包含html、CSS、JavaScript、图片、动画，整个流程都是。

　　减少JavaScript执行时间

　　JavaScript 是一个很吃时间的程式，载入过多複杂的JavaScript (动画效果)，都会严重影响SI数值。

　　确保字体保持显示状态

　　字型载入是需要时间的，尤其是非浏览器预设的字型，都是需要时间载入的，如果无法使用预设字体，至少要先让网页显示，避免画面缺字，也会影响SI的时间。

　　TTI (可互动时间) 怎麽优化?

　　TTI (Time to Interactive) 可互动时间是指“网页进入可互动状态”所花费的时间，简单来说就是网站要载入完成才能开始互动，HTML、CSS、JavaScript、图片…必须都已经载入完成，互动的点击或功能才能真正使用，而TTI就是载完可互动时所花的时间。

　　TTI 标准需低于 3.8秒

　　减少不必要的JavaScript

　　删除不需要JavaScript，或是延后载入不重要的JavaScript，都可以提昇TTI的效能。

　　以PRP模式减少负载

　　Preload：预先加载重要档案 (例如：预先加载CSS)。

　　Render：加速渲染初始路线。(例如：使用SSR伺服器端渲染)

　　Pre-cache：预缓存原本有的档案。(例如：使用API预缓存)

　　Lazy load：延迟加载其他路线和非关键的档案 (例如：延迟载入图片)

　　优化第三方JavaScript

　　很多第三方JavaScript都会拖垮网站速度，可以试著整理一下第三方JavaScript，不需要的JavaScript移除，或者与先载入需要的JavaScript。

　　TBT (封锁时间总计) 怎麽优化?

　　TBT (Total Blocking Time) 是测量用户输入后的延迟累计的时间，包含滑鼠点击、银幕点击、按下键盘的等待时间，主要是把FCP(首次内容绘制)、TTI(可互动时间)的时间加总。

　　TBT 标准需低于 200毫秒

　　优化网站程式

　　程式码包含HTML、CSS、JavaScript、图片压缩、第三方程式码…，只要会延迟时间的因素都要排除。

　　提昇主机与系统效能

　　主机效能与反应时间，资料库的回应效率，都会影响TBT数值，所以要把主机、系统都提升到一定程度的规格跟效能。

　　结论

　　PageSpeed Insights(PSI) 不只对“网站速度做测试”，还包含了前端程式、主机效能、使用者体验、网站内容…，进行全面性的测试，把PSI分数优化到高分，就代表“网站符合 Google 定义的优良网站条件”，要做Google的SEO当然要按照Google的网站标准来优化，PSI的分数低不代表网站速度慢，也不代表SEO完全没有希望，但如果网站跟产业是高竞争，那PSI检测与调教肯定是不能马虎了，必须找真正可以制作PSI高分的网页设计公司。

　　SEM(搜索引擎营销)推广已成为当今数字营销领域的重要手段，通过在搜索引擎中展示广告，企业可以准确地吸引潜在客户，提高品牌知名度和销售业绩。

　　然而，选择适合的行业进行SEM推广至关重要。本文将分析几个适合采用SEM推广的行业，并揭示这些行业中的潜在商机。

　　1、零售行业

　　在竞争激烈的零售市场中，SEM推广为企业提供了与潜在消费者直接互动的机会。通过精心选择关键词和定位目标受众，零售商可以将广告准确展示给有购买意向的消费者，增加品牌曝光度和销售额。

　　2、旅游和酒店行业

　　对于旅游和酒店行业而言，SEM推广是吸引游客并提高预订量的重要途径。当消费者在搜索引擎中寻找旅游目的地或酒店时，SEM广告的展示可以迅速吸引他们的注意，增加预订率。

　　3、教育行业

　　随着在线教育的兴起，SEM推广对于教育机构和在线学习平台来说变得尤为重要。通过SEM广告，教育机构可以准确地将课程和学位计划推荐给潜在学生，提高学员招生量和知名度。

　　4、健康与医疗行业

　　SEM推广在健康与医疗行业中的应用日益普遍。患者通常通过搜索引擎寻找医生、医院和健康服务。通过SEM推广，医疗机构可以增加在线可见性，吸引潜在患者，建立信任并提高预约量。

　　5、专业服务行业

　　律师事务所、会计师事务所和咨询公司等专业服务行业可以通过SEM推广来增加业务曝光度和潜在客户。

　　6、科技和软件行业

　　在快速发展的科技和软件行业中，SEM推广可以帮助企业推广创新产品和解决方案。通过针对特定的关键词和受众群体进行广告投放，企业可以吸引潜在客户，增加产品销售和业务合作机会。

　　7、美容和时尚行业

　　SEM推广对于美容和时尚行业来说是一种有效的营销手段。通过展示与美容产品、时尚品牌和美容服务相关的广告，企业可以吸引到有购买意愿的潜在消费者，提高品牌知名度和销售额。

　　8、房地产行业

　　房地产行业是一个竞争激烈且需求量大的行业，SEM推广可以帮助开发商、房产中介和房地产经纪人促进房屋销售和租赁。通过在搜索引擎中展示相关房地产广告，吸引潜在买家和租户，提高转化率和成交量。

　　SEM推广在各个行业中都有其独特的应用和优势。无论是零售、旅游、教育还是健康等行业，通过精确选择关键词、优化广告投放和跟踪转化率，企业都可以挖掘潜在的商机并取得市场竞争优势。

　　随着互联网的发展，越来越多的人使用网络查找需要的信息。搜索引擎因为这个需求而产生了，搜索引擎通过特有的蜘蛛程序，对互联网上的信息进行搜集、整理、分类等。当用户填好关键词点击搜索的时候，搜索引擎便会通过特殊的算法将相关信息按照相关度进行排列，展示给用户。

　　排名靠前的信息能获得更多的点击量，因此搜索引擎竞价也应运而生。现在SEM大多就只是指竞价这方面。sem这种网络推广方式目前已经非常成熟，也是一个非常大的市场。一般新建的网站想要在短期内获得比较好的排名和优质的流量，进而增加销售机会，选择SEM推广效果是非常明显的。

　　小企业如何开始做sem推广呢?众所周知，目前做sem的成本已经很高了，尤其是一些竞争比较激烈的行业。比如：医疗、美容、教育培训等行业。基本上都是几家大企业在竞争，争排名，推高关键词价格。小企业要从正面竞争显然要付出巨大的投入，所以在选择sem推广前，应该做好充分的准备。

　　1、做好竞争对手分析：行业内有几家竞争对手在做sem推广，推广的策略和卖点是什么。有那些做的还不够的地方。

　　2、行业市场情况分析：目前行业各机构的市场占有率是多少，每月sem投入及产出情况。

　　3、企业自身特色和优势：目前行业还有那些比较薄弱的环节进行挖掘，强化竞争优势。

　　4、用户群分析：sem推广的目标客户群是那些，这类人群上网、搜索的习惯是怎么样的。

　　5、sem竞价策略和目标：做任何事都应该有一个明确的目标，这样才能在复杂多变的市场中不迷失自我。

　　伴随APP开发销售市场受欢迎，越来越多企业规模不一、总体水平不一的APP开发公司连续不断不断涌现，但数量提升背后的商品质量问题仍是APP开发行业的一大困惑。或是开发公司不完善，APP新项目的质量及预期效果没法保证;或是开发公司不可信，最新项目被中途闲置不用等等都有可能出现。因此对于有APP开发市场需求消费者来讲，如何选择一家可靠且更好的开发公司也变得尤为重要。那么对于一家开发公司的挑选，应以什么方式进行充分考虑?

　　1、公司资质

　　首先要了解一个APP开发公司是不是有这些方面经营资质，比如经营准许、联通增值业务准许这种，必须确立这个不是一家皮包公司，可以进行技术性的开发设计。

　　2、公司规模

　　同时还要考察学习一家公司的企业规模以及公司员工的产生。一家颇具规模的公司别说工作经历丰富多种多样，但起码能给予消费者一定的肯定。除此之外，必须确保可以正常研发设计一款APP，开发有限公司需要具备商务人员、内容运营、UI设计师、技术工程师、软件性能测试、销售人员等相关员工，这样才能够一站式解决APP开发过程中出现的发展瓶颈。

　　3、技术实力

　　随后需要考虑一家开发有限公司专业技术整体实力，因为这个关乎着APP的实际运行。一般来说，一家开发公司的专业人士出来工作时间越长，技术实力越强大，APP开发运行后出现的Bug难点也会相对能少一些。

　　4、专业经验

　　事实上一家开发公司是否专业这一点可以从该公司过去的典型案例来查看。案例越获得成功，那般就说明开发公司越把握APP开发市场，把握用户心理。尤其是务必研发设计一款APP，开发公司的业务能力就尤为重要。

　　很多企业都想开发自己的APP软件，实力比较强的且从事互联网行业的公司一般都有自己的开发团队，而更多的企业是没有自己的开发团队的，如果企业想开发自己的APP，无论是自己组建团队开发还是找APP开发公司开发，都要确保APP开发团队的专业性，因为只有专业的人员，才能打造出高质量的APP软件产品，那么专业的APP开发团队都有哪些人呢?

　　一、产品经理：

　　产品经理需要结合企业对APP的初步需求，完善APP产品的功能，因为很多企业不明确自己的APP是什么样子的，只会说像某某APP一样的软件，或者是有哪些功能的软件，或者是给哪些人使用的软件，企业对APP的功能需求只会有大概的方向，而真正开发APP时，事无巨细，所有的事情都必须明确，不能模糊，因此专业的产品经理能够设计出客户理想的APP软件，并能解决用户的需求。

　　二、UI设计师：

　　UI设计就是最后用户看到的APP页面情况，APP主体色系的选择以及图片设计，因为相较于文字，图片能够给用户更加直观的感受，好的界面会给用户更好的视觉体验。

　　三、程序开发人员：

　　程序开发人员就是实现APP产品功能的人，目前APP主要有安卓系统版和苹果系统版，如果开发这两个版本，需要Android开发工程师、iOS开发工程师，除此以外还需要前端工程师以及后端工程师，前端主要是界面设计实现，后端主要用于数据处理，目前后端用到比较多的技术是Java。

　　四、测试工程师：

　　APP软件开发完成以后，需要经过专业的测试工程师进行测试，因为没有人能在第一次就开发出无bug的APP软件，软件测试以后，能够及时发现问题并处理，待到APP上线以后，就会减少出现问题的情况，让用户拥有更好的使用体验。

　　以上就是APP开发团队所需要的人员，每个人员都需要专业的技术能力，因此想要打造一款高品质的APP软件，通过专业的APP开发人员定制开发APP软件是非常有必要的。

　　如何判断网站需不需要改版?

　　大家都知道互联网发展得特别快，也许几年前做的网站版本已经很老了，已经不适合现在的一个审美以及需求了，这时很多企业以及商家都想要说对自己的网站进行改版，那么我们应该如何判断需不需要改版呢?

　　1.网站中看不中用

　　不管之前建站的时候花了多少钱，无法为企业带来利润的网站其价值可以归为0，网站建设公司相信任何一个企业建设网站都是希望能通过互联网这个渠道为公司带更多的订单和客户的，因此如果网站长久都没法创造利润的话可以考虑重新改版了。

　　2.网站功能不能适应公司的发展需求

　　也许最开始建设网站的时候企业还处于中小型，后期公司业务扩大起来了就需要增加多一些功能来进行管理，如果当初简单制作的网站已无法适应现在的需求，建议可以进行网站改版或者重新建一个网站。

　　3.没有客服系统

　　任何一个营销网站都会有一个在线客服系统的，这是方便客户在浏览网站的时候有问题需要咨询，而且大部分企业都是通过此方式来提高转化率的。无法与客户进行互动，引导客户交易的网站都不算是一个好的营销网站。

　　4.页面设计俗气

　　每个人的审美都不一样，但一个时代的审美却是大同小异的。关键是看如何在这大同中存有亮点的差异，倘若用户打开网站后没有继续想浏览下去的欲望甚至立马就关掉，那上海网站建设认为这个网站可以考虑重新改版了。

　　不管是符合上的哪一点，网站都可以考虑重新改版建设，小编认为一个老站进行改版总比新做一个网站得到的排名和流量要快很多，当然前提是这个老站的权重和域名没有被百度惩罚或者降权。

　　多语言外贸网站是拓展海外市场的第一步，如果你用的是WordPress程序，多语言插件也有不少，其中一款好用的是GTranslate，它使用谷歌自动翻译服务，免费版与付费版主要区别是付费版在SEO方面支持搜索引擎索引。如果只是想简单的实现多语言站点自动翻译，对翻译后的内容没有SEO方面的要求免费版基本也够用。

　　一、GTranslate翻译插件简单介绍

　　WordPress多语言翻译插件 – GTranslate是谷歌团队专门为WP系统开发的一款即时在线翻译插件，能够翻译绝大部分世界上通行的语言。GTranslate 拥有103种可用语言，可以保证你的网站将可供99%以上的互联网用户使用他们熟悉的语言浏览访问。对于WordPress外贸建站用户来说，最重要的是其付费版本与SEO完全兼容，这可以在很多程度上增加你网站的国际流量和产品成交及销售订单。

　　二、GTranslate翻译插件使用注意

　　用插件实现多语言较为方便，但此方法做出的多语言网站SEO效果一般，只建议展示站使用，因为是机译，不可避免的会出现词不达意，或者上下内容大意衔接出现很大偏差的情况，而GTranslate付费版的神经网络翻译会好一些。如果想要SEO营销型多语言网站，每个语种都要当做独立的网站来做效果才比较好。很多建站公司所谓的几十种语言的网站都是使用插件自动生成的，所以不具备良好的SEO性能，这一点要注意。

　　三、插件特色

　　免费的Google自动翻译

　　隐藏“建议更好的翻译”弹出窗口

　　翻译后隐藏Google顶部框架

　　鼠标悬停效果

　　Google Analytics(分析)整合

　　即时翻译网站

　　翻译文章和页面

　　翻译类别和标签

　　菜单和小部件翻译

　　主题和插件翻译

　　从右到左语言支持

　　Google语言翻译小部件

　　根据浏览器定义的语言自动切换语言

　　可用样式下拉菜单

　　浮动语言选择器

　　菜单中带有标志的语言栏

　　WooCommerce商店翻译

　　延迟加载语言标志以提高性能

　　四、付费版功能

　　多语言SEO – 启用搜索引擎索引

　　具有人工翻译质量的神经机器翻译

　　增加流量和AdSense收入

　　搜索引擎友好(SEF)网址

　　Yoast SEO兼容

　　与WooCommerce兼容

　　可以有子目录(example.com/es/)或子域(es.example.com)的URL结构

　　可以进行URL翻译(example.com/about-us→example.es/sobre-nosotros)

　　添加hreflang标签以获取翻译的替代方案

　　可以手动更正翻译

　　在上下文转换界面中(在不丢失上下文的情况下进行更正)

　　元数据翻译(元关键字，元描述)

　　翻译schema.org微数据以获得更好的搜索引擎外观

　　JSON格式转换

　　翻译WooCommerce电子邮件

　　AMP翻译(加速的移动页面翻译)

　　图像本地化–媒体翻译

　　语言托管(example.fr)

　　带有Analytics的用户仪表板

　　即时聊天支持

　　五、安装方法

　　1、在后台的【插件 – 安装插件】页面，在线搜索 GTranslate 或者完整名称 Translate WordPress with GTranslate 在线安装，启用即可使用;

　　2、在WordPrss官方插件库网站，下载 Translate WordPress with GTranslate 插件后，通过FTP上传到网站空间的 /wp-content/plugins/ 插件目录，然后，在后台的【插件】列表中找到并启用。

　　六、插件使用

　　插件的 Widget code (for advanced users) 部分，会有相应的脚本代码供我们使用，如果你熟悉HTML/CSS/Javascript脚本的话，可以自定义更改这些脚本，以达到自己希望的预期效果。除脚本代码外，GTranslate插件还提供了WordPress专有的短代码供用户使用，你可以把[gtranslate]短代码添加到你希望显示多语言切换功能的任意位置。

　　上面提到的脚本代码不能直接复制粘贴使用

　　1、使用 [gtranslate] 简码放入 post/page 页面;

　　2、外观 > 小工具添加 [gtranslate] 简码后，放到侧边栏中;

　　3、在 head或footer等php文档中添加 代码显示多语言切换。

　　总结

　　GTranslate是WordPress外贸建站中不可或缺的快速创建WordPress小语种网站的优质插件。付费版的多语言能够被谷歌索引，从理论上说这样可以提高我们多语言外贸网站被客户搜索到的几率，是个好事。不过英语是世界通用语言，绝大多数客户也都是能看懂的，其实马马虎虎的也用不着花这个钱。另外，GTranslate插件使用的是Google翻译库，导致国内无法访问到Goolge翻译文件，所以国内建站的话不建议使用。如果你是搭建针对国际客户的WordPress外贸网站的话，没有任何影响。

　　进入2021年是不是发现流量下滑的更快了?哪怕关键词排名没有变化，但是流量方面却依然走低。而根源则在于：现阶段我们生活方式更多样化了，获取信息的渠道也更多元化了。抖音、快手、小红书、百家号、今日头条、公众号、小程序……的冲击一波接一波。

　　根据，CNNIC近期发布2021年中国网站最新数量报告显示，截至2021年6月，我国网站数量累计为422万个：

　　很明显，越来越多的企业、个人放弃了网站这条路，网站在很多的创业者心里，已经不是可以赚钱的工具了。不过，我们接下来看一组数据，可能会让你的想法有所改观：截止2021年3月，百度App月活用户达为5.58亿(不包括PC)，日登录用户占比超过75%。

　　按照75%的比例来算，百度APP每天日活跃用户大约在：4.18亿，你也许觉得不算什么。但中国互联网红利期最好的2011年我们国内也仅有5亿网民，分配到百度手里面的，会有4.18亿吗?远远不可能。

　　那么为什么，现在使用百度的人多了，反而很多创业者都不看好网站了呢?

　　因为他们没有在网站上赚到钱!

　　为什么当年能赚到钱，用户多了，反而赚不到钱了呢?是不是很奇怪啊，各行各业都有一个法则，就是：优胜劣汰!那些被淘汰出局的失败者，永远都会说“难”做不了，这行业不行了!

　　每天几个亿的用户都在用搜索引擎，你告诉我说这个行业不行了……

　　你不知道的是：有着一大批的人，每天运营一个网站，在家都可以赚几万块，记得，我说的是每天几万块!这样的大佬很多，不过都比较低调。

　　是不是很羡慕?小编特意请教了A5seo总监贺贵江先生来说了一下他的看法，给大家做一个总结：

　　一、做网站不要只盯着大的流量词

　　有一些网站，我们看起来只有权重1-2的样子，但是这些网站的流量可能已经过万了，小编当时真的也好诧异。不过贺老师给出的答案是：大批量精准长尾词的优化，流量是非常可观的，虽然未必有指数，但是每天都会有搜索，比如：排卵在半夜怎么办、hcg翻倍差一点不到2倍、移植成功后泼尼松多久可以停药、怀孕后二甲双胍要吃多久、内膜好胚胎好为什么不着床

　　这样类似的关键词，每天都在有人搜索，但是如果你做“孕婴”这个行业会关注这样的关键词吗?极大概率是不会的吧!我们要知道：现在用户都喜欢搜索精准的东西，越精准，他们越容易点击!

　　二、多让网站产生一些有用的页面

　　收录几个亿的网站，就真的有几个亿的内容吗?你看很多权重78的网站，他们大多数的排名，其实都不是内容，尤其是做‘图片’类型的网站，更多靠的是内容‘聚合’。不过聚合的要有质量，千万不要为了生成更多的页面，而随意对不相关的内容做关联，最后什么也得不到。

　　多让网站产生一些有用的页面，这句话反过来就是：少人网站产生一些没用的页面!这种情况是非常常见的，十个网站里面有7个都有这样的问题，区别只在于多少。比如：条件筛选链接、空白页面、个人会员空间页、URL不规范造成的页面等等。

　　三、不要只盯着PC做，移动要重视

　　现在人的生活习惯变了，除了工作学习，大家基本很少在用电脑来搜索东西了!这句话的意思就是：做网站，不要只顾着做PC，移动排名一定要重视。

　　不过事实上是，绝大多数的网站;PC的排名一般都会比移动高很多，移动排名超过PC的网站并不多：

　　上图示例网站，如果移动端的排名可以达到如PC端一样，实际的流量翻几倍都不成问题!

　　当然了，PC的排名是移动端排名的基础，如果PC排名不够好，那么移动的排名也很难提升上去，更多时候移动端属于一个附属，决定因素还是在于PC端是不是有好的排名。如果只盯着移动做，不重视PC，那么排名和流量一样是上不去的!

　　四、多注意一下其他的搜索引擎

　　有一些网站都被百度K掉了，但是每天仍旧有大批量的流量，不要觉得其他搜索引擎可有可无，很多站点其他搜索引擎的流量，都可能远超过‘百度’，虽然百度在国内占据的份额是最大的，但是百度优化也是最难的。

　　相对来讲，如果抽出一点时间，来关注一下神马、360、搜狗啊的，专门做一下优化，流量未必提升的不如百度!事实上，现在大多数的网站都是在‘一只脚’走路，始终盯着百度看!

　　可如果百度哪天把网站干掉了，你怎么办呢?无路可退是大忌啊!

　　五、网站内容建设差异化很重要

　　现在很多人说，我的网站是原创，可就是不收录啊，这一个情况在2021年后半年表现的更为明显。原创收录效果突然变差，是什么原因导致的呢?可以这样讲：“搜索引擎信息饱和”是这个问题的最大原因。通过索引的表现，我们可以看到他们现在也应该在做这种‘平衡’的改变，不过到底什么时候能平衡好，还是需要等待，但是我们不能把未来放在等待上。

　　内容的差异化建设很重要，A5SEO这里觉得网站做：短文本+图片，以及“知识短视频”类型的页面，是百度这两年的一个发展趋势。从目前百度给予排名的表现来看，这两种类型的页面，更容易被以丰富的形式，直接‘推荐’展示到第一位。

　　六、尝试把流量转换成私域流量

　　私域流量是最容易变现的流量，而网站的流量相对来讲流失性就太大了，所以我们做网站流量的时候，尽可能的将用户引导到私域入口。

　　比如一些：母婴类型的网站，规模稍微大一点，都会做一下‘APP’让用户在APP中直接进行交流，这样的用户存粘性就大了很多。如果没有APP的话，或者说没有必要做APP的，也完全可以将用户引导到微信上面，一旦加了微信，恭喜你这就是你的私域用户了，用户量起来之后，就可以完成变现了。

　　当然了，如何吸引你的用户转变成私域流量，还是应该想想办法才行，每天有10000IP，哪怕只有10个人加你的微信，一年也有近4000好友了，日积月累下来，这些流量的作用就非常大了。

​