现在大家基本上做手机网站都是做成HTML5的，因为现在智能手机等移动设备越来越多，几乎全部支持HTML5，那么给网站适配上HTML5的网站就很是必要了。以前的WML网站已经淘汰，而最新的方式就这种最好。我们这一节就重点讲一讲HTML5移动网站的优化技巧。

首先，HTML5的适配要做好

以前几节我们讲到什么方式的适配最好(可以参考第三节http://www.390seo.com/article/2285.html)，如果你是用二级目录适配或者没有数据互通那么赶紧来做了。最后的结果是要有例如：

http://www.390seo.com/  电脑站

http://m.390seo.com/  手机站

这些方面说的很多了，不再啰嗦。这里推荐一个文章《手机站优化实战：手把手教你把二级目录下的手机站变到2级域名》，大家可以看看：http://www.390seo.com/article/2267.html

接下来优化你的网页代码，让网站内部有更好的表现

1、压缩图片和网页素材

图片不要用太大的影响网站打开速度，一些产品之类的尽量用缩略图而不要用原图。

2、减少使用flash等老式视频播放方式

html5的手机网站，一般不要用flash播放器，因为几乎手机默认设置都没有办法播放flash。

3、字体大小优化好

字体要尽量要大一些，让人看起来舒服，要不那与电脑站又有什么区别呢？

4、优化用户体验

从网页的布局和各个方面优化用户的体验，让大家更喜欢你的网站。

最后，优化好你的电脑网站，手机站自然排名就越来越好了！

手机网站排名主要取决于电脑站的排名，所以经营好你的电脑站，手机站排名就差不到哪里了！

html5 移动 优化,第四天：HTML5移动站优化技巧 摘自《10天学会移动站SEO》相关推荐

  1. 性能优化（四）长图优化，仿微博加载长图方式

    长图优化 现在市面上 95 % 以上,APP 都有预览图片的功能,那么是怎么做的勒,今天我们就来仿照 微博 预览长图,来对长图优化. 怎么使用 1.project/build.gradle allpr ...

  2. html5 内嵌网页_如何分析并优化网页的性能？新梦想软件测试

    一个网站的网页是好是坏,往往是体现在速度和高度两个方面,速度是网页所展示出来的时间,能否为浏览用户节约时间.高度则是一个网站网页本身的质量,能否为浏览用户带来真正的好体验.然而看似简单的两个点,但是背 ...

  3. HTML5和Intersection Observer的响应式图像优化简介

    by Riccardo Canella 里卡多·卡内拉(Riccardo Canella) HTML5和Intersection Observer的响应式图像优化简介 (An intro to res ...

  4. HTML5+CSS3的学习(四)

    HTML5+CSS3的学习(中) 2018版李立超html+css基础 103集教程,哔哩哔哩链接:https://www.bilibili.com/video/BV1sW411T78k?spm_id ...

  5. 免费的HTML5连载来了《HTML5网页开发实例具体解释》连载（四）HTML5中的FileSystem接口...

    HTML 5除了提供用于获取文件信息的File对象外,还加入了FileSystem相关的应用接口. FileSystem对于不同的处理功能做了仔细的分类,如用于文件读取和处理的FileReader和F ...

  6. 《HTML5网页开发实例详解》连载（四）HTML5中的FileSystem接口

    HTML 5除了提供用于获取文件信息的File对象外,还添加了FileSystem相关的应用接口.FileSystem对于不同的处理功能做了细致的分类,如用于文件读取和处理的FileReader和Fi ...

  7. web基础学习（四）HTML5的主结构元素、表单

    一. 主结构元素 HTML5主结构更改 <!DOCTYPE html> <html><head><meta charset="utf-8" ...

  8. 一零四、前端性能优化详解

    1 前端性能优化 介绍 页面性能优化 浏览器 浏览器的主要作用 浏览器的组成结构 浏览器是多进程的 浏览器的渲染机制 重排reflow与重绘repaint 页面加载缓慢的原因 浏览器部分 代码部分 优 ...

  9. 前端 html5 css3 框架,UI,分享,CSS3,HTML5,前端框架

    随着HTML5和CSS3以及网页设计布局的全面翻新创新改革.让很多网页设计者和界面设计师都知道一个道理.就是去掌握一套对应的工具包.这不仅仅是未来提高工作的效率,还能更好的去处理网页整体视觉效果.界面 ...

最新文章

  1. shell 不等于_关于shell编程中的整数值比较的两种方式的简单操作实例
  2. 追求代码质量: 用 AOP 进行防御性编程
  3. DataGridView的DataGridViewComboBoxColumn列点击一次
  4. 金融模型python_盘点金融领域里常用的深度学习模型
  5. JavaScript将iframe中控件的值传到主页面控件中
  6. 跟随美国博导12年，我学到最深刻的不是科研，而是这个。。。
  7. MySqlDataReader在Using中使用
  8. Redis面试 - 集群模式
  9. ‘分享到’侧边栏制作
  10. linux运行不了.sh文件,linux下不能执行/bin/sh脚本的原因：command not found
  11. Project 3 ：Python爬虫源码实现抓取1000条西刺免费代理IP-HTTPS并保存读取
  12. Java Programming Review 02
  13. 【工具笔记】java 中文替换，用于简单的中文替换脱敏加密，且保留模糊查询特性
  14. matlab编写的程序输入参数怎么写,MATLAB|标准参数输入对话框创建
  15. GPT系列论文精读-GPT1
  16. 为什么它有典型FaaS能力，却是非典型FaaS架构？
  17. pathon的基本语法
  18. Wi-Fi Sigma测试系统
  19. 51nod 1213 二维曼哈顿距离最小生成树
  20. ActiveMQ详解

热门文章

  1. 在Spring MVC中处理域对象
  2. Java JDK 10会有什么期望
  3. spring pom设置_Spring社交Twitter设置
  4. Gradle技巧–显示buildscript依赖项
  5. junit rule_Tomcat上下文JUnit @Rule
  6. jpa jdbc jndi_没有J2EE容器的JNDI和JPA
  7. 将Java EE与jOOQ结合使用的初学者指南
  8. Java中的状态设计模式–示例教程
  9. 通过命令行界面使用AWS ElasticMapReduce
  10. Java EE 7社区调查结果！