写文章
AaronSZ
2016-06-17 12:23

Check List--网站上线前的42个检查项

checklistarticlebanner.jpeg

内  容

1.1  语法和单词拼写

1.2  填充页面用的假文  “Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore             et dolore magna aliqua.” 之类的信息都替换成正确的内容。

1.3  断行、断句 大段的文字,比如公司介绍,注意分段和断句的位置不要弄错。

1.4  标题的大小写  如果选择首字母大写的方式,确保所有该大写的字母大写,该小写的字母小写。

1.5  List结尾的标点符号 通常在产品页面会罗列一些产品特性,要么都不要加标点,要加则要保持一致。

1.6  Tagline 不要让客户看见“Just another WordPress site”

1.7  默认生成的页面、Post  大概你也不希望访客看到 “Hello World” 之类的文章或页面。

1.8  Copyright  改成自己的公司名字,确保年份正确,删掉主题自带的链接等信息。

1.9  公司联系信息  一般出现公司联系方式的地方有Contact页面,页面顶部、Footer、Sidebar。确保每一处的信息都准确无误,尽量保持一致的格式、比如地址、邮箱、电话的顺序,地址的 行数。

1.10  产品分类   产品分类是否正确,多级分类的话层级关系是否准确。

1.11  图片 有些需要PNG透明底的图片是否是用的PNG格式(比如Logo),产品图片跟产品名称是否对应的上?Media里面不需要的图片是否都删除了。

1.12  视频  视频一般托管在YouTube、Vimeo等第三方平台,确保引用正确,并且给视频设置一个合适的封面,方便用户快速判断视频的主题。

1.13 产品目录、白皮书、Checklist等内容   确保提供给客户的资料是可以下载的,并且是在新的Tab里面打开。

1.14 隐私政策Terms and privacy policies   做Google AdWords以及部分国家法律是要求在网站上列出隐私条款的。

设  计

2.1  Logo   Logo换成自己的了吗?链接到首页了吗?

2.2  Favicon  Favicon上传了吗?

2.3  文字、链接、按钮的可读性   文字跟背景的对比是否明显,字体是否适合屏幕阅读,链接跟正文是否有区别,按钮的提示性          是否 足够(比如是否有Hover效果,鼠标移动上去指针是否会变化)?

2.4  定制404页面   万一客户客户跑到404页面了,是否有提供一些有用的提示?比如返回首页、热门内容的推荐等。

2.5  首页设置成静态页面  在Settings==>Reading里面将首页设置成Static Page。

static_home_page.png

2.6  URL设置成Post Name   URL设置成Post Name才利于SEO及用户体验。

permalink_setting_(1).png

功 能、性 能

3.1  速度测试   使用GtmetrixGoogle PageSpeed Insight测试网站,并且根据报告结果做出改进,但也不要太拘泥于分数,打 开速度要控制在4S之内。

features-home-screenshot.png

developers.google_.com_.png

3.2  图片压缩   这是最简单又最有效的提升网站速度的方法了。试试这个网站 TinyPNG

tinypng.png

3.3  自适应测试  确保网站能在移动端正常显示,特别是菜单、Tab这种用到的JavaScript的地方。

建议按照以下顺序多种方法测试:

a,Google浏览器下 Windows用户按 Ctr + Alt + I 苹果用户按Control + Option + I 打开开发者工具。如果你看到的界面不一样,点击下图中红色方框标记的按钮,顶部的控制条则可以方便的在不同的屏幕尺寸间切换。<br/>

chrome_inspector.png

b,自己的手机和平板测试。

c,Google Moblie Friendly测试。这个测试需要打开收录后才能进行,并且注意不要把JS和CSS禁止收录,虽然用户使用没有问题,但是Google扫描出来的结果如果不适合移动设备浏览,“可能”会对网站的排名不利。<br/>

googlemobile-friendly.png

3.4  多浏览器显示效果测试   使用browsershots.org检查你的网站是否在所有浏览器下都顺眼。 这个测试结果看起来乱糟糟的,不过,我试用了几个付费的测试工具,试用账号都只能测试几个最新版的,将就一下。

browsershots.org_.png

3.5  表单测试  各个表单都发送一封测试邮件,确保能正常收到(有时候会在你的垃圾邮件里)。

3.6  Contact Form  DB  安装CF7 DB插件 万一表单发送失败,你还能在后台找到客户留下的联系方式和信息。临门一脚不要掉链子,做个          双保险。

contact_form_db.png

3.7  表单发送成功提示   建议在表单发送成功的提示中,告诉客户大约多久能收到回复。

3.8  表单发送失败提示   最好在表单发送失败的时候,提示客户直接发邮件给你。

3.9  内链检查 Menu、Sidebar、正文、Footer里的链接都可以点击吗?是不是跳转到了正确的页面?测试工具Broken Link Checker 

3.10  跳转到外部的链接  测试所有跳转到外部网站的链接,并且检查是否都在新的选项卡中打开。

3.11  分享按钮   检查分享按钮是否都能正常工作。

3.12  社交链接   检查所有的社交按钮是否都链接到了自己的账号。

SEO

4.1  Title   重要页面的Title都是人工撰写的吗?有包含关键词吗?

4.2  Meta描述标签  同上,可以通过Yoast SEO插件来检查。

yoast_seo.png

4.3  图片Alt标签  图片添加Alt标签方便搜索引擎以及没能正常打开图片的访客判断图片内容。

4.4  网站地图 sitemap.xml   搜索引擎可以发现网站所有页面,但网站地图可以给搜索引擎指路,并告诉它们页面的权重。

4.5  robots.txt 文件   有些东西你可能不想让外人知道,robots.txt 可以将其隐藏,不被搜索引擎发现。

Yoast SEO插件是个神器,sitemap和 robots.txt也可以用它来管理。

4.6  Google Analytics安装   上线后就要记录你网站的数据了,用于网站的分析、修改。

google-analytics.png

4.7  301跳转  example.com 是否会跳转到www.example.com? 一般空间服务商都默认会跳转的。

4.8  首选域   告诉Google你希望在搜索结果中显示哪个版本,通常都会选择WWW版本。

安 全 和 备 份

5.1 备份  上线后即有可能被黑客盯上,或者遇到服务器故障之类的问题,做好备份已确保网站出问题时可以还原。

5.2 密码强度 不要使用简单的密码,给黑客破解制造一点难度。

还有我没有想到的,欢迎在评论里补充。

举报
收藏
转发
0/500
添加表情
评论
评论 (17)
最近
最早
3天2夜学会建站

AaronSZ

物理老师做外贸,客户都是公式算出来的

向TA提问
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示