有没有一些特定的HTML标签或元标签可以告诉搜索引擎一个网页是为移动设备设计的？我已经创建了一个链接到移动网页的移动站点地图，但我担心搜索引擎无法识别这些页面是否为移动版本。
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锅炉板的工作示例此处。
以及媒体查询浏览器支持列表此处
另外，如果您担心跟踪用户群体，Google Analytics 可以为您做到。您可以按照自己的意愿分析流量。
- Derek Adair
1
2这些媒体查询似乎非常有用，可以避免在移动域中重复内容，但对我来说还不够，因为在移动域中，我会严格限制暴露的内容，试图保持屏幕区域和信息量之间的合理比例。 - snippetsofcode
2
不，没有这样的声明。您可以使用JavaScript检测移动浏览器，并将用户引导到特殊的移动网页版本，但没有任何东西表明一个特定的页面是针对移动浏览器的。
如果您担心向Google提供重复内容，则通过robots.txt文件阻止爬取您的移动站点（via a robots.txt file），然后确保始终将移动用户重定向到正确的移动站点。
如果您担心向Google提供重复内容，则通过robots.txt文件阻止爬取您的移动站点（via a robots.txt file），然后确保始终将移动用户重定向到正确的移动站点。
- ColinE
2
1是的，我的担忧就在于这一点。我有一个domain.com和一个m.domain.com。我不希望搜索引擎在移动域中找到重复的内容，因为这可能会对搜索排名产生某种惩罚。如果我能够明确地表明m.domain.com上的页面是专门针对移动设备的，那么我会感觉更好... - snippetsofcode
@snippetsofcode 好的 - 请查看更新后的答案。阻止谷歌访问您的移动站点。 - ColinE
2
如果您关注样式和其他方面，请参见如何设置HTML以适应移动设备，并具有占用整个浏览器宽度的标题图像？。
否则，如果您不希望搜索引擎链接到m.domain.com而不是domain.com（或其他内容），那么我建议考虑使用一些PHP header检测来重定向到主站点。
要确保它们根本不被爬取，因此永远不会显示在搜索结果中，请添加：
否则，如果您不希望搜索引擎链接到m.domain.com而不是domain.com（或其他内容），那么我建议考虑使用一些PHP header检测来重定向到主站点。
要确保它们根本不被爬取，因此永远不会显示在搜索结果中，请添加：
<meta name="robots" content="noindex" />
- Josh
2
1我已经设置了重定向来避免移动设备停留在主域。但是对于搜索引擎爬虫呢？应该将它们重定向到哪里？主域、移动域还是不进行重定向？ - snippetsofcode
如果您不希望人们被重定向到移动网站而想让他们直接进入主站，那么只需在移动页面中添加<meta name="robots" content="noindex"/>即可防止它们被索引。 - Josh
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
layout、designs和文本量，都可以且应该通过CSS和媒体查询来控制。请使用它们。麻烦了。 - Derek Adair