玩转html5移动页面,怎样优化代码

如题所述

一、内部优化
(1)TITLE,KEYWORDS,DESCRIPTION等的优化
(2)HEAD,ALT属性等标签的优化
(3)内部链接的优化,包括相关性链接,锚文本链接,各导航等链接页
(4)有规律地保持站内的更新(主要是文章的更新等)
二、外部优化
(1)外部链接:博客,论坛,B2B等尽量保持链接的多样性,广泛性以及相关性
(2)每天添加一定数量的外部链接,提升稳定关键词的排名
(3)与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名

影响关键词排名的因素有很多,SEO是一项系统工程,需要每天坚持,相信只要每天做好自己的工作,排名上升只是一个时间问题!
温馨提示:内容为网友见解,仅供参考
第1个回答  2016-01-19
头部代码

  1、标题标签(title标签)

  在HTML5中标题标签依然存在,其仍然具有不可替代的作用;不过我们看到还有更多的可供搜索引擎识别的代码,我们将改代码的等级微降。

  2、元标签(meta标签)

  字符集编码声明标签

  该标签原本就是搜索引擎必看且首先要看的标签,其他属性都省略唯独留下charset属性能看到google公司用心良苦。

  网页描述标签

  该标签虽然没有什么提示,但是该区域的内容将会在SERP显示,其重要性不应该被忽略。

  正文代码

  1、头部标签(header标签)

  这块区域之前以logo居多,而从目前的情况来看,很多资料都建议在这类使用标题1或2标签,即H1或H2标签。我们认为未来每个网页只会出现一个H1标签,而他的位置就是位于header标签内。该区域我们不建议使用strong标签,不要使用b标签。

  2、导航标签(nav标签)

  nav标签内基本上都是a标签,而HTML5中不应该靠添加title标签来进行优化,我们建议是用strong标签。

  3、文章标签(article标签)

  article标签区域,我们可以使用h2标签,而不建议使用h1标签。基本上有多少个article标签就可以使用多少个h2标签。PS:可把SEO乐死了,估计黑帽又找到作弊的地方了。

  而article标签区域的section标签将会替代h2标签链接过去的URL的title属性,这块区域的文字有可能将成为目标URL的description内容,即有可能会影响目标URL在SERP中的描述。

  4、左或右侧标签(aside标签)

  aside标签的文字信息与article标签区域的文字信息需要匹配,如果关联程度不大,可能会影响到该页面以及目标页面的排名。这是在HTML4
中很多SEO忽视的一块区域,而这块区域的关键词对本页面可能影响不是很大。因为aside标签的内容基本上都属于公共内容,即会有N多的页面都有该内
容。

  5、底部标签(footer标签)

  footer标签区域的内容对首页的排名将会增加,而对于内页来说搜索引擎将有可能会视而不见。不建议每个web的footer信息都是独立的,这或许意味着新的黑帽手段将会出现。

  6、其他标签等

  video标签中间区域的文字信息将会让搜索引擎读懂视频,这是一次飞跃。不过也为黑帽SEO节约了一笔不菲的时间。

  audio标签作为类似img一样的单标签来处理感觉的确有点过分,这样对于音乐可能会有很多障碍,不过音乐里面基本上没有几个关键词,也就不再网页搜索引擎优化的研究范围了。注意下该标签上下文的关键词即可。

  time标签可能会作为一个来判断网页文字源,也就是能够通过time标签来识别那篇文章是原创的。而time标签可能将是成为HTML5时代SEO们整理不休的一个标签。

  noscript标签将会被大量使用,因为HTML5时代将会是一个富媒体时代。传统的文字、图片、链接、视频、音频可能已经满足不了用户的需求,大量的脚本能够编辑出丰富的信息,包括游戏、个性化设计等等。

  总之,一个新的时代即将到来,SEO们将会有大量的工作要去处理。

玩转html5移动页面,怎样优化代码
一、内部优化 (1)TITLE,KEYWORDS,DESCRIPTION等的优化 (2)HEAD,ALT属性等标签的优化 (3)内部链接的优化,包括相关性链接,锚文本链接,各导航等链接页 (4)有规律地保持站内的更新(主要是文章的更新等)二、外部优化 (1)外部链接:博客,论坛,B2B等尽量保持链接的多样性,广泛性以及相关性 ...

html5有什么优势?
HTML5技术在移动端,能够让应用程序回归到网页,并对网页的功能进行扩展,用户不需要下载客户端或插件就能够观看视频、玩游戏,操作更加简单,用户体验更好。HTML5的视音频新技术解决了移动端苹果和安卓4.0+,对flash的支持问题。在视音频方面,性能表现比flash要更好。网页表现方面,HTML5中的CSS3特效样...

学习HTML5未来前途怎么样?
(4)导流入口多HTML5应用导流非常容易,超级App(如微信朋友圈)、搜索引擎、应用市场、浏览器,到处都是HTML5的流量入口。而原生App的流量入口只有应用市场。聪明的HTML5开发者当然会玩转各种流量入口从而取得更强的优势。(5)分发效率高前段时间微信朋友圈风靡一时《神经猫》,这个游戏如果放到Appstore,绝对...

HTML5定稿了 为什么原生App世界将被颠覆
比如 Push 功能,到现在 HTML5 的推送和原生的推送体验差距依然巨大,更不用说 HTML5 应用的页面切换白屏、下拉刷新\/侧滑菜单不流畅等众多问题。看着原生工程师轻松实现摇一摇、二维码、语音输入、分享到朋友圈等功能,更是让 HTML5 工程师感觉自己站错了队。 即使Facebook 不喜欢被控制,也不能拿被用户抛弃来冒险。...

玩转这三种微信营销工具,实现真实用户增长
3.H5页面 1)什么是H5宣传册 随着微信的成功,HTML5内容是数字营销世界中的最新趋势之一,允许开发人员为营销活动创建交互式材料。这就是为什么我们看到为什么H5页面已经成为成功开展广告活动必不可少的内容。简单来说,H5页面算是一个移动网站,大部分是为了提升品牌影响力或是活动推广,用户可通过聊天界面或朋友圈与他人...

前端培训学习什么框架?
Web前端需要学习HTML5+CSS3、JS交互设计、Node开发、前端框架、小程序+数据可视化、就业指导+项目提升几大部分。在第一阶段HTML5+CSS3中,要学习HTML5基础、CSS基础、小U商城(PC端)、HTML5进阶、CSS3进阶、Less、小U商城(移动端)、小U商城后台管理系统(响应式)、项目答辩。这一阶段的培养方向是Web...

Web 前端怎样入门
第1阶段:前端页面重构(4周)内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)第2阶段:JavaScript高级程序设计(5周)内容包含:(原生JavaScript交互功能开发项目、面向对象进阶与ES5\/ES6应用项目、JavaScript工具库自主研发项目)第3阶段:PC端全栈项目开发(3周)内容包含:(jQuery经典...

微信使用技巧有哪些 如何玩转微信与好友畅聊【详解】
利用先进的渲染引擎和优化算法,搜狗高速浏览器确保了卓越的页面加载速度和流畅的多媒体体验。具备全方位的安全防护特性,能有效防御各类网络威胁,同时支持HTML5和CSS3,确保了与最新网络技术标准的完美兼容。欲了解更多或立即下载,请访问https:\/\/sogou.37moyu.com\/ 微信使用技巧有哪些? 微信提供公众平台、...

google浏览器的运用方法
一. 快速关闭标签页 相信大多数人依旧是用鼠标直接点击那个关闭按钮来进行标签关闭的,或许知道 Chrome 专门对标签关闭优化过,每次点击关闭后会自动改变标签宽度,这样可以通过在同一位置连续点击鼠标来快速关闭多个标签页,因此相对其他浏览器用鼠标点击关闭效率其实还算不低。不过这个优秀的细节面对固定标签就...

webstorm怎么编译angluarjs
WebStrom对Html5, javascript, css,json… 大部分的代码都支持非常好。webstorm2 3. 安装AngularJS插件 不过,默认的WebStrom并不认识,AngularJS的指令,当我尝试写代码ng-controller时,编辑器没有出现对应该的提示。<div ng webstorm3 对于特别熟悉的AngularJS的人来说,并不是那么重要。但是,如果...

相似回答