1、网站优化用户体验和SEO第1页，共48页。网站优化第2页，共48页。全站检查 网站代码编码的标准性 网站的可访问性 网站的结构和导航 网站的功能单元 页面检查 页面的标题和内容 页面上的功能单元 功能单元目录第3页，共48页。全站检查全站检查第4页，共48页。很多潜在机会因为网站设计不标准而流失 用几种浏览器打开网页(IE6,IE7,Firefox,Safari)观察网页可读性网站代码编码的标准性标准的代码50%的SEO工作第5页，共48页。检查代码标准性(http:/validator.w3.org/)网站代码编码的标准性很容易看到错误列表并提供给客户中文站:gb2312或者gbk英文站:I
2、SO-8859第6页，共48页。网站的可访问性第7页，共48页。测试网站在全世界的反应反应时间使用在线工具http:/host- Sec第8页，共48页。网站下载下载速度对客户很重要。加速网站的访问速度，找到软板并检查内容的文件大小和正确性网站的可访问性安装Firefox上的YSlow插件就可以看到网页表现报告Yslow-Components第9页，共48页。网站的可访问性找到网站那些元素访问速度慢(总和大于8000ms)，删除或者修改察看网站上那些文件较大（超过50K），可以推荐客户用gzip进行压缩第10页，共48页。网站的可访问性查看文件大小和下载时间，要求不变：50K和8秒。推荐客户进
3、行压缩第11页，共48页。可访问的多语言的版本 网站包含合适的多语言版本 标示不应该藏在菜单里面，应该设置在顶栏 不同语言的网页版式应该一致网站的可访问性第12页，共48页。网站的服务器位置第13页，共48页。网站的安全可靠第14页，共48页。其他网站整体设计原则：文字：字体和大小一致性：中文用黑体和宋体，英文用Arial 多媒体内容都有详细的文字说明，视频不会自动播放 所有链接都：用下划线标明，样式统一 页面上最主要的主题颜色，不超过3种 从主页到产品描述页，不需要超过3次点击，否则网站结构需要修改的更简单 每个月至少更新一次网站网站的界面整体设计第15页，共48页。网站的结构和导航第16页
4、，共48页。最基本的网页结构：网站的结构和导航内容顶栏侧栏页脚重要内容第17页，共48页。网站导航 顶栏 全局导航，清晰明确网站的结构和导航内容顶栏侧栏页脚随时知道自己所在的栏目，并有子栏目第18页，共48页。网站导航 侧栏 本地导航的侧栏网站的结构和导航内容顶栏侧栏页脚第19页，共48页。网站导航 内容 使用“面包屑链接导航”，随时可以后退到上一层或更上层网站的结构和导航内容顶栏侧栏页脚面包屑导航是在网页的顶端放置一行内部链接，使得用户可以随时很容易的回到上一层网页或者主页第20页，共48页。网站导航 页脚 清晰明确，可以给用户方便网站的结构和导航内容顶栏侧栏页脚与正文对比区分内容逻辑清晰给
5、用户带来价值但不会过长第21页，共48页。添加网页形式的网站地图，可以有利于搜索引擎和用户找到内容网站的结构和导航第22页，共48页。网站功能可用网站的功能单元第23页，共48页。包含必要的内容：公司介绍，联络方式，复杂功复杂功能说明，常见问题回答能说明，常见问题回答等。网站的功能单元常见问题解答功能可以：提升企业服务形象用内容留住客户1.提高搜索引擎排名和流量第24页，共48页。网页网页(广告登陆页广告登陆页)检查检查第25页，共48页。找到最独特的网页主题别的网站或者企业因为资源限制，无法提供的东西与本站别的网页最不同的地方 用最简单的语言，将主题写下来。应该是一句话而不是几个词 找出该网
6、页最主要的至少3个关键字 先检查网页内容是否围绕这个主题展开，是否有分段和逻辑层次 最后进入后面的步骤网页内容优化步骤第26页，共48页。创建独特，准确的页面标题 准备好的主题 察看网页源代码，找到后面的内容网页的标题应强调页面独特内容：应强调页面独特内容：“无无锡慧特焊割机械有限公司锡慧特焊割机械有限公司 HGS系列数控火焰切割机系列数控火焰切割机”第27页，共48页。每页使用描述元标签，描述页面独特内容 察看网页源代码，找到和”content”后面的内容网页的标题应该合理的对网页的内容应该合理的对网页的内容进行描述进行描述，有利于搜索引有利于搜索引擎对页面的理解擎对页面的理解第28页，共4
7、8页。产品文字介绍详细，重点在页面左上角突出网页的版式重点内容在页面角落处，没有突出重点，也没有文字介绍第29页，共48页。产品介绍详细，重点在页面左上角突出网页的版式介绍内容详细，且重点突出第30页，共48页。页面优化在搜索引擎上的作用都是混乱的文字，根本没有办法参加排名，也无法传递信息第31页，共48页。页面优化在搜索引擎上的作用每一行都完全相同，搜索引擎无法判断网页的内容第32页，共48页。页面优化在搜索引擎上的作用每条描述都不相同，而且强调了页面的主题，可以将信息准确的传递给用户和搜索引擎第33页，共48页。网页的标题和内容 最理想的结构第34页，共48页。页面单元的优化页面单元的优化
8、第35页，共48页。页面顶栏 图片 注册和提交表单 购物车 联络我们/联系我们/关于我们页面上的功能单元第36页，共48页。页面顶栏第37页，共48页。页面顶栏清晰简单重点突出 菜单不简洁，内容和颜色都混乱第38页，共48页。页面顶栏简洁，有口号:钻石珠宝教育指南联系方式清晰，菜单简单第39页，共48页。针对用户体验的优化 图片的周围有针对图片内容的详细说明 如果图片是链接的话，应该在旁边摆放文字链接 图片的读取时间不会过长-使用压缩格式的图片:文件扩展名为jpg,gif,png尽量不用bmp-源图片文件下载打开，和网页上看到的差不多大小，不会过大 针对搜索引擎的优化 图片的文件名要有明确的含
9、义，而非类似”1.jpg”图片的alt text应该明确的描述图片的内容图片的优化第40页，共48页。图片的优化文件名:cp-18.jpg源代码中无alt属性 第41页，共48页。图片的优化详细说明图片的Alt text 详细全面第42页，共48页。表格格式整齐，表格的题目和表格都对齐 表格的填写内容充足但是不会过多-(1)写清楚表格每项的题目和填写帮助;-(2)必须填写和选择填写的指示区分;-(3)标明注册和登陆的链接;重新检查每一项内容，是否是生意必要的，如:收集信息的表单，只需一种联系方式(email)注册表单，只需要email和密码 对于在线购买的网站，先要求用户简单注册(email地
10、址即可)，具体联络和送货地址在结算时填写注册和提交信息的表单优化第43页，共48页。注册和提交信息的表单优化需要填写的内容过多：包括email，密码，性别，姓氏，名字，电话，传真，地址，城市，州/省份，邮编，国家！购买前的注册其实只需要：email和密码。其余都可以是选择性填写。第44页，共48页。尝试购物流程：购物流程短，进入购物车到结算付款不超过五步 进入购物车不需要用户输入结算信息(姓名地址等)每一步都有清晰的标志提示进入下一步 购物车的内容可以随时被修改，可以随时跳回产品页面 用户在购物流程的每一步行动，应该被准确跟踪。定期挽回购物车流失的客户(发email给折扣等)网站上明确的标示银行或者付款方式的图标，以及第三方安全认证的标志(如果有)购物车的优化第45页，共48页。购物车的优化清晰指示下一步内容，购物步骤只有四步随时回到之前的产品页面购物车内容可以随时更新第46页，共48页。有详细的介绍信息，而不只是联络信息 在每一页都提供链接可以转到”联络我们”页面 使用”表单提交”或者”在线支持”等工具帮助客户简化留言的功能 使用链接的形式的email地址(email地址可以点击)联络我们/联系我们/关于我们第47页，共48页。演讲完毕，谢谢观看！第48页，共48页。
