1、编写HTML5文档时,为什么要遵守W3C标准
什么要遵守W3C标准,我也思考过这个,以下是我个人的见解。
一句话:所谓的标准就是为了弥补主观上的不足。
这是别处来,忘记那儿了,非常有道理,非常有嚼劲,知道出处的告知一声。
我深入思考了一下:
W3C 标准是为了弥补主观上的不足,弥补的是新手对 SEO 的理解,即使不了解 SEO,只需要去遵循 W3C 标准即可确保获得良好的 SEO,这是因为 SEO 的编写者同样遵循这一种约定。
如果不遵循约定的话,比如用 DIV 写一切的家伙,SEO 的编写者要怎样才能知道你写的是什么,他不可能搜索全部 DIV 的,太费资源和时间了,所以咱们就约定一下将那些很重要的信息比如关键词是:HTML5、CSS3、Node 的这些都写到一个标签里面好不好?这样省资源省时间呢,大家觉得都 OK 于是我们就专门弄了一个表述这些信息的标签,叫 meta(元信息标签),然后在根据不同的类型来区分一下这些重要信息,比如用 name="keywords" 来标识关键词:
<meta name="keywords" content="HTML5,CSS3,Node">用 name="author" 来标识作者:
<meta name="author" content="zqh">这样 SEO 就知道那些内容是作者,那些内容是关键词了~
SEO 是英文 Search Engine Optimization 的缩写,中文译为"搜索引擎优化"。
当然了,因为是标准,所以你不遵守也是可以的,但这样搜索引擎可能不会抓取非标准的页面,如果你写过爬虫的话就会明白抓取那些不遵循标准来的家伙(DIV 乱用)是多么麻烦,直接忽略掉这些网站是最好的选择。
2、HTML5中哪些标签可以用来做SEO优化
一、头部代码
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信息都是独立的,这或许意味着新的黑帽手段将会出现。
3、HTML5开发对SEO网站优化有哪些好处
HTML5代码新增了不少新元素,整理了下,这些标签应该对SEO还是比较有影响的,适当运用,也许对SEO优化是有很大好处的!
结构上的
<header>定义了站点的头部信息,也就是页眉,一般放置网站的站点名称以及LOGO和导航栏。搜索引擎更容易识别站点的类型。
<nav>定义导航链接,也就是栏目或者频道的链接。搜索引擎可以更好了解网站的信息架构,分类等。良好的信息架构,更有利于蜘蛛的爬行和权重的分布。
<footer>定义了底部信息,也就是页脚。放置页脚导航,一些比如公司介绍,联系我们之类的信息。一般来说对网站比较不重要,有可能搜索引擎会降低其位置的权重。
<section>该元素用来表示网页中不同的分区。优势体现在每个部分都可以有其独立的HTML标题。这可以让搜索引擎更好的了解网页的结构是如何划分的。搜索引擎可能会根据网页中的<section>标签找出其信息架构。(同左撇子)
<article> 定义文章区域,可以更有利于搜索引擎识别网页的内容以及判断相关性。,
<aside>定义页面内容之外的内容,在左侧或右侧边栏。比如知乎右侧的“相关问题”就属于<aside>区域。aside标签的文字信息与article标签区域的文字信息最好是相关。可能会影响到该页面和目标页面的排名。
这些结构元素有些在HTML4时代,一般是用div来定义。如<div id="header">、<div id="nav">和<div id="footer">,但是难免有些网站会采用其它的命名方式。而HTML就把这些都标准化了,规范化了,简洁明了。更有利于搜索引擎衡量网页上的内容和相关性,甚至分配权重的流向。
块元素
<figure>定义媒介内容的分组,以及它们的标题,<figcaption>定义 figure 元素的标题。这两个元素可以说非常好的使媒介和文字说明联系在了一起。有利于搜索引擎理解内容。文字说明是可见的。
<time>定义日期/时间,time标签可能会作为一个来判断网页文字源,也就是能够通过time标签来识别哪篇文章是原创的。
<audio>定义音频
<video>定义视频
这两个元素区域中间的文字信息将会让搜索引擎读懂视频和音频。据说很多国外社交网站都开始试用HTML5,就是因为搜索引擎可以更好识别社交网站更多出现的音视频。
另外目前搜索引擎可能还不能很好支持的HTML5,毕竟现在还没有更好的推广和运用。但我相信这是未来的趋势。
4、是SEO有前景还是html5?
尽管现在html5还是在探索阶段,但作为一个seo人员,必须要洞察先机,了解一些关于html5的知识并分析是否会对seo造成影响。事实上html5对网页设计和开发人员的冲击和影响,远远超过seo人员,但这并不意味着seor无须就html5对搜索引擎优化策略做出调整。
html5新特性
html5是互联网技术逐年演变的一种产物,包含了很多新的标签和元素,具体可以查阅《图解html5》一文,但它仍然是基于xml的一种网页表达语言,和html4相比也不是发生了翻天覆地的变化,而且对它的父辈有很好的兼容性,所以我们大可不必忧虑什么都得重头学起,甚至认为html5很难。
html5的哪些变化可能会影响seo
作为seo人员,我们只会关注html5规范发生了哪些可能会影响到seo的变化,下面是其中的一些。
改进网页分块
现在的网页基本上都是分块的,网页分块意味着将一个页面划分为几个独立的部分,包括内容、菜单、头部、底部、链接等,但是站长没有办法告诉搜索引擎应该如何对一个网页进行分块,就是说没有办法告诉搜索引擎哪块是头部,哪块是底部。不过html5将可以改变这一现状,只要使用一些新的标签,如<header>和<footer>标签等。
新的<article>标签
估计这将会是对seo最有积极影响的html5新标签,因为这样可以直接标识文章内容部分,而且可以避免使用<div>这些标签从而让html代码变得更简洁,无疑对搜索引擎变得更加友好了。另一方面,放在<article>标签里的内容将比放在页面其他地方的内容能在搜索引擎那里获得更加多的权重。
新的<section>标签
<section>标签可以用来识别一个页面或者一本书里单独的章节,它的好处就是每一个章节都可以拥有单独的html标题,再结合<article>标签考虑,就可以推断到搜索引擎将会更加注重单独章节里的内容。举个例子,如果在某一章节里找到与搜索字符串相匹配的内容,将比在整个页面或者其他地方找到的能获得更高的相关性。
新的<header>标签
<header>标签对于seo人员来说是一个福音,因为相比于现在的head,它提供了更大的灵活性。<header>标签和<H1>标签的作用非常相似,但不同的是,<header>里面可以包含很多东西,包括可以是<H1>、<H2>括起来的内容,也可以是整段文字,又或者是链接,以及你觉得有相关的其他信息。
新的<footer>标签
<footer>标签没有<header>标签那么管用,但仍然可以包含一些重要信息在里面,它可以用作seo的一种手段。<header>和<footer>标签可以在一个页面里多次出现,例如,我们可以为一个单独的section配备一个<header>和一个<footer>,这无疑为我们提供了很大的灵活性。
新的<nav>标签
网站面包屑导航是seo的重要因素,一个导航友好的网站无疑可以在搜索引擎那里获得更高的排名,所以一切简化导航的做法都是对seo有作用的,而<nav>就可以做到这一点。
我们在这里只是列举了部分在某种程度上可能会对seo产生影响的html5新标签,html5还有很多新的标签,例如<audio>、<video>、<dialogue>等,但它们对seo的重要性相对较低,所以在此不作讨论。
总结
目前,html5对于大部分人来说还是很遥远的,当越来越多的网页应用上html5的时候,搜索引擎才会更加注重html5,并作出相应的策略调整,或者只有那时才会知道搜索引擎究竟会如何对待html5的页面。现在看来,html5的大规模普及并不是很快就会发生的事,所以我们无须过分担忧它对seo产生的影响,可以继续只关注html4。另一方面,浏览器也需要时间去为html5作出改变,所以html5无处不在的那一天还挺遥远的。
不过,一旦html5为所有浏览器和更多的用户所接受,它将成为未来很长时间的主导标准,所以我们要时刻关注它的动态、关注其他站长正在做什么,目的是为了确保不要错过当html5成为事实标准后应该马上作出反应的那一个时机。
5、HTML5的标准对SEO优化的影响有哪些
第一、使搜索引擎更加容易抓取和索引
对于一些网站,特别是那些严重依赖于FLASH的网站HTML5是一个大福音。如果你有一个都是FLASH的站点,你就一定会看到切换到HTML5的 好处。首先,搜索引擎的蜘蛛将能够抓取你的站点和索引你的内容。所有嵌入到动画中的内容将全部可以被搜索引擎读取。在搜索引擎优化的基本理论中,这一方面将会驱动你的网站获得更多的点击流量。
第二、提供更多的功能,提高用户的友好体验
使用HTML5的另一个好处就是它可以增加更多的功能。对于HTML5的功能性问题,我们从全球几个主流站点对它的青睐就可以看出。社交网络大亨Facebook已经推出他们期待已久的基于HTML5的iPad应用平台,潘多拉也推出他们基于HTML5的音乐播放器的新版本。游戏平台 Zynga也在推出了三款新的在移动设备浏览器上运行的基于HTML5的游戏等等。每天都有不断的基于HTML5的网站和HTML5特性的网站被推 出。保持站点处于新技术的前沿,也可以很好的提高用户的友好体验。
第三、可用性的提高,提高用户的友好体验
最后我们可以从可用性的角度上看,HTML5可以更好的促进用户于网站间的互动情况。多媒体网站可以获得更多的改进,特别是在移动平台上的应用,使用 HTML5可以提供更多高质量的视频和音频流。