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

為何要運(yùn)用語義化的HTML？

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

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

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

頁面構(gòu)造

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

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

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

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

搜索引擎會(huì)給標(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ùn)用，應(yīng)當(dāng)讓圖畫體現(xiàn)恰當(dāng)語義。 僅有真實(shí)有用的語義符號(hào)是img符號(hào)的alt特點(diǎn)，而且只應(yīng)當(dāng)用在對文檔而言有特定意義的圖畫。假如圖畫只要裝修的目的，讓alt特點(diǎn)為空。不然，在alt中注明圖畫描繪的信息。

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

縮略語

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

表格

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

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

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

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

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

著重

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

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

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

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

利益抵觸

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

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

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

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

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

定論

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