目前建站的主要方式有个性化定制、模板建站、自助建站,个性化定制和高品质的模板建站本质上都是纯手工的开源建站方式,但同一种建站方式所搭建的网站质量差异非常大,定制网站并不一定高端,无论哪种建站方式,网站的质量最终是由程序代码和功能所决定。
建站行业因其进入门槛低、投入少、技术要求低而早已成为了红海市场,每个城市都有一定数量的建站服务提供商,据不完全统计,米拓建站所在的长沙市就有200-300家可以提供建站服务的公司、工作室、个人。
搭建一个企业官网的价格有几百块,也有大几千,甚至某些公司一报价就是几万,到底有什么区别?价格贵在哪里?是技术先进?服务好?还是彻头彻脑就是纯忽悠?
三合一、五合一、营销型网站、可视化编辑、响应式风格、SEO、网络安全等等概念五花八门,到底如何区分?
建站行业之所以如此混乱,是因为网站本身还是一个技术活,而至今没有一个统一公认的质量检测验收标准。
针对于建站行业技术、价格、服务等没有统一行业标准而乱象众生的现状,米拓建站结合自身10年专注企业建站行业的开发和运营经验,撰写了此份《企业网站验收标准建议书》,期望从专业的视角,通过域名与服务器、网站风格与细节、网站后台与功能、网站安全、SEO功能、知识产权、其他第三方工具等方向为大家验收和检测网站提供一些参考。
一、域名与服务器
1、域名所有权、管理密码、解析情况:
1.1验证域名所有权:
拥有域名所有权才能算是自己的域名,国内注册的域名都是需要实名认证,个人域名实名认证时需要提交个人身份证,单位需要提交营业执照或组织机构代码证,因此能正常使用的域名只需要在域名注册平台查询域名所有者即可。通过阿里云、腾讯云、西部数码等平台查询可确认域名所有者。
1.2索要域名管理密码:
1.3域名解析验证:
2、网站备案信息与备案密码:
2.1索要备案密码:
n验收网站时请妥善保管网站备案密码,并核实备案手机号!否则未来将给你带来一系列不必要的麻烦!
n网站备案是在服务器(主机)提供商备案,如果未来需要更换服务器提供商,不仅需要重新解析域名到新的服务器IP,最重要的是先要在新的服务器提供商做备案接入。
n同时,新增备案域名、更改备案主体信息、注销备案时均需要用到备案密码。
备案密码可以在工信部备案平台修改:
2.2验证备案主体信息:
委托建站公司或他人备案,备案通过后请务必核实备案主体信息是否正确,否则会给未来更换服务器提供商、添加新的备案域名或更改备案主体信息造成很大的麻烦。
3、服务器(空间主机)信息与FTP:
n网站主机和FTP信息是开启网站程序代码的钥匙!网站程序制作完毕后使用FTP上传到远程主机,然后通过域名解析和绑定进行访问,因此掌握FTP和主机信息就掌握了整个网站的命脉!通过FTP可以任意上传、编辑、删除你的网站文件!
n自助建站一般不开放FTP,每年续费即可确保网站正常访问。
n主机容量:即用于存储网站程序、图片和其他文件的空间大小,一般的企业网站2G够用,网站使用的每张产品图片一般会控制在300KB以内,也就是说100张才30Mb,2G可以放置6000张图片。
n每月流量:即每个月网站被访问时加载的流量,网站的首页一般是1-5Mb之间,如果你的网站图片和视频较多,那么每次访问所消耗的流量就会较大,建议大家尽量选择不限制流量的主机;
n服务器配置:服务器就如同每个人使用的电脑,CPU、内存、主板等硬件参数决定了服务器性能,不过企业网站的计算进程较少,如果一个服务器所放置的网站比较规范,且没有大流量网站,那么2核4G甚至1核2G也够用。
n服务器带宽:服务器主机带宽决定了网站的下行速度,核实服务器带宽参数时,需要考虑是共享带宽还是独享带宽,共享带宽一般较大但不如独享带宽稳定,一般大家可以通过各种不同网络访问网站进行测试。
3.3服务器机房及同IP网站数量:
n搭建企业网站,一般都会选择虚拟主机,即一定数量的用户共同租用一台服务器!购买主机或验收网站的时候,建议查一查你的服务器在哪里?和你同IP(同服务器)的网站有多少?有没有垃圾站?
n一台服务器的资源有限,一般情况下所放置的网站越多,理论上每个网站的带宽和响应速度就会越慢;
n另外,要特别注意,如果有下载站、电影站等消耗服务器带宽和CPU的垃圾站和你的网站在同一台服务,那么建议你考虑尽快更换服务器,因为这些站会导致服务器的稳定性严重下降,影响你的网站访问速度和SEO。
3.4服务器速度:
服务器按照网络划分有电信、联通、海外机房等等,还有所谓的多线机房,如果你的网站是联通机房,使用电信网络和联通网络访问网站的速度是不一样的!因此验收网站时,不能仅仅使用一种网络环境去测试网站。你自己访问速度快或慢不一定正确,建议让全国各地不同的朋友访问网站试试。
二、网站风格与细节
1、网站访问兼容:
1.1各种不同版本的浏览器兼容:
你习惯用什么浏览器呢?谷歌?360?IE?火狐?Edge?Safari?Opera还是其他的浏览器?有没有想过网站在你用的浏览器打开正常,其他浏览器或许不正常呢?
网站验收时请务必测试各种主流浏览器的兼容性!每个浏览器对于html代码的渲染在细节上存在差异,如果开发网站前端代码时没有考虑浏览器兼容,就会导致部分网页在其他浏览器中不能正常显示。检测浏览器兼容靠谱的办法目前只能是下载不同的浏览器打开网站。
1.2宽屏、窄屏电脑的兼容:
电脑有笔记本和宽屏台式机之分,同一个网站在不同的屏幕有可能展示的效果不一致,验收网站时需使用不同的电脑屏幕打开检测。
2、网页源代码:
2.1代码是否规范:
规范的网页HTML代码一般由如下结构组成:
使用浏览器打开网站,右键点击“查看源代码”,便可以看到网页的html代码。
2.2CSS/JS是否打包封装:
nCSS是什么:英文全称CascadingStyleSheets,中文名“层叠样式表”,是一种用来表现HTML或XML等文件样式的计算机语言,通俗易懂的讲就是用来控制网页样式(颜色、尺寸、位置等)。
nJS是什么:Js(JavaScript)是一种直译式的脚本语言,用来给HTML网页增加动态效果,譬如我们经常看到的图片轮播、下拉菜单、图片滑动加载等等,都是JS控制的。
网站尤其是响应式网站,css和js代码是非常庞大的,为了让html代码显示简洁,便于SEO搜索引擎优化,网页制作时需要将其打包为单独的.css和.js文件,再通过代码引入加载,如:
没有打包或是引入超过5个css/js文件的页面,除了代码臃肿外,还很不利于SEO搜索引擎优化。
2.3地址栏小图标favicon.ico:
什么是地址栏小图标favicon.ico?如下图:主要用于让用户通过地址栏标识区分网页品牌。
网页的html代码需要加入favicon.ico引入代码才能显示小图标,如:
如何制作favicon.ico?首先准备好你的LOGO图片,百度搜索一下“ico图标制作”,任意点击一个网站在线制作一个32*32大小的ico图标,下载到本地电脑即可。
3、网页加载速度:
3.1F12查看加载速度:
网站页面大小直接影响网站的加载速度,页面图片、文件和html代码越大,加速速度就会越慢。
使用谷歌或360浏览器,打开网页地址,按下键盘F12或FN+F12键,刷新网页,并可以查看网页的大小了!如下图:
3.2服务器GZIP压缩:
gzip简而言之就是服务器的压缩功能,开启后可以将静态文件压缩再输出到浏览器,譬如css\js\html文件等。
虽然很多服务器都开启了GZIP,而不同的服务器和运行环境对于文件的压缩效果是不一样,一般压缩后加载的文件为原文件的30-40%甚至更小。
如何检测gzip的压缩效果呢?最靠谱的方法就是直接用浏览器加载的文件大小和FTP中的原文件进行对比,如下图:
通过服务器压缩后的的js文件大小
程序中文件的原始大小
3.3图片大小控制:
网站的访问速度由服务器速度、网页本身反应速度和大小、浏览者网速三个关键因素所决定。而网页本身大小主要由页面的html代码、CSS文件、JS文件、图片构成,其中图片占比一般都是在50%以上,因此页面所有图片的加载大小直接影响网页的速度。建议每张图片大小控制在300Kb以内。
三、网站后台与功能
1、内容编辑
1.1所有文字是否均可以修改:
如今,可视化编辑已逐渐成为网站管理后台技术的主流,米拓企业建站系统自6.0起已将可视化编辑技术上线并开源,用户可以方便地在可视化编辑界面修改所有文字,真正意义上实现“哪里不会点哪里!”
1.2所有图片是否可以修改:
网站首次上线后难免需要修改banner、产品、简介甚至背景图片,验收网站时需要验证图片是否支持在线更换,否则后续操作就只能通过FTP更换!
验收网站时应检测管理员能否在后台或可视化编辑中替换所有前台图片,无论是css引用的图片或是banner、LOGO、产品新闻图片等。
1.3栏目和内容是否可以任意增减:
由于网络公司的技术能力和所使用的网站后台系统限制,大部分技术人员在开发定制网站时会将部分栏目和内容写死在源文件,从而导致用户后期使用时无法自行增加和删减。验收网站时应测试能否通过后台任意增减网站栏目和内容。
1.4是否支持产品参数和多个内容选项卡:
产品介绍对于很多企业网站来说非常重要,如果网站主要用于介绍产品或服务,产品页面的参数、外链及内容选项卡功能显得尤为重要。
很多网络公司定制网站时会告诉用户,产品参数和介绍只需要在后台的编辑器中添加即可,但是仅仅如此添加,前台用户浏览时就没办法像淘宝、京东等电商平台一样清晰的展示商品的功能和特点,更没有办法实现在产品列表按参数进行筛选。
2、颜色风格
2.1网站色调是否可以修改:
网站所有区块、文字、背景等颜色是否支持在线修改?
2.2网站改版是否必须更换后台:
当前成熟的建站技术都是前后端分离,网站改版实质上是修改网站前台风格,而由于用户不了解网站后台的品牌,上线后网站改版时一般都是将网站前后台全部换掉。网站验收时应该要求建站公司告知未来如何改版、网站系统用了什么品牌,以免下次网站改版又全部推倒重来!
2.3列表、区块调用的信息数是否可以修改:
使用成熟的建站系统,按照建站系统的标准定制或选用网站风格模板,就可以非常轻松的实现在线修改。
3、扩展和升级
3.1是否开放源代码,是否支持功能扩展:
很多用户以为通过域名访问网站内容是自己公司的,就拥有了网站的全部,其实网站的核心是网站程序。
委托网络公司建站,验收时请务必索要源代码,拥有网站源代码,后续就可以自行部署到自己的服务器或者请人对功能进行二次开发,而且当网站上线后遇到黑客攻击、服务器宕机或其他网络安全问题时,也能找到网站原始的备份。
3.2系统能否升级,出现安全漏洞或BUG是否可以修复:
制作企业网站大气漂亮是必须的,但除此之外,更为重要的是网站功能和网络安全,当技术升级,又或是浏览器升级时,网站系统如果不能升级,不仅非常不安全,而且因为html代码(CSS、JS等)不兼容新的浏览器或浏览终端,从而会导致之前上线的网站无法正常浏览。
4、高级功能
4.2是否支持图片水印和自动生成缩略图:
图片水印可以有效的防止竞争对手盗图,对于产品较多的企业网站尤其是外贸网站非常实用,而网站页面加载系统自动生成的缩略图可以有效的降低网站加载大小,提高网站访问速度。
4.3是否有在线客服及第三方代码添加功能:
4.4是否支持多语言扩展:
如果你不做外贸,此条可以略过。
目前外贸建站普遍的做法是按语种收费,每添加一种语言增加相应的费用,如果用户委托建站公司添加语种内容,收取一定的服务费无可厚非,如果新语种的内容是用户自行添加,那么新增多语言收费就是冤枉钱了。
当然网站可以选择使用支持多语言的建站系统,用户就可以自行在网站后台任意添加多语言。
4.5会员功能与权限:
非必要功能,但是使用成熟的建站系统都会自带。以米拓企业建站系统为例,运用会员及权限设置可以实现如下功能:
n结合支付模块,实现会员卡及会员等级功能:可以给每个不同的会员组设定不同的阅读权限,从而实现普通会员、代理商、VIP会员等会员组具有不同的权限,譬如产品的代理价格等;
n结合商城模块,实现累计销售达到一定金额或不同会员组享受不同的优惠折扣;
n设置管理员权限,分别管理网站不同的语言或不同的功能栏目等。
4.6留言、反馈、招聘功能:
非必要功能,但是使用成熟的建站系统都会自带。以米拓企业建站系统为例:
n使用反馈模块可实现在线报名、预约、询价等功能,并可以自动给所有提交信息者发送短信或邮件,同时可以提醒管理员收到最新的反馈信息。
n留言模块可以实现自动回复和管理员审核显示互动功能。
四、网站安全
1、网站数据备份与恢复
1.1后台系统备份功能:
使用成熟的建站系统,备份和恢复功能都是必备基础功能,管理可以非常方便的在后台备份数据库和上传文件,并可以下载到本地,万一网站发生网络安全事件,便可以从建站系统官网下载对应的版本安装恢复数据。
1.2服务器(主机)备份功能:
验收网站时请务必重视服务器的自动备份功能,服务器自动备份可以帮助你在误操作时找回之前的备份数据,因此服务器的自动备份功能可以为网站安全提供可靠的保障。
目前服务器的自动备份机制主要有如下几种:
n每隔N天备份一次,如每隔7天备份一次,每次备份时覆盖之前的备份数据包;
n每天备份一次,一共保留N个备份数据包,如保留7个也就是7天的备份数据包,那么就可以从现在开始找回前7天或者准确的说是前7次备份数据包;
服务器自动备份功能是非常必要的,选购主机和验收网站时务必重视。
2、安全检测
2.1360网站安全检测:
3、安全设置与漏洞修复
3.1程序后台安全设置功能:
n管理员权限:可以给不同的管理员设置不同的管理权限,从而可以有效的防止新手管理误删重要信息。
3.2漏洞修复机制:
世界上目前还没有100%安全的软件,因技术发展和人们使用过程中对软件的不断研究,成熟的软件也很难避免爆发新的安全漏洞或BUG,软件唯有不断升级修复才能确保安全稳定。
网站程序就是一个独立运行的软件,因此上线后就会不可避免的出现安全漏洞。那么网站程序的漏洞修复机制就会显得尤为重要,但出现BUG不可怕,可怕的是漏洞出现后只能任人攻击,而无法修复。
网站验收时,请务必和建站公司确认,当网站出现漏洞和BUG时有没有自动修复机制,如果没有,对方是否提供收费修复服务?
五、SEO部分
1、网站html代码SEO规范
1.1tdk规范:
tdk是什么意思呢?
一个标准的html页面,头部应该至少包含让搜索引擎蜘蛛辨别的网页标题(title)、页面描述(description)、页面关键词(keywords),这便是我们常说的TDK,用浏览器打开网页,右键查看源代码便可以看到tdk,如下图。
tdk有什么作用呢?
u网页标题(title):用于告诉用户和搜索引擎当前页面的核心内容,title是搜索引擎根据用户检索关键词进行排名的核心指标,一般标题中含有搜索的关键词才能获得较好的排名;
u页面描述(description):显示在搜索结果中,以百度为例如下图,用于告知用户网站页面的主要内容,作为引导用户点击的索引;
u页面关键词(keywords):告诉搜索引擎当前页面内容的关键词,用户无论在搜索结果还是浏览页面时都看不到页面关键词。
tdk该如何设置?
u页面描述(description):字数控制在30-50字之间,内容一般设计为描述网页的重要内容,并尽量激发浏览者的点击欲望或让浏览者不需要点击就能看到公司的联系方式;
u页面关键词(keywords):需要和title呼应,让搜索引擎通过关键词索引对网页进行关键词分类。
1.2页面html标签使用:
H1,H2,H3标签:
uh1一般是当前页面的标题或核心内容标题,且一个页面只能有一个h1标签,网站首页的h1标签一般是LOGO文字内容或网站title关键词,列表页h1是当前列表页的名称,内容页h1是内容标题;
uh2是相对于h1的次重要级内容标题,一般为页面的栏目名称,一个页面可以有多个h2标签;
uh3相对于h2更低一级,用于不重要的栏目标题或区块标题等,一个页面可以有多个h3标签;
超链接title、图片alt标签:
搜索引擎蜘蛛找到url和img时,很希望页面代码通过title和alt标签告知每个链接和图片的关键内容,因此html代码应当给每个a标签和img标签加上规范的注释文字,即a标签的title和img标签的alt,访客浏览网站将鼠标移至标签时就会显示文字。
b标签、strong标签:
对于内容中重要的文字我们一般用加粗的方式提醒浏览者注意,这便是b标签或strong标签,html对于非栏目和标题的重要关键词内容,应该使用b标签或strong标签让搜索引擎理解。
1.3代码规范简洁:
搜索引擎是通过蜘蛛机器人抓取网页,并根据网页的内容进行关键词索引分类和排名。而很多建站公司,尤其是传统自助建站和部分前端及php(或其他语言)开发人员,单纯从技术实现便捷性和源代码保护的角度开发网站,导致html页面中存在大量的加密js代码、CSS代码随心所欲没有封装,甚至很多文字内容都是通过js或其他加密代码处理后再显示,当搜索引擎蜘蛛爬行页面时自然就无法获取页面的真实内容,从而导致网站排名上不去。
不规范的网页代码中包含了大量的:
2、整站SEO布局与功能
2.1首页布局:
搜索引擎收录网站之后,蜘蛛便会按照网站的更新频率到访网站首页,如果网站首页内容一直一成不变,搜索引擎爬行网站几个回合后也就不会再光顾了,因为每次来都没有任何收获,没有更新也就无从谈起关键词排名了。一般首页需要调用新闻、案例及经常更新产品模块。
2.2内容页布局:
使用div的左右浮动功能,可始终让重要的内容出现在源代码靠前的位置,也就是说用户从左到右看到的内容并非源代码就是从上到下,这样既符合浏览者的阅读习惯,又可以让搜索引擎抓取页面时优先获得页面最重要的内容,更利于SEO优化和网络推广。
2.3伪静态和静态:
百度排名靠前的网站页面基本都是html、htm或shtml结尾,当然更多的是站点的首页或是url只带文件夹名称的栏目列表页。
那么动态页面为什么不利于SEO呢?首先我们可以抛开搜索引擎来看看人类对于网址的反应,譬如一下两个url,访问的其实是同一个页面,大家会喜欢哪一个呢?
很明显,人们都喜欢简洁的url,这样便于转发和传播。搜索引擎其实也一样,如果你的URL带了一连串参数,就会被判别为非常不友好。
很多网站的技术开发人员为了自己调用参数方便,直接使用首页index.php(如果系统使用php开发)页面调用所有内容,也就是网站的所有连接都是如下一个页面的形式:
2.4目录结构与URL:
搜索引擎是通过url索引到网页,对于机器语言而已,url是第一印象。
通过以上链接就很容易判别这个网页的大致内容,这种分类和引导对于搜索引擎同样有效。每个网站应该有清晰的目录结构,即首页、栏目列表页、内容页;同时最好支持管理员自定义每个页面的名称,包括中文名称。
3、高级SEO功能
3.1内链功能:
网站内链,顾名思义就是在同一网站域名下的内容页面之间的互相链接。合理的网站内链接构造,能提高搜索引擎的收录与网站权重。
3.2锚文本功能:
超链接的代码是锚文本,把关键词做一个链接,指向别的网页,这种形式的链接就叫作锚文本。锚文本实际上是建立了文本关键词与URL链接的关系。
对于搜索引擎来说,锚文本具有引导作用,合理的分布站内锚文本,会使搜索引擎蜘蛛更快速的爬行网站目录,这和我们经常说的面包屑导航有异曲同工之妙,这也是对搜索引擎友好的一种表现。
3.3tag聚合标签:
tag聚合标签适合内容较多的网站,当你的网站内容数量低于100的时候最好不要使用,因为此时即使聚合每个关键词也不会有太多的内容,反而有可能被搜索引擎判别为关键词过度堆垛或url作弊。
3.5nofollow:
nofollow是html页面中a标签的属性值,用于告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接"。这个标签的意义是告诉搜索引擎这个链接不是经过作者信任的,所以这个链接不是一个信任票。如:
3.6sitemap/robots:
nsitemap即网站地图,存储网站所有网址url的索引,用于通知搜索引擎网站上有哪些可供抓取的网页。一般放置在网站根目录,通过域名+sitemap.xml的形式访问,常见的sitemap文件格式有xml、txt,对于网站的排名具有积极意义。
六、知识产权
1、建站系统知识产权:
n如果无法确认建站程序的品牌,请务必要求建站公司提供软件著作权证书,没有著作权证明时可以要求建站公司提供知识产权承诺函或在合同中注明因软件源码发生知识产权纠纷时应由建站公司承担所有责任,当然这只是权宜之计,因为如果软件的开发者维权,只会直接将网站的所有者诉诸法律。
2、网站风格知识产权:
网站模板即网站风格文件,他是相对于网站后台管理程序而言的前台风格计算机文件,大部分网站程序都是采用这种前后端分离的模式,无论是定制网站还是模板建站,都会有网站后台和网站模板两个部分。
购买盗版模板搭建网站,除了需要承担法律风险之外,网站本身的网络安全也无法得到保障,而且当浏览器技术升级时网站模板很可能因为不能升级造成无法兼容。
n委托建站公司搭建的网站,如果程序、内容和图片均是建站公司提供,则务必在合同中约定可能出现的侵权风险的责任划分。
七、其他第三方工具
1、第三方代码(网站统计代码等):
验收网站是需要确认是否支持在后台添加第三方代码,以下为当前几个实用的第三方工具:
n百度统计:监控网站访问情况,如果用户通过百度搜索访问网站,可以准确地了解用户是搜索了什么关键词,并可以监控单个用户的访问明细。
n即时聊天工具:美洽、网易云信、百度商桥等,用户访问你的网站无需注册便可以和客服聊天。