关于meta标签在电脑端和移动端分析
发布日期:2020/6/14
当下搜索引擎越来越重视移动端的体验了,我们做网站也需要加一些代码来让搜索引擎分辨网站是移动端还是电脑端。
目前做网站的公司一般有三种方法来适配移动端:
1,跳转适配:
该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。
2,代码适配:
该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的 HTML。
3,自适应:
通过同一网址提供相同 HTML 代码的网站设计方法。
注:我们需要在pc的响应的head中添加<meta name="applicable-device" content="pc">而在移动的响应的包头中添加<meta name="applicable-device" content="mobile">
希望对大家有一定的帮助,更多资讯,查看我们官网:http://www.qzxwl.com
目前做网站的公司一般有三种方法来适配移动端:
1,跳转适配:
该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP 标头重定向到相应的页面。
2,代码适配:
该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的 HTML。
3,自适应:
通过同一网址提供相同 HTML 代码的网站设计方法。
注:我们需要在pc的响应的head中添加<meta name="applicable-device" content="pc">而在移动的响应的包头中添加<meta name="applicable-device" content="mobile">
希望对大家有一定的帮助,更多资讯,查看我们官网:http://www.qzxwl.com



