如何让百度快速识别网站的移动页面?

转载 SEO培训  2018-02-08 16:49  阅读 476 views 次 评论 0 条
seo优化方案

在经历了一轮轮移动H5项目,看过很多移动页面识别和优化的国外文章,更重要的是多次和百度相关人对话和解决问题后,我将一些常见的HTML识别细节总结了两部分,用于促进移动页面被搜索引擎识别、收录,让更多优质流量更早、更多地分发到自己页面。

一、head标签中的部分

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页面的几率。

本文地址:https://www.dgseo163.com/seos/70.html
关注我们:请关注一下我们的微信公众号:扫描二维码黑帽seo | SEO技术服务外包_网站内外优化推广技巧『SEO技术』的公众号,QQ:1358589665
温馨提示:文章内容系作者个人观点,不代表黑帽seo | SEO技术服务外包_网站内外优化推广技巧『SEO技术』对观点赞同或支持。
版权声明:本文为转载文章,来源于 SEO培训 ,版权归原作者所有,欢迎分享本文,转载请保留出处!
东莞网站建设

发表评论

游客评论


表情

私密评论