Google的“移动优先索引”文档中提供了创建移动适配网站的最佳实践方法，包括：
1、响应式网站设计：Google 推荐使用响应式Web设计，因为它最容易实现和维护; 2、动态服务：使用user-agent和vary http标头为不同的设备设置不同的HTML; 3、独立的urls：为每个设备提供不同的 HTML，并在单独的 URL 上提供不同的 HTML。 对于后两种方法，Google提供了配置方法，可以参考文末链接。对于响应式网站，不同CMS和主题的响应式设置方法大同小异，可以参考相关教程。本文我们主要探讨如何对响应式网站进行优化。 很多支持响应式的网站一旦基于PC端完成以后，会自动生成相应的不同视口的响应式效果，但这些效果在很多方面并不能达到我们的需求，此时，我们需要进一步针对不同视口进行各个方面的优化，以求达到最佳效果。 适配移动端网站的关键要素
移动端适配需要我们遵循以下几个关键要素，包括： 1、适配不同尺寸的视口 移动端网站不止要适配平板电脑，还要适配不同尺寸型号的智能手机。可以根据网站当前的用户数据，优先优化高比例视口。 2、可以流畅使用的导航 由于移动端视口较小，导航不会直接完整显示在窗口中，而是折叠到导航按钮中，为了方便使用，可以将导航按钮黏在窗口固定位置。限制菜单项的数量以防止过度拥挤，为导航项使用清晰简洁的标签，以确保它们在移动设备上易于理解。 3、清晰的图片 当缩小到较小的屏幕尺寸时，图片很容易看起来不好或不清晰。随着移动用户的注意力持续时间较短，移动网站对文本的依赖程度较低，因此，只有清晰的图片才能更吸引人。 4、易于阅读的文字 与图片一样，一定要确保文字在较小的屏幕上清晰易读。文字可能会在移动设备上缩小到太小且难以阅读的程度。此外，文字不应太大，不然会被强制水平滚动或被截断（这在标题中尤其常见）。也不要在移动设备上使用大块文本。可以通过增加间距、拆分文本或完全避免使用大块文本来更好地为移动用户服务。 5、适当留白 小尺寸的屏幕要有足够的留白，但不要太多。文本板块可以缩一些。 6、注重首批信息和首屏加载速度 和PC端类似，移动用户首页访问的第一屏内容也要进来优化，包括图片、文字信息以及CTA一定要多测试。FCP（First Contentful Paint）也是很重要的，需要我们着重优化。 7、快速的访问速度 当然，页面整体的加载速度也很重要，移动端速度的便利性对移动用户更为重要。加载时间每增加一秒，网站转化率平均下降 4.42%。如果网站加载速度低于预期，近 70% 的客户会不太可能购买。 由于移动设备和移动浏览器的处理能力较低，加载速度慢是移动网站的常见问题。你需要通过压缩图片和视频、缓存内容等方式优化你的网站，能在移动设备上快速加载。 8、容易联系或者轻松结账在 如果你是B2C网站，就需要考虑如何让用户轻松结账，如何在移动网站上设计销售漏斗，才能更好地让用户完成购买。让用户尽可能容易地付款，明确说明人们如何使用大而清晰的 CTA 进行购买，尽可能减少结账流程中的摩擦。对于其他类型网站也是，尽量让用户容易联系到你。可以使用JavaScript将联系按钮或者“Add to Cart”按钮粘在屏幕固定位置，使用JavaScript动画使按钮活动更平滑。 9、适当设置滑动板块，而不是点击 考虑到移动端多为触屏，用户多使用滑动功能，可以将你的移动网站上的板块更改为便于移动用户操作的板块。例如，可以将图片设置成滑动浏览，将PC端悬停效果删除等。 10、易于点击的按钮和链接 触屏上点击元素（比如按钮，链接等）比使用光标更难，你需要适当增大点击元素。和PC端不同，触屏并没有悬停功能，有些可点击元素并不明显，此时，你也需要调整这些文本，让移动用户能够清楚的知道他们可以点击什么，应该点击什么，减少死点击。最小触摸目标大小为 44x44px 另外，需要考虑很多用户使用手机时习惯单手操作，所以尽量将一些重要链接和按钮放置在大拇指可以操作的范围内。 11、简化表单 大家都知道，文本输入和表单在移动设备上很烦人。要求用户执行过多表格输入会不友好，尽量简化表单操作。 12、减少弹窗 手机上的弹窗也很烦人，虽然侵入性弹出窗口在任何设备上都不是很好，但在移动设备上，它们会遮盖更多内容，并且通常更难关闭。尽量减少你在移动设备上使用弹出窗口的数量，如果必须加，可以尝试不同的样式看看。 13、优化内容板块 使用可以折叠的Section，或者选项卡来组织你的内容，并在需要时可以选择展开查看更多详细信息。 14、优化语音搜索 在搜索栏上添加语音搜索功能，并确保能够识别当前网站语言命令。 15、可访问性 在移动设备上支持文本到语音转换（TTS）功能和语音命令，方便依赖屏幕阅读器或语音输入的用户使用。确保所有内容（包括文本、按钮和控件）都可以通过语音交互进行访问和操作。 最后
移动优化不是“可有可无 ”的事情。对于几乎任何企业 - 特别是对于我们出海企业 - 拥有一个运行良好且在移动设备上看起来很棒的网站是必不可少的。
優網科技，優秀企業首選的互聯網供應服務商
優網科技秉承"專業團隊、品質服務" 的經營理念，誠信務實的服務了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優網科技成立于2001年，擅長網站建設、網站與各類業務系統深度整合，致力于提供完善的企業互聯網解決方案。優網科技提供PC端網站建設（品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發、移動端應用（手機站、APP開發）、微信定制開發（微信官網、微信商城、企業微信）等一系列互聯網應用服務。
公安局備案號：
專屬顧問
