用户体验与网站优化.ppt

网站建设与维护 第6章 用户体验与网站优化 主要内容 主要内容 全站检查 网站代码编码的标准性 网站的可访问性 网站的结构和导航 网站的功能单元 页面检查 页面的标题和内容 页面上的功能单元 功能单元 * * * * 最基本的网页结构： 网站的结构和导航 内容 顶栏 侧栏 页脚 重要内容 网站导航 顶栏 － 全局导航，清晰明确 网站的结构和导航 内容 顶栏 侧栏 页脚 随时知道自己所在的栏目，并有子栏目。 网站导航 侧栏 － 本地导航的侧栏 网站的结构和导航 内容 顶栏 侧栏 页脚 网站导航 内容 － 使用“面包屑链接导航”，随时可以后退到上一层或更上层 网站的结构和导航 内容 顶栏 侧栏 页脚 面包屑导航是在网页的顶端放置一行内部链接，使得用户可以随时很容易的回到上一层网页或者主页 网站导航 页脚 － 清晰明确，可以给用户方便 网站的结构和导航 与正文对比区分 内容逻辑清晰 给用户带来价值但不会过长 内容 顶栏 侧栏 页脚 添加网页形式的网站地图，可以有利于搜索引擎和用户找到内容 网站的结构和导航 网站功能可用 网站的功能单元 包含必要的内容：公司介绍，联络方式，复杂功能说明，常见问题回答等。 网站的功能单元 常见问题解答功能可以： 提升企业服务形象 用内容留住客户 提高搜索引擎排名和流量 网页内容优化步骤 找到最独特的网页主题 别的网站或者企业因为资源限制，无法提供的东西 与本站别的网页最不同的地方 用最简单的语言，将主题写下来。应该是一句话而不是几个词 找出该网页最主要的至少3个关键字 先检查网页内容是否围绕这个主题展开，是否有分段和逻辑层次 最后进入后面的步骤 创建独特，准确的页面标题 －准备好的主题 察看网页源代码，找到title后面的内容 网页的标题 应强调页面独特内容：“无锡慧特焊割机械有限公司 － HGS系列数控火焰切割机” 每页使用描述元标签，描述页面独特内容 察看网页源代码，找到meta和”content”后面的内容 网页的标题 应该合理的对网页的内容进行描述，有利于搜索引擎对页面的理解 产品文字介绍详细，重点在页面左上角突出 网页的版式 重点内容在页面角落处，没有突出重点，也没有文字介绍 产品介绍详细，重点在页面左上角突出 网页的版式 介绍内容详细，且重点突出 页面优化在搜索引擎上的作用 都是混乱的文字，根本没有办法参加排名，也无法传递信息 页面优化在搜索引擎上的作用 每一行都完全相同，搜索引擎无法判断网页的内容 页面优化在搜索引擎上的作用 每条描述都不相同，而且强调了页面的主题，可以将信息准确的传递给用户和搜索引擎 网页的标题和内容－最理想的结构 页面上的功能单元 页面顶栏 图片 注册和提交表单 购物车 联络我们/联系我们/关于我们 页面顶栏 提供站内搜索功能，如果没有推荐使用AdSense for search: /adsense/support/bin/answer.py?hlrm=enanswer=17960 网站和企业的logo和中文或者英文名称清晰。如果有最好加上一两句公司的口号 简要的联络方式，或者购买的方式说明 简洁的菜单导航 不使用复杂的flash或者动画，影响用户浏览正文 页面顶栏 清晰简单重点突出 菜单不简洁，内容和颜色都混乱 页面顶栏 简洁，有口号: 钻石珠宝教育指南 联系方式清晰，菜单简单 图片的优化 针对用户体验的优化 图片的周围有针对图片内容的详细说明 如果图片是链接的话，应该在旁边摆放文字链接 图片的读取时间不会过长 使用压缩格式的图片:文件扩展名为jpg, gif, png尽量不用bmp 源图片文件下载打开，和网页上看到的差不多大小，不会过大 针对搜索引擎的优化 图片的文件名要有明确的含义，而非类似”1.jpg” 图片的alt text应该明确的描述图片的内容 图片的优化 文件名: cp-18.jpg 源代码中无alt属性 图片的优化 详细说明 图片的Alt text 详细全面 注册和提交信息的表单优化 表格格式整齐，表格的题目和表格都对齐 表格的填写内容充足但是不会过多 (1)写清楚表格每项的题目和填写帮助; (2)必须填写和选择填写的指示区分; (3)标明注册和登陆的链接; 重新检查每一项内容，是否是生意必要的，如: 收集信息的表单，只需一种联系方式(email) 注册表单，只需要email和密码 对于在线购买的网站，先要求用户简单注册(email地址即可)，具体联络和送货地址在结算时填写 注册和提交信息的表单优化 需要填写的内容过多： 包括email，密码，性别，姓氏，名字，电话，传真，地址，城市，州/省份，邮编，国家！ 购买前的注册其实只需要：email和密码。其余都可以是选择性填写。 购物车的优化 尝试购物流程： 购物流程短，进入购物车到结算