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、支持多終端設備的瀏覽器渲染。