网站优化之用户体验和SEO讲义

1、网站优化用户体验和SEO网站优化 全站检查 网站代码编码的标准性 网站的可访问性 网站的结构和导航 网站的功能单元 页面检查 页面的标题和内容 页面上的功能单元 功能单元目录全站检查全站检查 很多潜在机会因为网站设计不标准而流失 用几种浏览器打开网页(IE6, IE7, Firefox, Safari)观察网页可读性网站代码编码的标准性标准的代码50%的SEO工作 检查代码标准性(/)网站代码编码的标准性很容易看到错误列表并提供给客户中文站: gb2312或者gbk英文站: ISO-8859网站的可访问性 测试网站在全世界的反应反应时间使用在线工具h

2、ttp:/host- Sec 网站下载下载速度对客户很重要。加速网站的访问速度，找到软板并检查内容的文件大小和正确性网站的可访问性安装Firefox上的YSlow插件就可以看到网页表现报告Yslow - Components网站的可访问性找到网站那些元素访问速度慢(总和大于8000ms)，删除或者修改察看网站上那些文件较大（超过50K），可以推荐客户用gzip进行压缩网站的可访问性查看文件大小和下载时间，要求不变：50K和8秒。推荐客户进行压缩 可访问的多语言的版本 网站包含合适的多语言版本 标示不应该藏在菜单里面，应该设置在顶栏 不同语言的网页版式应该一致网站的可访问性网站的服务器位置网站的

3、安全可靠 其他网站整体设计原则： 文字：字体和大小一致性：中文用黑体和宋体，英文用Arial 多媒体内容都有详细的文字说明，视频不会自动播放 所有链接都：用下划线标明，样式统一 页面上最主要的主题颜色，不超过3种 从主页到产品描述页，不需要超过3次点击，否则网站结构需要修改的更简单 每个月至少更新一次网站网站的界面整体设计网站的结构和导航 最基本的网页结构：网站的结构和导航内容顶栏侧栏页脚重要内容 网站导航 顶栏 全局导航，清晰明确网站的结构和导航内容顶栏侧栏页脚随时知道自己所在的栏目，并有子栏目 网站导航 侧栏 本地导航的侧栏网站的结构和导航内容顶栏侧栏页脚 网站导航 内容 使用“面包屑链接

4、导航”，随时可以后退到上一层或更上层网站的结构和导航内容顶栏侧栏页脚面包屑导航是在网页的顶端放置一行内部链接，使得用户可以随时很容易的回到上一层网页或者主页 网站导航 页脚 清晰明确，可以给用户方便网站的结构和导航内容顶栏侧栏页脚1. 与正文对比区分2. 内容逻辑清晰3. 给用户带来价值但不会过长 添加网页形式的网站地图，可以有利于搜索引擎和用户找到内容网站的结构和导航 网站功能可用网站的功能单元 包含必要的内容：公司介绍，联络方式，复杂功复杂功能说明，常见问题回答能说明，常见问题回答等。网站的功能单元常见问题解答功能可以：1. 提升企业服务形象2. 用内容留住客户3. 提高搜索引擎排名和流量

5、网页网页(广告登陆页广告登陆页)检查检查1找到最独特的网页主题1) 别的网站或者企业因为资源限制，无法提供的东西2) 与本站别的网页最不同的地方2用最简单的语言，将主题写下来。应该是一句话而不是几个词3找出该网页最主要的至少3个关键字4先检查网页内容是否围绕这个主题展开，是否有分段和逻辑层次5最后进入后面的步骤网页内容优化步骤 创建独特，准确的页面标题 准备好的主题 察看网页源代码，找到后面的内容网页的标题应强调页面独特内容：应强调页面独特内容：“无锡慧特焊割机械有无锡慧特焊割机械有限公司限公司 HGS系列数系列数控火焰切割机控火焰切割机” 每页使用描述元标签，描述页面独特内容 察看网页源代码

6、，找到和”content”后面的内容网页的标题应该合理的对网页的内应该合理的对网页的内容进行描述容进行描述，有利于搜有利于搜索引擎对页面的理解索引擎对页面的理解 产品文字介绍详细，重点在页面左上角突出网页的版式重点内容在页面角落处，没有突出重点，也没有文字介绍 产品介绍详细，重点在页面左上角突出网页的版式介绍内容详细，且重点突出页面优化在搜索引擎上的作用都是混乱的文字，根本没有办法参加排名，也无法传递信息页面优化在搜索引擎上的作用每一行都完全相同，搜索引擎无法判断网页的内容页面优化在搜索引擎上的作用每条描述都不相同，而且强调了页面的主题，可以将信息准确的传递给用户和搜索引擎网页的标题和内容 最

7、理想的结构页面单元的优化页面单元的优化 页面顶栏 图片 注册和提交表单 购物车 联络我们/联系我们/关于我们页面上的功能单元页面顶栏页面顶栏清晰简单重点突出 菜单不简洁，内容和颜色都混乱页面顶栏简洁，有口号: 钻石珠宝教育指南联系方式清晰，菜单简单 针对用户体验的优化 图片的周围有针对图片内容的详细说明 如果图片是链接的话，应该在旁边摆放文字链接 图片的读取时间不会过长- 使用压缩格式的图片:文件扩展名为jpg, gif, png尽量不用bmp- 源图片文件下载打开，和网页上看到的差不多大小，不会过大 针对搜索引擎的优化 图片的文件名要有明确的含义，而非类似”1.jpg” 图片的alt tex

8、t应该明确的描述图片的内容图片的优化图片的优化文件名: cp-18.jpg源代码中无alt属性 图片的优化详细说明图片的Alt text 详细全面 表格格式整齐，表格的题目和表格都对齐 表格的填写内容充足但是不会过多- (1)写清楚表格每项的题目和填写帮助;- (2)必须填写和选择填写的指示区分;- (3)标明注册和登陆的链接; 重新检查每一项内容，是否是生意必要的，如: 收集信息的表单，只需一种联系方式(email) 注册表单，只需要email和密码 对于在线购买的网站，先要求用户简单注册(email地址即可)，具体联络和送货地址在结算时填写注册和提交信息的表单优化注册和提交信息的表单优化需要填写的内容过多：包括email，密码，性别，姓氏，名字，电话，传真，地址，城市，州/省份，邮编，国家！购买前的注册其实只需要：email和密码。其余都可以是选择性填写。 尝试购物流程： 购物流程短，进入购物车到结算付款不超过五步 进入购物车不需要用户输入结算信息(姓名地址等) 每一步都有清晰的标志提示进入下一步 购物车的内容可以随时被修改，可以随时跳回产品页面 用户在购物流程的每一步行动，应该被准确跟踪。定期挽回购物车流失的客户(发email给折扣等) 网站上明确的标示银行或者付款方式的图标，以及第三方安全认证的标志(如果有)购物车的优化购物车的优化清晰指示下一步内容，购物步