SEO搜索引擎優(yōu)化的基礎(chǔ)開(kāi)發(fā)與設(shè)計(jì)

時(shí)間：2023-06-24 15:54:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-06-24 15:54:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

SEO搜索引擎優(yōu)化的基礎(chǔ)開(kāi)發(fā)與設(shè)計(jì)：

SEO搜索引擎優(yōu)化的基礎(chǔ)開(kāi)發(fā)與設(shè)計(jì)

因?yàn)槟壳八阉饕鏌o(wú)法完全解讀網(wǎng)頁(yè)內(nèi)容，所以網(wǎng)頁(yè)設(shè)計(jì)時(shí)需要以搜尋蜘蛛容易索引方式制作。對(duì)搜索引擎來(lái)說(shuō)，它們看到的網(wǎng)頁(yè)跟我們并不相同。在這章節(jié)中，我們將把重點(diǎn)集中在網(wǎng)站的技術(shù)層面上，這樣的網(wǎng)站架構(gòu)，在搜索引擎與用戶的眼中才會(huì)相似?？梢园堰@個(gè)章節(jié)分享給程序設(shè)計(jì)師，前端工程師，和網(wǎng)頁(yè)設(shè)計(jì)師，讓所有參與網(wǎng)站制作的人都有相同知識(shí)。

要制作能被索引的內(nèi)容

為了在搜索引擎列表有更好的表現(xiàn)，重要的內(nèi)容請(qǐng)使用HTML格式。就算搜索引擎蜘蛛抓取的技術(shù)越來(lái)越進(jìn)步，F(xiàn)lash，以及其它非文字的內(nèi)容通常還是會(huì)被蜘蛛忽視或認(rèn)為不重要。若想讓內(nèi)容如實(shí)呈現(xiàn)給訪客，最簡(jiǎn)單的方式就是使用HTML文字給搜索引擎抓取。但是，更棒的方式是呈現(xiàn)給搜索引擎的同時(shí)又保有視覺(jué)設(shè)計(jì)的網(wǎng)站。

以下為幾種方式：

1.圖片用Alt屬性。指派gif，jpeg或png格式的圖片alt HTM為了便于搜索引擎解讀，在這些圖片加上一些文字?jǐn)⑹觥?br>
2.做網(wǎng)站內(nèi)導(dǎo)航性質(zhì)的搜索框與內(nèi)部鏈接。

3.為Flash與js增加文字?jǐn)⑹霭姹尽?br>
4.提供視頻與音頻的文字復(fù)本，以便于這些說(shuō)明文字被搜索引擎索引。

用搜索引擎的方式檢視您的網(wǎng)站

很多網(wǎng)站在「內(nèi)容索引」有著很大的問(wèn)題，所以網(wǎng)頁(yè)設(shè)計(jì)制作完成之后重復(fù)檢查是必需的。通過(guò)檢視工具，例如：百度快照, SEO，您可以檢閱您的網(wǎng)頁(yè)內(nèi)容哪些可以被搜索引擎讀取與索引?？纯茨壳伴_(kāi)啟的網(wǎng)頁(yè)在百度是如何顯示的吧？看看相同的網(wǎng)頁(yè)在搜索引擎與在您眼中有何不同。

使用百度站長(zhǎng)工具的功能，我們可以發(fā)現(xiàn)百度所看到的首頁(yè)并沒(méi)有我們來(lái)的豐富，而這是因?yàn)榫W(wǎng)站的一些構(gòu)造無(wú)法被搜索引擎解讀。

沒(méi)有文字說(shuō)明，也看不到小游戲。網(wǎng)頁(yè)設(shè)計(jì)時(shí)，這個(gè)網(wǎng)站全部是用Flash建造，但很可惜的，這也意味著搜索引擎無(wú)法索引到任何文字，更別說(shuō)Flash小游戲。沒(méi)有使用HTML，這個(gè)網(wǎng)站在搜索引擎上的排名可是會(huì)非常難看。

最明智的做法是除了檢查文字內(nèi)容，同時(shí)也使用SEO工具仔細(xì)檢查網(wǎng)站在搜索引擎的顯示內(nèi)容。不只是圖片，下面即將敘述的「鏈接」也適用這樣的做法。

要有能被抓取的鏈接構(gòu)造

正如搜索引擎需要抓取關(guān)鍵詞來(lái)分類網(wǎng)站內(nèi)容，網(wǎng)頁(yè)也需要有正確的鏈接讓搜索引擎可以第一時(shí)間的抓到它們，所以擁有一個(gè)能夠被搜索引擎蜘蛛爬行抓取的正確鏈接構(gòu)造非常重要。但也有許多網(wǎng)站會(huì)犯這致命性的錯(cuò)誤，把鏈接建立在蜘蛛無(wú)法進(jìn)入的地方，而這也使得網(wǎng)頁(yè)無(wú)法被索引，隱藏在網(wǎng)絡(luò)世界中

在上面的圖片，百度蜘蛛已經(jīng)爬到了頁(yè)面A且看到了通往頁(yè)面B與E的鏈接。但是因?yàn)椴徽_的鏈接構(gòu)造，就算頁(yè)面C與D很可能是這個(gè)網(wǎng)站里最重要的頁(yè)面，蜘蛛還是無(wú)法爬向頁(yè)面C或D（或著是說(shuō)，蜘蛛有可能根本不知道有頁(yè)面C和D的存在）。若百度蜘蛛找不到，這也代表著頁(yè)面C與D并不存在，就算有再好的內(nèi)文，關(guān)鍵詞選的再精準(zhǔn)，網(wǎng)頁(yè)設(shè)計(jì)在美觀，和再聰明的營(yíng)銷手法，只要蜘蛛無(wú)法爬行到，一切都是白搭。

網(wǎng)頁(yè)上所有可供點(diǎn)擊，讓訪客從一個(gè)網(wǎng)頁(yè)移動(dòng)到另一個(gè)網(wǎng)頁(yè)，呈現(xiàn)的形式包含圖片，文字，或是其他對(duì)象，就是所謂的鏈接。而鏈接是網(wǎng)際網(wǎng)絡(luò)中最基本的元素，網(wǎng)頁(yè)設(shè)計(jì)上最常聽(tīng)到的詞就是「超鏈接」。在上圖中， “＜a” 代表著鏈接的開(kāi)始，而這鏈接會(huì)告訴瀏覽器（以及搜索引擎）這個(gè)鏈接要去哪。在這個(gè)例子，在這之后，訪客可以看到的文字在SEO搜索引擎優(yōu)化的世界中稱做錨點(diǎn)文字，用來(lái)介紹鏈接的目的地。以這個(gè)網(wǎng)站為例，所以在錨點(diǎn)文字顯示，最后的“＜/a＞”則是鏈接的結(jié)尾，用來(lái)防止頁(yè)面上的其他語(yǔ)法與之相鏈接而產(chǎn)生錯(cuò)誤。

以上是一個(gè)鏈接的最基本形式，且這是搜索引擎完全可以理解的方式。搜尋蜘蛛會(huì)知道它們須把鏈接放入數(shù)據(jù)庫(kù)，且用它來(lái)計(jì)算網(wǎng)頁(yè)的搜尋獨(dú)立的變量，并根據(jù)結(jié)果分類索引。

搜尋蜘蛛在索引后進(jìn)而分類一個(gè)新網(wǎng)頁(yè)前，會(huì)先以網(wǎng)站內(nèi)的關(guān)鍵詞與網(wǎng)頁(yè)鏈接預(yù)估網(wǎng)站的重要性與價(jià)值，與用戶的搜尋習(xí)慣是不一樣的。

網(wǎng)頁(yè)使用在線提交表格

若您的網(wǎng)站最初設(shè)計(jì)時(shí)是需要訪客完成在線表格登入后才能夠進(jìn)入，那搜索引擎可能就無(wú)法看到那些被保護(hù)的內(nèi)容。表格的形式有可能是密碼保護(hù)的登入頁(yè)或是問(wèn)卷調(diào)查。不管是那種形式，搜尋蜘蛛一般不會(huì)嘗試去提交表格，所以任何經(jīng)由表格登入才能夠進(jìn)入的頁(yè)面，蜘蛛都不會(huì)去抓取。

使用無(wú)法剖析的JaveScrip鏈接

若是您使用JaveScrip形式的鏈接，您會(huì)發(fā)現(xiàn)搜索引擎要嘛不抓取，要嘛就是給崁入的鏈接很低很少的權(quán)重。若您想讓蜘蛛抓取，請(qǐng)用標(biāo)準(zhǔn)的HTML鏈接替代

鏈接指向被是robots.txt封鎖的頁(yè)面

robots.txt是網(wǎng)站管理員設(shè)定禁止搜尋蜘蛛進(jìn)入特定網(wǎng)頁(yè)的程序。但是要小心，雖然許多的網(wǎng)站管理員企圖為了防止垃圾蜘蛛進(jìn)入而使用這兩個(gè)指令，但若使用不當(dāng)可能整個(gè)網(wǎng)站都無(wú)法讓蜘蛛進(jìn)入。

網(wǎng)頁(yè)使用Frames或iframes

網(wǎng)頁(yè)設(shè)計(jì)技術(shù)上來(lái)說(shuō)，F(xiàn)rames與iframes形式的鏈接是能被搜索引擎抓取的，但兩者對(duì)于搜索引擎來(lái)說(shuō)都存在著對(duì)其組織與追蹤的結(jié)構(gòu)性問(wèn)題。除非您知道搜索引擎如何索引與追蹤Frames所鏈接的網(wǎng)站內(nèi)容的專業(yè)人士，不然還是別用的好。

蜘蛛不使用搜尋框

雖然這跟上述警告的在線窗體相關(guān)，但這太普遍了必須另外提出來(lái)。有一些網(wǎng)站管理員以為在網(wǎng)站內(nèi)放一個(gè)搜索框，搜尋蜘蛛就會(huì)找到訪客搜尋的內(nèi)容。但很可惜的，蜘蛛不會(huì)使用搜索框找訪客搜索的關(guān)鍵詞，只要沒(méi)做好網(wǎng)站鏈接，這樣的頁(yè)面就永遠(yuǎn)都被隱藏，不被抓取。

使用Flash，js以及其它

上面的例子中，在網(wǎng)站內(nèi)崁的鏈接就是最好的例子。雖然每只熊貓都是通往另個(gè)網(wǎng)頁(yè)的鏈接，但因?yàn)橹┲霟o(wú)法利用這類型的鏈接格式通往其它頁(yè)面，使的這些頁(yè)面對(duì)搜索引擎來(lái)說(shuō)是隱形的。

網(wǎng)頁(yè)擁有過(guò)多鏈接

搜索引擎在網(wǎng)頁(yè)上只會(huì)抓取固定數(shù)量的鏈接。這個(gè)限制是為了防止垃圾鏈接與保護(hù)排名的正確性。若網(wǎng)頁(yè)上有過(guò)多的鏈接，就有「不是所有鏈接都會(huì)被抓取與索引」的風(fēng)險(xiǎn)。

只要你避免掉入這些陷阱，您就有個(gè)干凈，能被索引的HTML鏈接讓蜘蛛能夠簡(jiǎn)單進(jìn)入的網(wǎng)站。

Rel=”nofollow”

Rel="nofollow"可以用下面的語(yǔ)法：

＜a href=" " rel="nofollow"＞ Lousy Punks! ＜/a＞

鏈接可以有很多屬性，搜索引擎幾乎全都忽視了，除了rel="nofollow"屬性。在上面的例子，加上rel="nofollow"在鏈接內(nèi)，代表著告訴搜索引擎這個(gè)網(wǎng)站擁有不值得信任的內(nèi)容，讓搜索引擎不要繼續(xù)往下檢索，避免網(wǎng)頁(yè)權(quán)重被扣分。

Nofollow，按字面上來(lái)看，是下達(dá)指令讓搜索引擎不要跟蹤這個(gè)鏈接（雖然有些還是會(huì)去跟蹤）。Nofollow屬性一開(kāi)始是為了幫助停止部落格，留言版的垃圾自動(dòng)回復(fù)和鏈接，但演變到了現(xiàn)在，變成了告訴搜索引擎降低這個(gè)鏈接原本的價(jià)值。每個(gè)搜索引擎對(duì)Nofollow的鏈接判別都有些微不同，但很顯然的Nofollow的鏈接不會(huì)比一般的鏈接擁有更多權(quán)重。

難道nofollow的鏈接不好嗎？

雖然Nofollow的鏈接與Follow鏈接相比較下并沒(méi)有什么價(jià)值，但它仍是一種可以配置多樣鏈接的普遍方式。一個(gè)擁有很多對(duì)內(nèi)鏈接的網(wǎng)站通常也有很多的Nofollow鏈接，而這也并不是一件壞事。實(shí)際上，Moz的排名因素分析顯示，與排名較低的網(wǎng)站相比，擁有較多Nofollow對(duì)內(nèi)鏈接的網(wǎng)站通常往往擁有較高的排名。

百度

百度聲明在大多數(shù)的情況下，他們不會(huì)跟蹤Nofollow的鏈接，這些鏈接也不會(huì)被傳遞權(quán)重或錨點(diǎn)文字的價(jià)值。實(shí)際上，使用Nofollow鏈接促使百度把目標(biāo)鏈接放在整體網(wǎng)頁(yè)范圍外。Nofollow的鏈接沒(méi)有任何權(quán)重，只被當(dāng)作是HTML文字（也就是說(shuō)鏈接不存在）。盡管如此，許多網(wǎng)站管理人認(rèn)為就算是從具有權(quán)威性的網(wǎng)站來(lái)的Nofollow鏈接，例如維基百科，仍然也是可提高自身網(wǎng)站信任度的。

百度、谷歌對(duì)nofollow的定義

Bing & Yahoo!

Bing, 提供Yahoo搜索引擎技術(shù)，也曾聲明它們的搜索引擎蜘蛛會(huì)抓取網(wǎng)站內(nèi)的Nofollow鏈接，但并不會(huì)包含其價(jià)值，也相對(duì)的對(duì)網(wǎng)站排名沒(méi)有任何效果。

Bing對(duì)nofollow的定義

關(guān)鍵詞的使用和目標(biāo)鎖定

關(guān)鍵詞對(duì)搜尋的過(guò)程十分重要，它是建構(gòu)搜尋過(guò)程的基石與語(yǔ)言。實(shí)際上，關(guān)鍵詞是整個(gè)信息檢索科學(xué)（包括網(wǎng)絡(luò)搜索引擎，例如：百度）的根基。當(dāng)搜索引擎抓取網(wǎng)頁(yè)時(shí)，搜索引擎會(huì)依據(jù)網(wǎng)頁(yè)內(nèi)的文字內(nèi)容（關(guān)鍵詞）做分類，而不是把內(nèi)容全放在同一個(gè)含有25億網(wǎng)頁(yè)的數(shù)據(jù)庫(kù)。所以搜索引擎有數(shù)億萬(wàn)個(gè)小數(shù)據(jù)庫(kù)，而每個(gè)小數(shù)據(jù)庫(kù)都是特定的關(guān)鍵詞或詞， 可以讓搜索引擎在最快的速度進(jìn)行檢索。

顯然的，假如您想讓您的網(wǎng)頁(yè)能在「狗」這個(gè)關(guān)鍵詞的搜尋結(jié)果排名出現(xiàn)，最好確?！腹贰惯@個(gè)關(guān)鍵詞在您的網(wǎng)頁(yè)是容易被搜索引擎抓取的關(guān)鍵詞。

關(guān)鍵詞的控制權(quán)（支配，主宰，控制，優(yōu)勢(shì)）

關(guān)鍵詞支配著我們?cè)趺磦鬟_(dá)自己的搜尋需求，以及如何與搜索引擎互動(dòng)。當(dāng)我們輸入查詢的文字（詞），搜索引擎會(huì)依據(jù)我們輸入的文字進(jìn)行相關(guān)的網(wǎng)頁(yè)媒合，而文字的排列順序拼音，標(biāo)點(diǎn)符號(hào)，以及大小寫(xiě)也會(huì)提供額外的訊息讓搜索引擎檢視并排列最符合的結(jié)果。

搜索引擎會(huì)衡量關(guān)鍵詞在網(wǎng)頁(yè)上呈現(xiàn)的方式來(lái)幫助判定這個(gè)網(wǎng)頁(yè)的內(nèi)容是否符合用戶的查詢。優(yōu)化網(wǎng)頁(yè)排名的最好方式之一是確保頁(yè)標(biāo)題內(nèi)有關(guān)鍵詞，內(nèi)文的關(guān)鍵詞以文字的方式呈現(xiàn)，以及在metadata內(nèi)包含關(guān)鍵詞。

一般來(lái)說(shuō)，只要您的關(guān)鍵詞越明確具體，您越可縮小搜索引擎的排名競(jìng)爭(zhēng)，更可以提升更高排名的機(jī)會(huì)。上面的地圖是廣泛的字「書(shū)」，以及精準(zhǔn)的詞「雙城記」的比較示意圖。您會(huì)發(fā)現(xiàn)，被查詢的文字越廣泛，得到的結(jié)果很多；文字越精準(zhǔn)，得到的結(jié)果相對(duì)的就越精，但同時(shí)，也越少網(wǎng)站與您競(jìng)爭(zhēng)。

關(guān)鍵詞的濫用

從開(kāi)始有了網(wǎng)絡(luò)搜尋，為了操縱搜索引擎的排名，有些人不斷用錯(cuò)誤的方式濫用關(guān)鍵詞，而這包含把關(guān)鍵詞「堆積」在內(nèi)文，網(wǎng)址，Meta 標(biāo)簽，和鏈接。不幸的是，這些方式都不會(huì)讓您的網(wǎng)站更好，只會(huì)更糟。

在早期，搜索引擎評(píng)斷網(wǎng)站與關(guān)鍵詞的相關(guān)性時(shí)，看的是網(wǎng)頁(yè)內(nèi)關(guān)鍵詞的出現(xiàn)頻率，而不是關(guān)鍵詞的使用的合理性。直到今天，雖然搜索引擎仍然無(wú)法像人類一樣的理解文字內(nèi)容，但是智能學(xué)習(xí)已經(jīng)讓他們逐漸完美化。

最好的方式是自然并有組織（計(jì)劃）的使用關(guān)鍵詞。若您的網(wǎng)頁(yè)關(guān)鍵詞是「艾菲爾鐵塔」，想當(dāng)然的，內(nèi)文就是關(guān)于艾菲爾鐵塔，包含艾菲爾鐵塔的歷史，推薦的巴黎酒店。換句話說(shuō)，假如您只是把「艾菲爾鐵塔」放在文不對(duì)題的內(nèi)文中，例如狗狗的養(yǎng)育，那您再怎么把努力想靠著「艾菲爾鐵塔」拉高網(wǎng)頁(yè)排名也是很有限的。我們的目的不是把文章內(nèi)的所有關(guān)鍵詞都提高排名，而是必須集中在某些用戶會(huì)使用的關(guān)鍵詞。

關(guān)鍵詞密度的迷失

根據(jù)Edel Garcia博士在The Keyword Density of Non-Sense所述，關(guān)鍵詞密度并不是現(xiàn)代排名算法的一部分。

若有兩個(gè)網(wǎng)頁(yè)，D1與D2，D1包含1000文字（l=1000），其中關(guān)鍵詞20次（tf=20），關(guān)鍵詞密度軟件分析出文件的關(guān)鍵詞密度(KD)為20/1000 = 0.020 (or 2%)。同樣的，D2包含500文字（l=500），其中關(guān)鍵詞10次（tf=10），也會(huì)出現(xiàn)同樣的密度結(jié)果。所以很顯然的，關(guān)鍵詞密度分析沒(méi)辦法解釋哪個(gè)網(wǎng)頁(yè)更具關(guān)聯(lián)性，也無(wú)法跟我們說(shuō)這些：

1. 關(guān)鍵詞之間的相對(duì)距離。（接近度）

2. 語(yǔ)詞的分布位置（分布度）

3. 語(yǔ)詞之間的共被引(這是專有名詞: 意思是同時(shí)被引用)頻率（同時(shí)被提及）

4. 關(guān)鍵詞與題材，主題，和副主題（主題內(nèi)文一致）

總結(jié)來(lái)說(shuō)，關(guān)鍵詞密度與內(nèi)容，質(zhì)量，語(yǔ)意和關(guān)聯(lián)性都沒(méi)有關(guān)系。

網(wǎng)頁(yè)優(yōu)化

關(guān)鍵詞的使用方式與目標(biāo)鎖定仍然是搜索引擎排名演算的一部分。我們可以利用一些有效的關(guān)鍵詞使用技術(shù)來(lái)幫助網(wǎng)頁(yè)優(yōu)化。在Moz，我們做了很多測(cè)試并獲得許多關(guān)于搜尋結(jié)果與關(guān)鍵詞使用策略的手段。在網(wǎng)站優(yōu)化中，我們建議您這樣使用關(guān)鍵詞：

請(qǐng)不要在同個(gè)網(wǎng)站使用關(guān)鍵詞做網(wǎng)頁(yè)內(nèi)部鏈接，也就是所謂的關(guān)鍵詞競(jìng)爭(zhēng)。

注:「關(guān)鍵詞競(jìng)爭(zhēng)」網(wǎng)站上的多個(gè)網(wǎng)頁(yè)上有著定位一樣的關(guān)鍵詞，會(huì)導(dǎo)致搜索引擎難以判斷哪個(gè)網(wǎng)頁(yè)才是最相關(guān)的搜索查詢重點(diǎn)，因而 SERP(搜索引擎結(jié)果頁(yè)面) 不一定會(huì)以戶想看到的網(wǎng)頁(yè)與內(nèi)容搜尋首位。

一個(gè)網(wǎng)頁(yè)的關(guān)鍵詞優(yōu)化是怎樣的呢？這里以「運(yùn)動(dòng)鞋」做例子：

至少在title 卷標(biāo)使用一次關(guān)鍵詞。盡量讓關(guān)鍵詞越在title 卷標(biāo)的前面越好。關(guān)于title標(biāo)簽在本章節(jié)的后面會(huì)討論。

關(guān)鍵詞放在最明顯的網(wǎng)頁(yè)最上方。

在網(wǎng)頁(yè)內(nèi)文至少放上二或三次的關(guān)鍵詞，包含文字變化型。若文章內(nèi)容很長(zhǎng)，可再放多一些。頻繁的使用關(guān)鍵詞您也許認(rèn)為會(huì)有額外的收獲，但其實(shí)根據(jù)我們的經(jīng)驗(yàn)，對(duì)網(wǎng)頁(yè)排名基本沒(méi)有益處。

在網(wǎng)頁(yè)的圖片上的alt屬性至少使用一次關(guān)鍵詞。這不僅僅是幫助網(wǎng)頁(yè)搜尋，也幫助圖片搜尋，偶爾也會(huì)帶來(lái)流量。

在URL使用一次關(guān)鍵詞。關(guān)于URL與關(guān)鍵詞的使用規(guī)則在本章節(jié)的后面會(huì)討論。

在meta description卷標(biāo)至少使用一次關(guān)鍵詞。請(qǐng)注意meta description標(biāo)簽并不會(huì)幫助搜索引擎的排名，但因?yàn)樗阉饕鏁?huì)抓取其內(nèi)容并揭露在搜尋結(jié)果頁(yè)面，所以它可以吸引點(diǎn)擊率。?