外文翻譯:HTML的語(yǔ)義化和搜索引擎的優(yōu)化.
什么是POSH ?不,這不是一些新的網(wǎng)頁(yè)設(shè)計(jì)上的時(shí)尚的宣傳- POSH是Plain Old Semantic HTML縮寫(xiě)。語(yǔ)義的HTML這個(gè)詞被用于各種各樣的事情,但它起源于一個(gè)目標(biāo):使用語(yǔ)義化的標(biāo)記和屬性建立XHTML文檔,而不是用表象的HTML 。POSH這個(gè)名詞被創(chuàng)造出來(lái),因?yàn)橐蝗焊叨戎档米鹁吹木W(wǎng)頁(yè)設(shè)計(jì)師想有一個(gè)簡(jiǎn)短的便于記憶的,能輕松捕捉的語(yǔ)義化HTML本質(zhì)概念 。
為什么要使用語(yǔ)義化的HTML?
你可能會(huì)說(shuō): 但它的好處遠(yuǎn)遠(yuǎn)超出了這一點(diǎn)。例如,它使得有屏幕閱讀器有次序的解析網(wǎng)頁(yè),從而視覺(jué)障礙的用戶更容易理解獲取網(wǎng)站的信息。
其次,搜索引擎優(yōu)化和語(yǔ)義的HTML是密不可分的伙伴。他們有時(shí)可能有利益沖突,我們會(huì)稍后在文章中說(shuō)明,但總的來(lái)說(shuō),他們是一致的。搜索引擎優(yōu)化的目的是為了幫助搜索引擎爬蟲(chóng)更好地了解網(wǎng)頁(yè)的信息和將網(wǎng)頁(yè)更好地歸類。搜索引擎爬蟲(chóng)不比視覺(jué)閱讀器強(qiáng)多少,它需要更多的指引去確定一個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)和主題。好的語(yǔ)義化的HTML能夠體現(xiàn)頁(yè)面的結(jié)構(gòu)。
語(yǔ)義的HTML試圖通過(guò)網(wǎng)頁(yè)上文字和標(biāo)記傳達(dá)網(wǎng)頁(yè)的含義。 嘗試這樣思考:如果網(wǎng)頁(yè)上的內(nèi)容是你說(shuō)的話。那么標(biāo)簽是話的結(jié)構(gòu),音調(diào),停頓,甚至是臉上的表情;旧蠘(biāo)簽是一半語(yǔ)言。
網(wǎng)站結(jié)構(gòu)
我在以前的文章dev.opera.com我談到網(wǎng)站結(jié)構(gòu),目的是一個(gè)明確的方式為搜索引擎發(fā)現(xiàn)這些網(wǎng)站上的網(wǎng)頁(yè)討論的主題-這可以進(jìn)一步提高利用語(yǔ)義的HTML的效果。深圳seo推廣QQ引流,不管你是空間還是qq群,只要你通過(guò)自己的手段來(lái)引導(dǎo)的流量都算是一種引流,而這種流量一個(gè)是非常的精準(zhǔn),另一個(gè)則是容易將這部分客戶圈在自己的活動(dòng)范圍之內(nèi)。
網(wǎng)頁(yè)結(jié)構(gòu)
網(wǎng)頁(yè)包含一個(gè)title,內(nèi)容。 內(nèi)容可以包含段落,列表,引用,圖片和表格。所有這些類型的信息都有自己特定的標(biāo)記。我們將所有這些標(biāo)簽以標(biāo)題開(kāi)始。使用此有關(guān)排序表的網(wǎng)頁(yè)作為例子引出以后要描述的點(diǎn)。
標(biāo)題,由H1至H6
一個(gè)很好的文檔擁有標(biāo)題和小標(biāo)題,因?yàn)闃?biāo)題更容易確定網(wǎng)頁(yè)的主題。這些標(biāo)題根據(jù)重要性從h1至h6排列。說(shuō)實(shí)話,我自己從來(lái)沒(méi)有使用h5和h6。我通常只有一個(gè)h1標(biāo)記在內(nèi)容頁(yè)上;在入口網(wǎng)頁(yè),例如博客首頁(yè)上,你可以有多個(gè)h1在你的所有文章上。 從語(yǔ)義的角度出發(fā),這樣肯那個(gè)很奇怪,但是從搜索引擎優(yōu)化的角度來(lái)看,它是很有效的。
嚴(yán)格語(yǔ)義研究者會(huì)建議你只有一個(gè)h1兩個(gè)h2的,3個(gè)h3的等,在我來(lái)看,我不同意這種說(shuō)法,通常一個(gè)文檔不僅僅只有兩個(gè)h2,我認(rèn)為這樣式也是非常良好的結(jié)構(gòu)。
通常,了解語(yǔ)義化HTML的設(shè)計(jì)師會(huì)把網(wǎng)站的標(biāo)題放在h1中。在一個(gè)網(wǎng)站的主頁(yè)上,這可能是一個(gè)非常明智的決定。網(wǎng)站其他的頁(yè)面上,你可能有一個(gè)特定的標(biāo)題,這可能與你的網(wǎng)站名稱相關(guān),但是不是。關(guān)于這些子網(wǎng)頁(yè),這個(gè)標(biāo)題應(yīng)放在h1是明智的,把你的網(wǎng)站名稱放在h4甚至span中。
搜索引擎會(huì)給標(biāo)題中的文字以更高的權(quán)重。您的網(wǎng)頁(yè)關(guān)鍵字優(yōu)化應(yīng)該至少一次出現(xiàn)在h1中,而且相關(guān)的關(guān)鍵字在其他標(biāo)題中,圖1所示 。
包含關(guān)鍵詞的標(biāo)題有助于提高網(wǎng)頁(yè)的搜索引擎優(yōu)化
圖:包含關(guān)鍵詞的標(biāo)題有助于提高網(wǎng)頁(yè)的搜索引擎優(yōu)化
圖像
文檔中圖片被以各種方法使用,應(yīng)該讓圖片體現(xiàn)適當(dāng)語(yǔ)義。 唯一真正有用的語(yǔ)義標(biāo)記是img標(biāo)記的alt屬性,而且只應(yīng)該用在對(duì)文檔而言有特定含義的圖片。如果圖像只有裝飾的目的,讓alt屬性為空。否則,在alt中注明圖像描述的信息。
如果你想使用的圖像來(lái)替換文字,因?yàn)槟阄淖指每匆恍_保你使用的是正常的文本在您的HTML中,而使用CSS實(shí)現(xiàn)圖片替代文字。你必須這樣做,因?yàn)橛幸曈X(jué)障礙的人和搜索引擎無(wú)法讀取文本中的圖像。我自己的首選方法,是通過(guò)CSS的background-image屬性,然后隱藏HTML文本通過(guò)使用一個(gè)大的文本縮進(jìn)要小心:文檔中的圖片上的文字應(yīng)該是完全和文本一樣。否則,你可能失去很多搜索引擎的排名值。
縮略語(yǔ)
作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師,會(huì)經(jīng)常遇到縮略詞,我在這篇文章中多次遇到,使用縮寫(xiě)或者簡(jiǎn)稱。如果存在縮略詞,請(qǐng)務(wù)必正式版的術(shù)語(yǔ)并且使用abbr或acronym標(biāo)簽。對(duì)密度過(guò)大的關(guān)鍵詞很有效。
表格
我們都知道,為什么使用表格布局的網(wǎng)站是不好的,而且我們也知道他們是-用于顯示表格數(shù)據(jù)的。 使用基本的表格已經(jīng)是在正確方向邁出的一大步,但也有一些方法,可以改善table語(yǔ)義的價(jià)值,從而進(jìn)步一改善網(wǎng)站的SEO:
1.使用表標(biāo)題為表格的表頭
2 。如果可以的話,使用thead , tbody和tfoot適當(dāng)?shù)膮^(qū)分表格
3.為表格了一個(gè)caption,說(shuō)明是什么信息在表格中
caption和th是很好的放置你文檔關(guān)鍵詞的地方。
強(qiáng)調(diào)
還記得我說(shuō)過(guò)標(biāo)簽應(yīng)該是文字的情感嗎? 這才是真正的情感:您可以使用em或strong強(qiáng)調(diào)某些詞。惠州seo理解是:為網(wǎng)站提供生態(tài)式的自我營(yíng)銷解決方案,讓網(wǎng)站在行業(yè)內(nèi)占據(jù)領(lǐng)先地位,從而獲得品牌收益;SEO包含站外SEO和站內(nèi)SEO兩方面;SEO是指為了從搜索引擎中獲得更多的免費(fèi)流量,從網(wǎng)站結(jié)構(gòu)、內(nèi)容建設(shè)方案、用戶互動(dòng)傳播、頁(yè)面等角度進(jìn)行合理規(guī)劃,使網(wǎng)站更適合搜索引擎的索引原則的行為。在過(guò)去,人們用b和i ,但這些標(biāo)記已不再提倡,因?yàn)樗鼈円馕吨粋(gè)特定的表現(xiàn),HTML僅僅是用來(lái)展示文檔結(jié)構(gòu)/含義
搜索引擎會(huì)給與這四個(gè)標(biāo)記更高的權(quán)重。 過(guò)量使用他們可是弊大于利的,實(shí)際會(huì)造成損失重點(diǎn),但如果小心處理,可為你的文檔增色不少。
簡(jiǎn)短的關(guān)于frames
這很簡(jiǎn)單:不使用它們。 搜索引擎不會(huì)讀取他們,屏幕閱讀器也很難處理他們。
利益沖突
所有上述規(guī)則也是可以做小小調(diào)整的,如果能讓你所在的組織的每個(gè)人高興,也是一件好事啊,當(dāng)你的老板要在網(wǎng)頁(yè)上有一個(gè)令人激動(dòng)的營(yíng)銷標(biāo)題,但是你不愿意,因?yàn)樗鼪](méi)有準(zhǔn)確描述這個(gè)網(wǎng)頁(yè),還把你認(rèn)為重要的關(guān)鍵詞擠到了第二位。惠州seo優(yōu)化通過(guò)了解各類搜索引擎抓取互聯(lián)網(wǎng)頁(yè)面、進(jìn)行索引以及確定其對(duì)特定關(guān)鍵詞搜索結(jié)果排名等技術(shù),來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行相關(guān)的優(yōu)化,使其提高搜索引擎排名,從而提高網(wǎng)站訪問(wèn)量,最終提升網(wǎng)站的銷售或宣傳的效果。搜索引擎優(yōu)化對(duì)于任何一家網(wǎng)站來(lái)說(shuō),要想在網(wǎng)站推廣中取得成功,搜索引擎優(yōu)化都是至為關(guān)鍵的一項(xiàng)任務(wù)。同時(shí),隨著搜索引擎不斷變換它們的排名算法規(guī)則,每次算法上的改變都會(huì)讓一些排名很好的網(wǎng)站在一夜之間名落孫山,而失去排名的直接后果就是失去了網(wǎng)站固有的可觀訪問(wèn)量。如果你好勝心很強(qiáng),你不妨把老板認(rèn)為的一級(jí)標(biāo)題放到h2中,二級(jí)標(biāo)題放在h1中。
同樣的問(wèn)題也可以使用內(nèi)置頁(yè)框和圖像來(lái)處理。如果有人很想你把某個(gè)大塊內(nèi)容放在排名較高的頁(yè)面,但你并不想冒著失去網(wǎng)頁(yè)重點(diǎn)內(nèi)容的風(fēng)險(xiǎn),你當(dāng)然可以把這些內(nèi)容放到iframe或不alt的圖片中。
最終這些決定在于你-正常語(yǔ)義應(yīng)該是你設(shè)計(jì)的基礎(chǔ),當(dāng)你還想讓你的網(wǎng)頁(yè)最優(yōu)的時(shí)候,這些沖突將出現(xiàn)。
并非如此簡(jiǎn)單的語(yǔ)義化HTML -微格式
微格式也語(yǔ)義的HTML ,但他們并不完全簡(jiǎn)單!目前,搜索引擎很難使用微格式的算法,但是,很可能發(fā)生變化。 特別是在hCard 對(duì)于搜索引擎他顯得非常簡(jiǎn)單和明顯,我懷疑,未來(lái)的幾年搜索引擎將開(kāi)始使用他們。你可以更加智能的通過(guò)HTML基本語(yǔ)義使用微格式,例如,把hCard 放在address標(biāo)記中也是一個(gè)很好的方法!
結(jié)論
用語(yǔ)義化的HTML創(chuàng)建你的網(wǎng)頁(yè),更具有可訪問(wèn)性,不論是殘障人士還是搜索引擎。良好的語(yǔ)義標(biāo)記有助于搜索引擎去確定你網(wǎng)站的主題,如果配合一個(gè)良好的網(wǎng)站結(jié)構(gòu),會(huì)讓你的網(wǎng)站排名大放光彩!