响应式设计
无论 PC 用户还是手机用户访问网站，所访问的URL 是完全一样的，浏览器下载的页面代码也是一样的。
浏览器根据屏幕的宽度显示不同的布局。针对手机浏览器可能需要通过 CSS 做一些控制优化，如布局排版适合手机浏览、导航折叠、隐藏某些内容（如广告、侧栏）等。 SEO 需要注意，响应式设计一定不要禁止搜索引擎抓取 CSS、JavaScript 及图片文
件，不然搜索引擎无法正常渲染，也无法判断页面在手机端是否易用。
另外，响应式设计的页面必须设置 viewport，告诉浏览器及蜘蛛要按照屏幕宽度自动调整页面排版：
百度还建议在响应式页面加上如下meta 标注，帮助百度理解页面适用于 PC 和手机，并根据屏幕尺寸调整布局和效果：
所有搜索引擎都完全支持响应式设计，也都推荐响应式设计。除了上面提到的几点，使用响应式设计做移动 SEO 无须做其他设置。
既然 URL 一样，所有设备得到的 HTML 代码也一样，SEO 的优势显而易见：简单明了，搜索引擎不会被弄糊涂，不必检测 PC 站和移动站 URL 之间的对应关系，页面排名能力不会受到任何技术错误的影响。
从长远看，响应式设计从各方面考虑都是最理想的，其优点如下：
- 网站后端开发、维护更简单，成本更低，一套代码就可以了。
- 不需要判断设备、浏览器类型，不需要为 PC、移动版本设置转向，避免出错和影响用户体验。
- 不需要转向，减少请求次数，提高页面响应速度。
- 用户也不会被弄糊涂，收藏、分享 URL 更方便。
- 链接建设、权重信号集中在一个 URL，不会分散权重或出现其他问题。
- 减少对同样内容的重复抓取、索引，节省抓取份额，提高索引效率。
响应式设计也有缺点：一是对前端设计要求比较高，成本也高，同一套代码要在所有设备显示正常，还要尽快开始渲染，不同类型、不同版本的操作系统、浏览器，一一
调试是很麻烦的。二是移动设备由于屏幕大小的关系，经常要通过 CSS 隐藏一些内容和功能，但还是需要下载完整的 HTML 代码，可能还包括图片，所以会浪费带宽，影响下载速度。
总体上，响应式设计的简洁性使其更具优势，是大势所趋。一般公司的新网站，肯定建议直接采取响应式设计，不用考虑其他选项。
本文档为站内渲染。原始文件本地路径：saas/source/seo-llm/SEO实战密码-markdown-第06章-移动-SEO-移动-SEO-的-3-种方式-响应式设计-531f8b.md（仅本地保留，不入库不部署）