1. 首页
  2. 白帽seo

最终解说挪动端适配配置与SEO优化

最终解说挪动端适配配置与SEO优化

 

中同时具有PC端以及挪动端险些成为标配,主域名做PC端,二级域名做挪动端,不倡议用二级目次做挪动端。挪动装备的会见量日积月累,挪动端SEO优化的主要内容:用户体验、页面权重

1-1F109164430b4-3

所谓的挪动适配针对会见者以及蜘蛛:网站按照会见者的客户端信息,判定能否用JS跳转到挪动端;对蜘蛛就用meta或link声明。完好的挪动适配是PC以及挪动真个URL逐个对应。上面是重庆SEO慕斯搜索引擎优化总结的最全的挪动适配布置。

挪动端适配相干布置

挪动端Title、Description、Keywords(TDK)配置

 

搜刮引擎会起首抓取页面title标签内里的内容,也是网站展现在搜刮引擎内里的次要内容。挪动端以及PC真个title能够分歧,最佳加之挪动端以示区分。

对用户利用搜刮引擎,页面主题目、形貌的与用户利用的枢纽词婚配水平高,普通会患上到较多流量,参考文章《SEO优化网站建立入门根底标签meta用法》

 meta http-equiv=keywords content=枢纽字1,枢纽字2,枢纽字3 meta http-equiv=description content=重庆SEO慕斯搜索引擎优化的博客

 

网站Title、Description、Keywords(TDK),搜刮引擎对Keywords的权重能够疏忽,因为在挪动端展现时,题目以及形貌字数以及PC端有必然区分,参考文章《怎样写好新站网站题目以及形貌》。

挪动端link绝对途径

 

PC以及挪动端接纳差别的CSS款式表,别的因为两套模板需共用网站根目次下的favicon.ico图标等,接纳绝对途径包管一般挪用。

 link rel=stylesheet type=text/css href="

挪动端rel=canonical声明

 

为理解决网站因为URL链接纷歧样,但网页内容同样,制止baidu反复收录的成绩

好比:PC端与挪动端对应URL别离为


 

在挪动端/head之前,增长以下代码:

 !--baidu挪动声名-- link rel=canonical href="/

 

内里的链接是报告搜刮引擎,这个链接是标准、准确、期望baidu收录且到场排名的链接(网页威望链接)seo实战优化

需求用rel=canonical声明的状况:

①网站停止了改版,将旧的内容搬到新的URL,但没有做301重定向;

②某些CMS栏目或内容的动态链接以及静态链接内容不异,并且没有做301重定向;

③挪动端以及PC端固然模板纷歧样,可是次要内容同样,制止分离权重。

挪动端meta声明

 

差别的挪动装备上阅读页面有能够呈现横向转动条。增长viewport属化是以后viewport的宽度即是装备的宽度,同时不准可用户手动缩放

 meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1

挪动端style款式

 

CSS款式有三种写法:

①内部援用

 link rel=stylesheet type=text/css href="nfejb=tdsffo

 

②页面内

 style type=text/css .div{width:100%height:automargin:0 auto} /style

 

③行内款式

 div class=div style=background:#c00border:1px solid #ccc行内款式写法/div

 

挪动端以及PC端倡议首页接纳②页面内写法,其余接纳①内部援用写法,为了让HTML主体部门代码简约,只管不接纳③行内款式写法。

挪动端适配PC端相干布置

PC端metalink声明

 

适配只针对存在对应干系的页面,无对应干系的PC页面无需任何操纵

 meta name=mobile-agent content=format=xhtmlurl=

name=mobile-agent为更新后的meta声明,倡议利用。原有meta划定规矩http-equiv=mobile-agent可以兼容并持续见效,已标注过的无需修正。

橙色部门为挪动端对应URL页面;format有多少种属性:wml、xhtml、html5,按照实践状况选用。

在PC端/head之前,增长以下代码:

 !--baidu挪动适配META声名-- meta name=mobile-agent content=format=xhtmlurl= / !--google、雅虎等挪动声名-- link href="sfm=bmufsobuf" media=only screen and (max-width: 640px) /

PC端script辨认会见装备JS跳转

 

剧本标签,有两种用法:

①援用

 script type=text/javascript src=

 

②代码块

 script type=text/javascript /*代码块*/ /script

 

普通头部援用Jquery库,施行次第也是从上至下,要留意次第。

通用JS跳转到挪动端代码

橙色部门是要跳转的URL地点。把代码块剧本放在title之前。

<ragent) style=”color: rgb(255, 140, 0);” i.test(navigator.useragent)){window.location.href="”μtqbo”" phonewebosiphoneipodblackberry=”” androidwindows=”” .test(navigator.useragent))){if(window.location.href.indexof(?mobile)0){try{if(=”” midpsymbianosnokiasamsunglgnectclalcatelbirddbteldopodphilipshaierlenovomot-nokiasonyericssonsie-amoizte=”” (=””>}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}/script</ragent)>

siteapp的uaredirect.js

 script src=,)/script

 

留意:是PC版URL,是对应的挪动版URL,利用的时分留意次第。倡议放在title下,否则加载工夫就长了。

END
原创文章,作者:moss,如若转载,请注明出处:https://www.heoseo.com/bmseo/12323.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:

邮件:986522615@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息