温馨提示:这篇文章已超过945天没有更新,请注意相关的内容是否还可用!
如何用元标记适配移动端响应式网站
在 HTML 文档的 <head> 标记中使用 <meta> 标记。
<head><meta name="viewport" content="width=device-width"></head>
响应式网络是一种技术,其中网络浏览器自动调整网络文档的宽度以适应设备的屏幕尺寸。响应式 Web 使用户可以更轻松地在支持多种尺寸的移动环境中使用您的 Web 内容,而无需缩放页面。
提供单独的移动 URL
在 HTML 文档的 <head> 标记中使用 <link> 标记。
如果您的站点有单独的移动站点对应相同内容的桌面站点,建议明确指定与移动站点的页面1:1对应的桌面站点的URL。此任务用于通知 Naver 的搜索机器人在访问您的桌面和移动网站时不会处理重复的内容。此外,在网站管理员工具中注册桌面和移动站点,以便 Naver 搜索机器人可以知道移动站点的存在。
例如,假设您有 http://www.mysite.com 作为您的桌面站点和对应的移动站点 http://m.mysite.com. http://m.mysite.com 中的一个页面 推荐指定桌面的 URL,如下所示。
移动网站的主页 - 例如)http://m.mysite.com/
<head><link rel="canonical" href="http://www.mysite.com/"></head>
移动网站上的单个网页 - 例如 http://m.mysite.com/article/article1.html
<head><link rel="canonical" href="http://www.mysite.com/article/article1.html"></head>
根据网站访问者的网络浏览器环境自动重定向处理
从移动设备访问您的桌面站点时,请处理到移动站点的重定向。同样,当从桌面访问移动站点时,也需要考虑重定向到桌面站点。每个网络浏览器都有自己的用户代理名称,因此技术上可以判断网站访问者的网络浏览器是移动环境还是桌面环境。
例如,当从桌面访问 http://m.mysite.com/ 时,它会重定向到 http://www.mysite.com,而当从移动设备访问 http://www.mysite.com 时,会重定向到 http :/ 重定向到 /m.mysite.com。
根据用户的浏览器环境处理重定向时,请使用 HTTP 重定向而不是 JavaScript。Naver 搜索机器人检测到 HTTP 重定向,但在某些情况下它无法检测到 JavaScript 重定向。如果由于技术问题难以使用 HTTP 重定向,建议使用 JavaScript 重定向,但 HTML 正文留空。
还没有评论,来说两句吧...