html5语义化和seo

1、>等html5新的语义化标签，和有什么区别

更加有语义化，对seo更友好，利于维护和开发。

2、是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成为事实标准后应该马上作出反应的那一个时机。

3、html5对于seo有哪些优势

html5对于seo的优势：

1、HTML5新增了不少内联元素，这为黑帽SEO节约了一笔不菲的时间；
2、HTML5的代码可读性更高了，也更简洁了，内容的组织相同，但每个元素有一个明确的清晰的定义，不再被迫去猜测之间不同命名的<div>标记，搜索引擎可以更容易地衡量你网页上的内容和相关内容。
3、time标签可能会作为一个来判断网页文字源，也就是能够通过time标签来识别哪篇文章是原创的；
4、video标签中间区域的文字信息将会让搜索引擎读懂视频，这是一次飞跃；
5、HTML5提供了一些令用户兴奋的东西，其次产品得到更好的展现，其次我们可以放心地使用它们，其次元素被更谨慎的方式定义，最后搜索引擎也不再淡定了；
6、HTML5会让搜索引擎读懂图片、视频、富媒体，一个新的时代即将到来，SEOer将会有大量的工作要去处理。

4、htm比html更利于seo吗?

不存在这个说法

5、html5的语义化标签有哪些及其作用?

<header>

<header>元素描述了文档的头部区域

<nav>

标签定义导航链接的部分。

<section> 

<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

<article>

<article> 标签定义独立的内容。

<aside>

<aside> 标签定义页面主区域内容之外的内容（比如侧边栏）。

<figcaption>

<figcaption> 标签定义 <figure> 元素的标题.

<figcaption>元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

<figure>

<figure>标签规定独立的流内容（图像、图表、照片、代码等等）。

<footer>

    <footer> 元素描述了文档的底部区域.

6、标签语义化对 SEO 来说有多重要

语义化的HTML结构怎么理解
关于html结构的面试题，语义化的html占据了很大一部分。那么为什么要使用语义化的HTML看语义化的HTML到底有什么好处呢看

HTML是提供网页文档内容的上下文结构和含义；html本身是没有表现的，我们看到例如<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以首先我们要知道html和页面的表现是没有关系的，这些是css的事情。HTML在页面中的作用就是结构和含义，通俗点说就是划分内容，这里放什么，我们放的是什么。
语义化的HTML结构首先要强调HTML结构
HTML结构是页面的骨架，一个页面就好像一幢房子，HTML结构就是钢精钢筋混泥土的墙，一幢房子如果没有钢精钢筋混泥土的墙那就是一堆费砖头，不能住人，不能办公。css是装饰材料，是原木地板，是大理石，是油漆，是用来装饰房子的，CSS的强大就不用多说了，css如果没有html结构那就是一堆木板，一同油漆，没有了实际使用价值。CSS完全依靠引用它的(X)HTML文档。如果你想使CSS的能力充分发挥到极致，提供一个用既干净又有结构的内容的html是非常必要的，逗HTML是在互联网上发布超文本的通用语，HTML使用标签来对文本结构化地。
语义化的HTML结构怎么写看
HTML是一种对文本内容进行结构和意义（或者说逗语义地）进行补充的方法。它会告诉我们说：逗这行是一个标题，这几行组成了一个段落。这些文字是项目列表，这些文字是链接到互联网上另一个文件的超链接。地值得注意的是，不应该让HTML来告诉我们：逗这些文字是蓝色的，这些文字又是红色的。这部分内容是最最靠右的一栏，这行内容是斜体字。地这些和表现相关的信息是CSS的工作。在做前端开发的时候要记住：HTML告诉我们一块内容是什么（或其意义），而不是它长的什么样子。当我们提到逗语义标记地的时候，我们所说的HTML应该是完全脱离表现信息的，其中的标签应该都是语义化地定义了文档的结构。
语义化的HTML结构其实很简单，首先掌握html中各个标签的语义，<div>是一个容器；<strong>是表示强调；<ul><li>是一个无序列表等等…在看到内容的时候想想用什么标签能更好的描述它，是什么就用什么标签。

语义化的HTML结构到底有什么好处看
我们知道HTML5新增的标签，比如<header>和<footer>，html正在朝着更加健壮的语义化的HTML结构发展，xhtml2在这点上没html5先进，这也是xhtml2死亡的一个原因，这一点也说明语义化的HTML结构是html的发展趋势。

1.去掉或样式丢失的时候能让页面呈现清晰的结构：
html本身是没有表现的，我们看到例如<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构的优点，但是浏览器都有有默认样式，默认样式的目的也是为了更好的表达html的语义，可以说浏览器的默认样式和语义化的HTML结构是不可分割的。

2.屏幕阅读器（如果访客有视障）会完全根据你的标记来逗读地你的网页.
例如,如果你使用的含语义的标记,屏幕阅读器就会逗逐个拼出地你的单词,而不是试着去对它完整发音.

3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）.

使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条件来渲染网页.
语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况（包括现有的或者将来新的设备）.例如,一部手机可以选择使一段标记了标题的文字以粗体显示.而掌上电脑可能会以比较大的字体来显示.无论哪种方式一旦你对文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面.

4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重.
过去你可能还没有考虑搜索引擎的爬虫也是网站的逗访客地,但现在它们他们实际上是极其宝贵的用户.没有他们的话,搜索引擎将无法索引你的网站,然后一般用户将很难过来访问.

5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记.
因此,如果页面文件的标题被标记,而不是,那么这个页面在搜索结果的位置可能会比较靠后.除了提升易用性外,语义标记有利于正确使用CSS和JavaScript,因为其本身提供了许多逗钩钩地来应用页面的样式与行为.SEO主要还是靠你网站的内容和外部链接的。

6.便于团队开发和维护
W3C给我们定了一个很好的标准，在团队中大家都遵循这个标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，甚至 实现模块化开发。
如有不同观点，补充，欢迎留言讨论。

7、HTML5对SEO有哪些影响？

一、HTML5利于搜索引擎抓取和索引网站内容
对于一些特殊的网站来说，尤其是严重依赖于Flash的网站来说，Html5的面世给这些网站带来了福音。首先，搜索引擎蜘蛛能够更加轻易的抓取和索引使用Html5标准网站的内容。所有嵌入到动画中的内容将可以更好的被搜索引擎蜘蛛抓取。也就是说，html5有利于搜索引擎抓取和收录我们网站更多的内容，对SEO很友好，可以为网站带来更多的流量。
二、HTML5提供更多的功能和更好的用户体验
由于html5强化了Web网页的表现性能，也追加了本地数据库等Web应用的功能。使得使用html5的网站可以为用户提供更多的功能和更好的用户体验。关于这一点可以从全球几个主流网站对HTML5的钟爱就可以看出一二。 社交网站巨头Facebook已经推出他们基于HTML5的iPad平台上的应用，音乐网站潘多拉也推出基于HTML5的最新版本的音乐播放器等等。几乎每天都可以看到有新的基于HTML5的网站和服务被推出。因此让网站使用HTML5，可以使网站获得更多用户的青睐。
三、HTML5提高网站的可用性和互动性
最后可以从网站可用性的方面上看，html5可以更好的促进用户和网站之间的互动。多媒体网站可以获得更多的改进，特别是移动平台的应用，使用html5可以提供更多高质量的视频和音频流。都知道如今销量十分惊人的iPhone和iPad并不支持FLASH，同时Adobe公司也已经公开声明将停止基于移动平台的FLASH的开发与升级，目前基本可以这么说，移动平台日后的视频音频将会是HTML5的天下。 相信随着时间的推移，HTML5标准对SEO的影响会越来越明显，期待在新的一年里HTML5开发技术能有更加瞩目的发展。

8、HTML5 对 SEO 有哪些影响

一、HTML5利于搜索引擎抓取和索引网站内容
对于一些特殊的网站来说，尤其是严重依赖于Flash的网站来说，Html5的面世给这些网站带来了福音。首先，搜索引擎蜘蛛能够更加轻易的抓取和索引使用Html5标准网站的内容。所有嵌入到动画中的内容将可以更好的被搜索引擎蜘蛛抓取。也就是说，html5有利于搜索引擎抓取和收录我们网站更多的内容，对SEO很友好，可以为网站带来更多的流量。
二、HTML5提供更多的功能和更好的用户体验
由于html5强化了Web网页的表现性能，也追加了本地数据库等Web应用的功能。使得使用html5的网站可以为用户提供更多的功能和更好的用户体验。关于这一点可以从全球几个主流网站对HTML5的钟爱就可以看出一二。 社交网站巨头Facebook已经推出他们基于HTML5的iPad平台上的应用，音乐网站潘多拉也推出基于HTML5的最新版本的音乐播放器等等。几乎每天都可以看到有新的基于HTML5的网站和服务被推出。因此让网站使用HTML5，可以使网站获得更多用户的青睐。
三、HTML5提高网站的可用性和互动性
最后可以从网站可用性的方面上看，html5可以更好的促进用户和网站之间的互动。多媒体网站可以获得更多的改进，特别是移动平台的应用，使用html5可以提供更多高质量的视频和音频流。都知道如今销量十分惊人的iPhone和iPad并不支持FLASH，同时Adobe公司也已经公开声明将停止基于移动平台的FLASH的开发与升级，目前基本可以这么说，移动平台日后的视频音频将会是HTML5的天下。 相信随着时间的推移，HTML5标准对SEO的影响会越来越明显，期待在新的一年里HTML5开发技术能有更加瞩目的发展。

9、html5的语义化标签有哪些及其作用

一：(理论)语义化标签是什么？
语义化标签就是尽量使用有相对应的结构的含义的Html的标签，以Table为例：
<table>

<tr>

<td>消费项目</td>

<td>消费金额</td>

</tr>

<tr>

<td>吃饭</td>

<td>20元</td>

</tr>

</table>
你看出了上面的Table有什么毛病吗？嘿嘿，那你看这个语义化的标签
<table>

<caption>花费记账</caption>

<thead>

<tr>

<th>消费项目</th>

<th>消费金额</th>

</tr>

</thead>

<tbody>

<td>吃饭</td>

<td>20元</td>

</tbody>

</table>
这两块代码的标签不一样，第二个表格的这些标签代码，无疑更符合Web标准.
<caption>:表格的标题;
<thead>:一表格的表头;
<th>:表的某一列的列头。

再说我们习以为常的
<title>博客园简介</title><body>博客园是一个软件开发的技术乐园，它于2004年创办，这里...</body>
你看，为什么我们看一篇文章，一下就知道标题在哪呢？在浏览器的顶端。那为什么搜索引擎能抓取呢？就是它知道这个语义化标签<title>里的就是文章标题，要是我们不遵守这个，而是：
<span>博客园简介</span><span>博客园是一个软件开发的技术乐园，它于2004年创办，这里...<span>
那搜索引擎怎么就知道谁是标题，谁是内容了呢？它又靠什么去抓取标题呢?其实语义化不仅可以是标签语义化,还可以延伸成结构语义化.举例:
#left{float:left;margging-left:50px;}

#right{float:right;margin-top:100px;}

<div id="left">content..</div>

<div id="right">content..</div>
这个例子里对id的命名稍微有点夸张,但是类似的情况却使有的,当我们想把#left这个div放到页面的右边,和#right调换位置时,难道你可以把样式改成这样?
#left{float:right;margin-left:50px;}

#right{float:left;margin-top:100px;}
那样看着多别扭,多误导人这两个div的布局啊.
应该写成这样.
<div id="main">content..</div>

<div id="sidebar">content..</div>
那样既一目了然这几个div里是什么内容也方便对其中的样式进行修改.

二：(理论)语义化标签怎么样？
1.结构更好，更利于搜索引擎的抓取（SEO的优化）和开发人员的维护(可维护性更高，因为结构清晰,so易于阅读)。
2.更有利于特殊终端的阅读(手机，个人助理等）。

三：(行动)语义化标签怎么办？
尽量用有结构含义的,少用无语义的，如<span>,<div>无意义，看不出是什么东西,可是<address>一看就知道这里面的是地址,em标签一看就知道这个是强调的内容,区分于不同内容。

那么，怎么判断你的页面是否符合Web标准之一：语义化标签呢？你可以把你的页面暂时去掉样式后看可读性怎么样，如果这个时候感觉你的页面很乱，那就说明的的页面的语义化标签不怎么样，而如果你的页面去掉样式了感觉依然不是杂乱无章的，那么，就说明你的页面结构清晰，语义化标签比较可以了。

10、前端SEO优化中，前端语义化有什么意义？

1、有利于SEO，有利于搜索引擎爬虫更好的理解我们的网页，从而获取更多的有效专信息，提升网页的权重属。

2、在没有CSS的时候能够清晰的看出网页的结构，增强可读性。

3、便于团队开发和维护，语义化的HTML可以让开发者更容易的看明白，从而提高团队的效率和协调能力。

4、支持多终端设备的浏览器渲染。