网站优化之用户体验和SEO讲义(ppt 48页).ppt

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