1. 利用css3 媒体查询，根据屏幕大小调整图片大小。 2. 使用响应式图片的策略，将不同尺寸的图片放入不同的标签中，根据 CSS 的媒体查询，在移动端上使用'width'为'100%'的样式实现图片缩放。 3. 使用懒加载图片技术，可以有效地提高网站访问性能，减少首页加载时间，提升用户体验。 4. 要谨慎选择合适格式的图片，尽量采用jpg或者webp格式，减小图片资源大小，提升网页加载速度。 5. 可以采用图片压缩算法，将图片尺寸压缩至最小，然后进行相关优化，采用WEBP格式的图片，可以进一步减少图片大小。
上星期在第6届SEO排行榜上做了一个演讲，分享了一些国际上SEO行业的最新情况。其中一个内容是Google的AMP项目，也在这里聊一下。AMP，Accelerated Mobile Pages，译意大致是”加速的移动页面”，是Google去年10月份推出的一个提高移动页面访问速度的技术，具体技术细节可以在项目官网看到，有简单的中文版。简单而不一定准确地说，AMP页面是大大简化了的移动页面，因此加载
设计，以及设计原则？ (1) 结构设计： -构建一个清晰的结构：移动端页面结构要简洁明了，使用者无论从何处进入都能熟悉使用、有可视化的感受； -合理布局：采用弹性布局，适应不同的尺寸屏幕的显示，提高页面的用户体验； -使用合理的链接：链接文本要简短易懂，链接数量要合理，层次不要过于复杂，给用户带来良好的体验； -使用可预测的导航：移动端可以使用引导式菜单、按钮和导航栏等来帮助用户进行页面
图片的SEO是网站搜索引擎优化中的最重要的部分之一。对网站的图片进行搜索引擎优化/SEO不仅会给网站带来更多额外的流量,还能带给访问者更好的用户体验。本文中总结了在图片优化中需要注意的16个技巧。1. 在图片的alt标签(替换文字)中加入关键字，这是图片SEO中的最重要的一点。2. 标准的图片嵌入代码应当包含的5个关键性标签：src、width、height、alt和title。替换文字(alt
Alt标签：是用来替代图片的文字信息描述，常用来替代图片显示不出来的情况，主要针对视力障碍者，alt属性将会决定将显示人们的是哪些文字。语法格式：< img alt="文字描述" src="图片地址" > Title标签：用来提供更清晰的提示文字描述，常用来替代图片，并且在鼠标放在图片上会显示title属性里所设置的文字描述，语法格式： Alt标签和Title标签使用方法： 1. 将
