广州SEO优化,网站优化,百度SEO优化,关键词排名推广等服务, 点击 用SEO优化技术把网站优化到可以赚钱

网站seo优化之前端代码优化分享

SEO优化 admin 评论

网站 seo 优化 之前端代码优化分享 一、 head 标签中的部分 1.URL 设计 URL尽量含有通用已成趋势的移动命名,例如m./wap./3g./mobi./mobile./mob/wml/,可以在子域名等方面体现 2. 页面顶部的 doctype 标签 作为协议的重要部分,doctype中是否移动化也很重要

网站seo优化之前端代码优化分享

一、head标签中的部分

 1.URL设计

URL尽量含有通用已成趋势的移动命名,例如“m./wap./3g./mobi./mobile./mob/wml/”,可以在子域名等方面体现

 2.页面顶部的doctype标签

作为协议的重要部分,doctype中是否移动化也很重要,检查是否存在与移动相关的声明,如这些关键词,openmobilealliance, xhtml-mobile, xhtml-basic,wapforum,dtd compact html

例:“”

3.meta标签中的viewport属性和x-ua-compatible属性

viewport,移动前端开发中最重要的标签,响应式设计的根基,如果你的页面是遵守响应式设计的,那么说明这些页面对移动设备有友好的输出。

典型的的viewport代码是这样的,,判断移动与否的关键属性值为width,如果width=device-width这是典型的移动友好的设计,增加判定为移动页面的砝码,如果width有具体值,且值大于典型的移动屏幕(应该小于600),那么该页面被判定为PC页面的几率大大增加。

但,META中还有一个很独特的属性作为SEO人员应该很少接触到,那就是x-ua-compatible属性,该属性是PC意味非常强烈的功能性代码。示例代码如此,,从百度工程师处得知,该代码会有较强暗示当前页面为PC页面的功能,需选择性使用。

 

4.title中的移动暗示

制作移动页面时,在title标签中写明:“移动版”、“手机版”、“WAP版”、“触屏版”不仅是照顾用户体验的方案,也利于页面的移动识别,反之PC页面要谨慎使用这些文案。

5.链接link标签的mediahref属性中需要注意的细节(多为样式文件)

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%,这种优化增量是非常显著的。

喜欢 (0) or 分享 (0)

最新评论

  • 杰胜策划: 他们做的整站SEO优化,网站排名真的非常好,比竞价便宜多了,而且效果也差不多
  • 杰胜策划: 新锐网络做的营销型网站真的很不错,转化率很高
  • GG01485在搜狐: 新锐网站做的网站也很不错,很大气,不是那种旧的很简陋的
  • GG01485在搜狐: 这里不像其他SEO博客,很多文章都是博主自己原创的,感觉写得非常好啊
  • GG01485在搜狐: 在广州找人做SEO优化的话,选新锐网络真的不错,反正做不上又不收钱
  • GG01485在搜狐: 感觉在这里学到很多SEO知识,自己做的企业站排名和收录都上来了