搭建自适应/响应式网站设置规则及注意事项

自适应网站是指能够在不同设备上展现出良好效果的网站，无论是在大屏幕台式电脑、平板电脑还是手机等移动设备上，都能提供优质的用户体验。制作自适应网站需要考虑多方面因素，涉及到技术、设计和用户体验等方面。

无论是自适应或者响应式网站，在搭建和部署的时候都需要注意以下设置规则和注意事项：

1. 如果您采用自适应或者响应式网站，无论是将网页设定为行动装置专用格式，还是提供支援行动装置格式的对应网页，都必须让百度、Google等主流的搜索引擎得知这项设定。如此一来，搜索引擎就能在搜寻结果中将您的内容准确提供给使用行动装置的搜寻者。

2. 如果您采用「回应式网页设计」，请使用 meta name="viewport" 标记指示浏览器如何调整内容。如果采用「动态服务」，请使用Vary HTTP标头，依据使用者代理程式指明变更。至于采用独立网址时，请在网页中加入内含 rel="canonical" 和 rel="alternate" 元素的 <link> 标记，指明两个网址间的关系。

3. 保持资源可供检索。封锁网页资源会让Baidu、 Google 无法完整解读您的网站内容。会出现这种情况，通常是因为您的 robots.txt 档案封锁了对您的部分或所有网页资源的存取权限。如果 Baidu、Google 无法存取网页资源 (例如 CCS、JavaScript 或图片），系统可能就无法侦测出这是专为行动浏览器所建立的网页，换句话说，我们可能无法侦测出网页是否适合行动装置浏览，也就无法适时地将网页提供给使用行动装置的搜寻者。

4. 避免出现会对行动装置访客造成困扰的常见错误，例如无法播放的影片。

5. 如果自适应网页无法提供令人满意的搜寻体验，在行动搜寻结果中的排名就会下滑，或者在搜寻结果中附带显示警告讯息。这类情形包括但不限于在行动版网页上显示妨碍使用体验的整页插页式广告。

在所有装置上都提供完整功能。行动装置的使用者在浏览您的行动版网站时，都期待能使用和其他装置版本网站一样的功能 (例如留言和结帐) 及内容。

6. 除了文字内容外，响应式网站也必须嵌入所有重要的图片和影片，并确保使用者可以在行动装置上存取这些内容。对于搜寻引擎，您需要提供所有网页版本的结构化资料，以及标题、说明、link 元素等其他中继资料。

7. 确认移动端网站具备电脑版网站中所有的结构化资料、图片、影片及其他资料。

最佳做法

透过行动装置相容性测试对响应式网页进行测试，了解 Baidu、Google 等搜索引擎是否认为您的网站能在移动设备上良好运作。

如果您的移动版网页有专门的网址，请务必对移动版网址和电脑版网址都进行测试，以便确认Baidu、 Google 可以识别并检索相关重新导向。