自适应网页设计(RWD)通常也叫响应式网页设计。自适应网页设计会根据设备的屏幕尺寸自动调整适合屏幕大小的网页也就是说网页会自行调整以适应所有设备。
自适应网页设计优化要点要在网页的 head 标签声明您的网页会自动调整以适应所有设备请向文档的标头添加以下元标记:
用户可能需要点按两次或通过张合手指进行缩放才能够看到内容以及与内容互动才能够清晰的看清楚网页的内容。对于移动优化来说搜索引擎不会将这类网页视为适合在智能手机上浏览的网页。
上图所示左侧的网页是未指定viewport的网页因此智能手机浏览器会假定呈现内容的屏幕宽度为桌面设备的宽度导致用户很难看清楚网页显示的内容。而右侧的网页是指定viewport的网页根据设备设备的屏幕尺寸自动调整网页内容清晰易读。
一个网站一个网址适用所有移动设备可让用户访问到您的网站内容;有助于搜索引擎快速的辨认网站属性省去分析网页是桌面版还是智能手机版;节省网站内容维护成本;无需重定向用户即可获得对应的设备进网页视图从而缩短加载时间;利于搜索引擎抓取和收录搜索引擎只需抓取您的网页一次即可检索到所有的内容版本;总结