对于手机横行时代的今天，作为专业的SEO优化人员，如果我们不去专心做好移动端优化，那么你面对的后果是非常严峻和可怕的。虽然制作出用户体验良好的手机页面只是很容易的，但是最为关键的临门一脚是获得搜索引擎的青睐，这样才能得到精准的用户，很多网站拥有PC和移动两套页面，从经验上看，精准、高效地被搜索引擎识别不但促进移动页面的排名和流量获取，对PC页面也有额外的效果加成。
在经历了一轮轮移动H5项目，看过很多移动页面识别和优化的国外文章，更重要的是多次和百度相关人对话和解决问题后，长春SEO网将一些常见的HTML识别细节总结了两部分，用于促进移动页面被搜索引擎识别、收录，让更多优质流量更早、更多地分发到自己页面。
一、head标签中的部分
head标签是网页的HEAD(头)部分中包含有的内置标签，一般用来申明使用的脚本语言，以及网页传输时使用的方式等。
head中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等，文档的头部描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等，绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
1、URL设计
URL尽量含有通用已成趋势的移动命名，例如“m./wap./3g./mobi./mobile./mob/wml/”，可以在子域名等方面体现。
2、页面顶部的doctype标签
作为协议的重要部分，doctype中是否移动化也很重要，检查是否存在与移动相关的声明，如这些关键词，openmobilealliance, xhtml-mobile, xhtml-basic,wapforum,dtd compact html
例：“<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN””http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>”
3、meta标签中的viewport属性和x-ua-compatible属性
viewport是移动前端开发中最重要的标签，响应式设计的根基，如果你的页面是遵守响应式设计的，那么说明这些页面对移动设备有友好的输出。
典型的的viewport代码是这样的：<meta name=“viewport” content=“width=device-width, initial-scale=1.0″>， 判断移动与否的关键属性值为width，如果width=device-width这是典型的移动友好的设计，增加判定为移动页面的砝码，如果width有具体值，且值大于典型的移动屏幕(应该小于600)，那么该页面被判定为PC页面的几率大大增加。
但是META中还有一个很独特的属性，作为SEO人员应该很少接触到，那就是x-ua-compatible属性，该属性是PC意味非常强烈的功能性代码，示例代码如此：<meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8; IE=7; IE=EDGE” />，从百度工程师处得知，该代码会有较强暗示当前页面为PC页面的功能，需选择性使用。
4、title中的移动暗示
制作移动页面时，在title标签中写明：“移动版”、“手机版”、“WAP版”、“触屏版”不仅是照顾用户体验的方案，也利于页面的移动识别，反之PC页面要谨慎使用这些文案。
5、链接link标签的media和href属性中需要注意的细节(多为样式文件)
media属性值为screen时，表示屏幕中的显示样式，link的href所填写的URL(基本为样式文件的URL)就比较重要了，一定程度加大不同设备的偏重，此时URL中尽量出现/wap,/mobile/这样的命名，同URL设计一样，用于提高页面识别为移动的效率和概率，如URL中含有pc字样则加大识别为PC页面的几率。
6、一些通用的PC类识别HTML代码
embed：经常用于嵌入多媒体;
object：用于嵌入对象;
marquee：老旧的滚动特效实现代码;
iframe：想必网站优化人员很熟悉了，典型的PC常用标签;
这些典型的用于PC或者老旧的、HTML5已经有更高效替代方案的旧标签，意味着使用它们将增加页面的PC属性，需要有目的地取舍。
7、一些javascript中典型的PC特征
加载swfobject、含有activexobject语句：移动页面根本不会使用如此重的多媒体引用方案(不信你问问你的前端工程师)。
含有netscape(网景)、msie(IE)、firefox(火狐)、browser.msie(IE)这些典型的非移动端浏览器兼容代码的。
设置了timer的，以及JS代码含有settimeout的(此处不知道为什么设置timer还有识别的问题)，均大幅增加识别为PC页面的可能性。
以上这些代码的优化便是在中出现的内容。
二、正文body中需要注意的部分
链接和文本遵照的原则基本与head中一样——多出现移动相关的字眼;页面设置的宽度不要超过常规移动设备的大小;那些常识中(除非招错前端工程师)绝对只用于PC的一些兼容性代码。
此外div块的个数也值得注意，没有哪家移动页面会过量使用div块;还有典型的只用于适配PC机器的HTML代码，例如：accesskey(如果移动页面用，要不前端招错人了，要不产品招错人了，应该引起警觉)。
head和正文两大部分，基本涵盖了一张页面最主要的部分。
网站优化人员一定要把握这些使用细节，协助前端工程师从正反方向将公司的PC和手机页面泾渭分明地呈现给搜索引擎，试想如果你每日被抓取页面达到90%的识别率，而一般水平是70%，这种优化增量是非常显著的。
长春SEO网点评：
对于手机网站的首页或者频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词，在每个页面的关键字及描述像做传统PC端网站一样，做好针对性的填写工作，对搜索结果的展现(摘要)以及优化工作大有帮助。
另外，确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接，让用户可以在手机版和PC版进行切换，也便于搜索引擎更好的收录。
长春SEO_如何优化移动页面中的head标签？【收录技巧】 http://www.121seo.cn/SEO/702.html
以上文章出自长春SEO自学网未经作者许可，不得转载。2018-08-08 05:57:22"
