是否有任何特定的 html 标签或元标签告诉网页是为移动设备设计的？我创建了一个链接移动网页的移动站点地图，但我担心搜索引擎不会将这些网页识别为移动版本。
问问题
209 次
3 回答
3
如果您要使用这种技术，我建议您在 CSS 中使用媒体查询，并首先专注于开发您的移动网站。
基本示例
@media only screen and (min-width: 480px){
//insert styles SPEFIC to resolutions greater than 480px wide
}
关于评论：
//default CSS
.hidden-for-mobile{ display: none;}
//overrides the hidden style, and displays your element in larger resolution browsers.
@media only screen and (min-width: 480px){
display: inline; //or block or whatever you want
}
很可能有一种不同或更好的方法来实现这一点，但重点是......
如果您试图控制网站的外观/感觉，请尽量将其保留在样式表中
专业提示： 您将希望使用 em / % 基于宽度来确保您的网站正确响应您的用户浏览器
在此处查看使用 HTML5 样板的工作示例。
和媒体查询浏览器支持列表在这里
此外，如果您担心跟踪您的用户群，谷歌分析可以为您做到这一点。您可以根据需要分解流量。
于 2012-08-19T20:21:38.233 回答
2
不，那里没有。您可以使用 JavaScript 来检测移动浏览器，并将用户引导至您网页的特殊移动版本，但对于特定页面并没有说明这是针对移动浏览器的。
如果您担心会向 Google 展示重复内容，请通过 robots.txt 文件阻止对您的移动网站的爬取，然后确保始终将移动用户重定向到正确的移动网站。
于 2012-08-19T20:14:49.953 回答
2
如果您担心样式和事情，请参阅如何使用标题图像为移动设备设置 HTML，这需要浏览器的整个宽度？
否则，如果您不希望搜索引擎链接到 m.domain.com 而不是 domain.com（或其他），那么我会考虑进行一些 PHP 标头检测以重定向到主站点。
为确保它们根本不会被抓取，因此永远不会显示在搜索结果中，添加
<meta name="robots" content="noindex" />
于 2012-08-19T20:16:46.750 回答