什么是POSH ？不，這不是一些新的頁面規(guī)劃上的時髦的宣揚- POSH是Plain Old Semantic HTML（明晰舊式語義化HTML）縮寫。語義的HTML這個詞被用于各種各樣的工作，但它起源于一個方針：運用語義化的符號和特點樹立XHTML文檔，而不是用表象的HTML 。POSH這個名詞被創(chuàng)造出來，由于一群高度值得尊敬的頁面規(guī)劃師想有一個簡略的便于記憶的，能輕松捕捉的語義化HTML實質(zhì)概念 。

為何要運用語義化的HTML？

你可能會說： “由于關(guān)于互聯(lián)網(wǎng)這是精確的工作， ”但它的優(yōu)點遠(yuǎn)遠(yuǎn)超出了這一點。例如，它使得有屏幕閱覽器有次第的解析頁面，然后視覺妨礙的用戶更簡略理解獲取網(wǎng)站的信息。

其次，搜索引擎優(yōu)化和語義的HTML是密不可分的伙伴。他們有時可能有利益抵觸，咱們會稍后在文章中闡明，但總的來說，他們是共同的。搜索引擎優(yōu)化的目的是為了協(xié)助搜索引擎爬蟲十分好地了解頁面的信息和將頁面十分好地歸類。搜索引擎爬蟲不比視覺閱覽器強(qiáng)多少，它需求更多的指引去斷定一個頁面的構(gòu)造和主題。好的語義化的HTML能夠體現(xiàn)頁面的構(gòu)造。

語義的HTML企圖經(jīng)過頁面上文字和符號傳達(dá)頁面的意義。 測驗這么考慮：假如頁面上的內(nèi)容是你說的話。那么標(biāo)簽是話的構(gòu)造，腔調(diào)，中止，乃至是臉上的表情。根本上標(biāo)簽是一半言語。

頁面構(gòu)造

頁面包括一個title，內(nèi)容。 內(nèi)容能夠包括階段，列表，引證，圖畫和表格。一切這些類型的信息都有自個特定的符號。咱們將一切這些標(biāo)簽以標(biāo)題開端。運用此有關(guān)排序表的頁面作為比如引出今后要描繪的點（欠好翻譯，原文：Use this page about sortable tables as an example to follow along with for the coming points.）。

標(biāo)題，由H1至H6

一個極好的文檔具有標(biāo)題和小標(biāo)題，由于標(biāo)題更簡略斷定頁面的主題。這些標(biāo)題依據(jù)主要性從h1至h6擺放。說實話，我自個從來沒有運用h5和h6。我一般只要一個h1符號在內(nèi)容頁上;在進(jìn)口頁面，例如博客主頁上，你能夠有多個h1在你的一切文章上。 從語義的角度動身，這么肯那個很古怪，可是從搜索引擎優(yōu)化的角度來看，它是很有用的。

一般，了解語義化HTML的規(guī)劃師會把網(wǎng)站的標(biāo)題放在h1中。在一個網(wǎng)站的主頁上，這可能是一個十分正確的決議。網(wǎng)站別的的頁面上，你可能有一個特定的標(biāo)題，這可能與你的網(wǎng)站稱號有關(guān)，可是不是。關(guān)于這些子頁面，這個標(biāo)題應(yīng)放在h1是正確的，把你的網(wǎng)站稱號放在h4乃至span中。

搜索引擎會給標(biāo)題中的文字以更高的權(quán)重。您的頁面關(guān)鍵字優(yōu)化應(yīng)當(dāng)最少一次呈現(xiàn)在h1中，而且有關(guān)的關(guān)鍵字在別的標(biāo)題（hx）中，圖1所示 。

包括關(guān)鍵字的標(biāo)題有助于前進(jìn)頁面的搜索引擎優(yōu)化

圖畫

文檔中圖畫被以各種辦法運用，應(yīng)當(dāng)讓圖畫體現(xiàn)恰當(dāng)語義。 僅有真實有用的語義符號是img符號的alt特點，而且只應(yīng)當(dāng)用在對文檔而言有特定意義的圖畫。假如圖畫只要裝修的目的，讓alt特點為空。不然，在alt中注明圖畫描繪的信息。

假如你想運用的圖畫來更換文字，由于你文字十分美觀一些（用圖畫代替），確保你運用的是正常的文本在您的HTML中，而運用CSS完成圖畫代替文字。你有必要這么做，由于有視覺妨礙的人和搜索引擎無法讀取文本中的圖畫。我自個的首選辦法，是經(jīng)過CSS的background-image特點，然后躲藏HTML文本經(jīng)過運用一個大的文本縮進(jìn)（text-indent）（約 -1000px或別的比較大的值。）要當(dāng)心：文檔中的圖畫上的文字應(yīng)當(dāng)是徹底和文本相同。不然，你可能失掉很多搜索引擎的排行值（譯者注：會被搜索引擎賞罰為做弊）。

縮略語

作為一個頁面規(guī)劃師，會常常遇到縮略詞，我在這篇文章中屢次遇到，運用縮寫或許簡稱。假如存在縮略詞，請必須供給正式版的術(shù)語而且運用abbr或acronym標(biāo)簽。對密度過大的關(guān)鍵字很有用。

表格

咱們都知道，為何運用表格規(guī)劃的網(wǎng)站是欠好的，而且咱們也知道他們是-用于顯示表格數(shù)據(jù)的。 運用根本的表格已經(jīng)是在精確方向邁出的一大步，但也有一些辦法，能夠改進(jìn)table語義的價值，然后前進(jìn)一改進(jìn)網(wǎng)站的SEO：

1.運用表標(biāo)題（ th ）為表格的表頭（這很簡略簡略）

2 。假如能夠的話，運用thead ， tbody和tfoot恰當(dāng)?shù)膮^(qū)別表格

3.為表格供給了一個caption，闡明是什么信息在表格中

caption和th是極好的放置你文檔關(guān)鍵字的當(dāng)?shù)亍?/p>

著重

還記得我說過標(biāo)簽應(yīng)當(dāng)是文字的感愛嗎？ 這才是真實的感愛：您能夠運用em或strong著重某些詞。在曩昔，大家用b和i ，但這些符號已不再提倡，由于它們意味著一個特定的體現(xiàn)，HTML僅僅是用來展現(xiàn)文檔構(gòu)造/意義（一切個性應(yīng)當(dāng)運用CSS來完成）

搜索引擎會給與這四個符號更高的權(quán)重（strong em b i）。 過量運用他們可是弊大于利的，實際會形成損失要點，但假如當(dāng)心處理，可為你的文檔增色不少。

簡略的關(guān)于（i）frames

這很簡略：不運用它們。 搜索引擎不會讀取他們，屏幕閱覽器也很難處理他們。

利益抵觸

一切上述規(guī)矩也是能夠做小小調(diào)整的，假如能讓你地點的安排的每個人快樂，也是一件功德啊，當(dāng)你的老板要在頁面上有一個令人激動的推廣標(biāo)題，可是你不愿意，由于它沒有精確描繪這個頁面，還把你以為主要的關(guān)鍵字?jǐn)D到了第二位。假如你好勝心很強(qiáng)，你無妨把老板以為的一級標(biāo)題放到h2中，二級標(biāo)題放在h1中。

相同的問題也能夠運用內(nèi)置頁框（iframes）和圖畫（images）來處理。假如有人很想你把某個大塊內(nèi)容放在排行較高的頁面，但你并不想冒著失掉頁面要點內(nèi)容的危險，你當(dāng)然能夠把這些內(nèi)容放到iframe或不供給alt的圖畫中。

最終這些決議在于你-正常語義應(yīng)當(dāng)是你規(guī)劃的基礎(chǔ)，當(dāng)你還想讓你的頁面最優(yōu)的時分，這些抵觸將呈現(xiàn)。

并非如此簡略的語義化HTML -微格局

微格局也語義的HTML ，但他們并不徹底簡略！目前，搜索引擎很難運用微格局的算法，可是，很可能發(fā)生變化。 特別是在hCard （ HTML版別的的vCard ）關(guān)于搜索引擎他顯得十分簡略和顯著，我懷疑，將來的幾年搜索引擎將開端運用他們。你能夠愈加智能的經(jīng)過HTML根本語義運用微格局，例如，把hCard 放在address符號中也是一個極好的辦法！

定論

用語義化的HTML創(chuàng)立你的頁面，更具有可拜訪性，不論是殘障人士還是搜索引擎。杰出的語義符號有助于搜索引擎去斷定你網(wǎng)站的主題，假如合作一個杰出的網(wǎng)站構(gòu)造，會讓你的網(wǎng)站排行大放光榮！