SEO是一項(xiàng)費(fèi)時(shí)間、技術(shù)和技巧總在變化而且非常容易讓別人引起誤解的一份工作。建設(shè)一個(gè)吸引人同時(shí)又是搜索引擎友好的網(wǎng)站是SEO網(wǎng)頁(yè)設(shè)計(jì)更難的一項(xiàng)工作之一。
如果你是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，你的設(shè)計(jì)真的是搜索引擎友好的嗎？
在網(wǎng)頁(yè)設(shè)計(jì)圈里，對(duì)于很多網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)，對(duì)SEO仍然存在著很多的誤解。他們雖然至少懂一些SEO的基礎(chǔ)知識(shí)，但常常用過(guò)時(shí)的技巧和技術(shù)工作。就算設(shè)計(jì)師理解了SEO的價(jià)值，但怎樣才能設(shè)計(jì)一個(gè)吸引人的并且搜索引擎友好的網(wǎng)站依然是一個(gè)問(wèn)題。
網(wǎng)頁(yè)設(shè)計(jì)師們喜歡漂亮華麗的網(wǎng)站，SEO們則喜歡優(yōu)化過(guò)的內(nèi)容和代碼，不管哪種都不再被看作愚蠢，因?yàn)檫@些天來(lái)，這兩方面都變得很重要。在這種思想下，我 列出9個(gè)SEO貼士，希望可以幫助你設(shè)計(jì)一個(gè)**的而且搜索引擎優(yōu)化過(guò)的網(wǎng)站。代替以往那些基本的SEO設(shè)計(jì)概念，我會(huì)涵蓋一些側(cè)重于設(shè)計(jì)的SEO提示， 來(lái)告訴你SEO和漂亮的設(shè)計(jì)元素其實(shí)可以共存。
1. 這和老式的SEO不同
我們很難跟的上SEO技術(shù)的變化， 因?yàn)樗傇诟淖?。今天，SEO不再代表一個(gè)網(wǎng)站不得不做得非常難看。
首先，忘記你以前學(xué)過(guò)的關(guān)于關(guān)鍵字標(biāo)簽和關(guān)鍵字堆積的技巧，因?yàn)槟欠N日子已經(jīng)結(jié)束了。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)，現(xiàn)在是好時(shí)光，因?yàn)樗阉饕娆F(xiàn)在開(kāi)始著眼于發(fā)現(xiàn)使用自然語(yǔ)言書(shū)寫(xiě)的好的內(nèi)容。類(lèi)似使網(wǎng)站看上去非常難看的關(guān)鍵字密度等指標(biāo)，都成為歷史了。
如果你已經(jīng)做了好幾年的網(wǎng)頁(yè)設(shè)計(jì)師了，那么從更新的SEO資源那開(kāi)始學(xué)習(xí)新的搜索引擎優(yōu)化知識(shí)吧。別讓那些過(guò)時(shí)的SEO技巧誤導(dǎo)你每個(gè)網(wǎng)頁(yè)都得遍布蜂窩煤樣的某個(gè)關(guān)鍵字。
2. 鏈接也會(huì)說(shuō)話(huà)
鏈接告訴搜索引擎將要鏈接到的頁(yè)面的內(nèi)容。用于鏈接的錨文字非常重要?，F(xiàn)在互聯(lián)網(wǎng)和它的用戶(hù)都已經(jīng)很成熟了，再也不用只用“點(diǎn)我（Click me）”這樣的字樣來(lái)突出鏈接。
上圖顯示的是另外一種可怕的“點(diǎn)我”形式的鏈接。這里浪費(fèi)了一個(gè)優(yōu)化的機(jī)會(huì)，本可以在“HR Solutions”上添加鏈接的?！傲私飧啵↙earn more）”鏈接是不錯(cuò)，不過(guò)對(duì)于搜索引擎的爬蟲(chóng)機(jī)器人來(lái)說(shuō)，它不會(huì)知道要鏈接到什么樣的內(nèi)容。雖然我們知道會(huì)鏈接到“HR Solutions”，但可憐的搜索引擎機(jī)器人并不知道。
雖然CSS樣式表展示出很多很漂亮的樣式，但是如果你能給你的鏈接加上說(shuō)明性的文字“像Learn more about HR Solutions”一樣，那么會(huì)更大地提高網(wǎng)站的內(nèi)部鏈接架構(gòu)，而對(duì)設(shè)計(jì)來(lái)說(shuō)，影響幾乎可以不計(jì)。
3. 設(shè)計(jì)也能做出鏈接誘餌（高質(zhì)量的導(dǎo)入鏈接）
這對(duì)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)是個(gè)好消息。SEO們大部分時(shí)間都專(zhuān)注于如何得到高質(zhì)量的導(dǎo)入鏈接（鏈接誘餌）。好消息是產(chǎn)生反向鏈接的網(wǎng)站現(xiàn)在喜歡一個(gè)設(shè)計(jì)的出色的網(wǎng)站，設(shè)計(jì)好的網(wǎng)站有助于提高網(wǎng)站的可用性和用戶(hù)體驗(yàn)。
4. 把搜索引擎的爬蟲(chóng)機(jī)器人看做是瀏覽用戶(hù)
早前俺提到“l(fā)earn more”會(huì)讓搜索引擎抓瞎。那么把搜索引擎的機(jī)器人當(dāng)作一個(gè)普通用戶(hù)就是一個(gè)正確的用戶(hù)友好的網(wǎng)頁(yè)設(shè)計(jì)方法。
搜索引擎的機(jī)器人就像一個(gè)非常死板和有點(diǎn)傻的瀏覽用戶(hù)，如果這樣的用戶(hù)都能很好的理解你的網(wǎng)站那就意味著大把大把的鈔票。
更好的SEO貼士就是如果Lynx（一種網(wǎng)頁(yè)文本瀏覽器）是主要的瀏覽器的話(huà)，還能順暢地瀏覽你的網(wǎng)站，并且能很好地閱讀網(wǎng)站的內(nèi)容，那么你就離一個(gè)偉大的SEO不遠(yuǎn)了。還有其他工具可以幫助你，像Web Developer Toolbar，可以測(cè)試沒(méi)有CSS，image和javascript時(shí)的網(wǎng)頁(yè)是啥樣的。
繼續(xù)學(xué)習(xí)Goolge webmaster guidelines（谷歌網(wǎng)站管理員指南）吧，這樣你會(huì)了解更多對(duì)于普通用戶(hù)來(lái)說(shuō)， 你所設(shè)計(jì)的網(wǎng)站的可能會(huì)有很多局限性和缺點(diǎn)。所以，在設(shè)計(jì)漂亮華麗網(wǎng)站的同時(shí)也要考慮到普通用戶(hù)（比如可憐的搜索引擎機(jī)器人）的需求，為他們損失一些華麗的元素也沒(méi)有關(guān)系。
現(xiàn)在談?wù)剬?shí)際的戰(zhàn)術(shù)
5 。 使用符號(hào)#
＃ 這個(gè)符號(hào)，磅號(hào)，在懂得運(yùn)用它的網(wǎng)頁(yè)**手里是一個(gè)非常強(qiáng)大的搜索引擎優(yōu)化工具開(kāi)發(fā)。 不過(guò)現(xiàn)在這個(gè)符號(hào)作為URL的一部分不會(huì)被搜索引擎認(rèn)為是不同的了，所以有點(diǎn)過(guò)時(shí)了。
有很多好的方法運(yùn)用它。這里就不一一贅述了。
6 。 使用搜索引擎優(yōu)化友好的JavaScript
任何時(shí)候?qū)W習(xí)和運(yùn)用新技術(shù)，如JavaScript ，您都需要謹(jǐn)慎運(yùn)用。 我喜愛(ài)Javascript技術(shù)，利用它我們能做到很多令人驚嘆的事情，但它也可能造成很大的問(wèn)題。
傳統(tǒng)上， AJAX對(duì)于搜索引擎優(yōu)化是不友好的，因?yàn)樗峭ㄟ^(guò)JavaScript來(lái)實(shí)現(xiàn)的，而Javascript很多情況下不能被搜索引擎很好的處理。 結(jié)果是，網(wǎng)頁(yè)的內(nèi)容很難被搜索引擎索引。 我更喜歡jQuery ，因?yàn)槟憧梢约扔蠬TML鏈接導(dǎo)航（用于搜索引擎） ，而且還有jQuery的效果 。
如果沒(méi)有正確地使用，你可能會(huì)遇到一些問(wèn)題。 例如， jTip ，這是一個(gè)用于內(nèi)容的小提示（Tooltips）的不錯(cuò)的Jquery小工具，但可能會(huì)遇到這樣一些討厭的問(wèn)題。 就像下面一樣。
這個(gè)頁(yè)面，沒(méi)有標(biāo)題，也沒(méi)有鏈接回答網(wǎng)站的主頁(yè)。 還可能創(chuàng)造成多個(gè)重復(fù)內(nèi)容，它雖然能被搜索引擎索引。 但被索引的頁(yè)面既沒(méi)有標(biāo)題也沒(méi)有回到其他頁(yè)面的鏈接。
7 。 有時(shí)候Flash是不錯(cuò)的。
如果你問(wèn)大多數(shù)SEO， 他們會(huì)告訴你Flash對(duì)于搜索引擎優(yōu)化是多么的不好。 不過(guò)當(dāng)你詢(xún)問(wèn)一些一直跟進(jìn)搜索引擎優(yōu)化更新發(fā)展的SEO時(shí)，他們會(huì)告訴你Flash現(xiàn)在可以被搜索引擎爬蟲(chóng)抓取 。 那么，網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)該怎樣運(yùn)用Flash呢？
雖然谷歌正在改善，但你不應(yīng)該一切都依賴(lài)于谷歌。 以下是一些應(yīng)該記住的基本的Flash規(guī)則。
不要把整個(gè)網(wǎng)站都放在一個(gè)頁(yè)面上（指一個(gè)Flash搞定整個(gè)網(wǎng)站）。
不要使用Flash來(lái)做導(dǎo)航條。
不要把重要的內(nèi)容用Flash來(lái)顯示 。
搜索引擎對(duì)Flash幾乎是視而不見(jiàn)，所以不要使用它來(lái)展示重要的網(wǎng)頁(yè)和內(nèi)容。 使用的Flash設(shè)計(jì)非重要內(nèi)容和元素還是可以的。
Flash可以用于搜索引擎友好的設(shè)計(jì)。 您可以使用slfr 來(lái)增強(qiáng)Web字體。 即使Flash不好用于HTML內(nèi)容，但可以定制網(wǎng)頁(yè)的風(fēng)格，這樣搜索引擎仍然能夠抓取網(wǎng)頁(yè)的標(biāo)題和內(nèi)容。 這是谷歌也認(rèn)可的 。
8 。 使用CSS進(jìn)行圖像交替
CSS圖像置換是一個(gè)使網(wǎng)站看上去非常棒，同時(shí)也對(duì)搜索友好的一種方法。 你可以有幾個(gè)不同的 方式做到這一點(diǎn)，但更大的擔(dān)憂(yōu)是你是否有故意的欺騙性行為。
谷歌說(shuō) ：
“如果您的網(wǎng)站被認(rèn)為有意包含欺騙性的隱藏文字和鏈接，可能您的網(wǎng)站會(huì)從谷歌的索引中移除，并不會(huì)出現(xiàn)在搜索結(jié)果頁(yè)上。 ”
這里要留心這兩個(gè)詞： “被認(rèn)為”和“有意” 。 在人工審查時(shí)，谷歌將嘗試了解你的意圖;當(dāng)更近谷歌描述搜索引擎優(yōu)化時(shí)這種做法一直遭到詬病 。
我想的CSS是搜索引擎優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)中一種常見(jiàn)的方法。 如果您的目的是改善視覺(jué)體驗(yàn)，而且沒(méi)有欺騙搜索引擎的意圖，那應(yīng)該沒(méi)事。 不過(guò)不要使用此方法，來(lái)堆積關(guān)鍵字或用于隱藏內(nèi)容。
9 。 頁(yè)腳上的鏈接
如果你的網(wǎng)站必須要有一個(gè)很好的導(dǎo)航結(jié)構(gòu)，那么一個(gè)不錯(cuò)的頁(yè)腳（footer）是一個(gè)不錯(cuò)的解決方案。
下面是一些例子， 如乏味但有效的頁(yè)腳 。 有時(shí)是為了顯示和突出網(wǎng)站的內(nèi)容，如We Build Pages的頁(yè)腳 。 有時(shí)它們還可以看起來(lái)是美麗的 ， 令人印象深刻的 ，和創(chuàng)造性的 。
**三個(gè)給網(wǎng)頁(yè)設(shè)計(jì)師的小竅門(mén)！
這三個(gè)小竅門(mén)是專(zhuān)門(mén)用來(lái)幫助網(wǎng)頁(yè)設(shè)計(jì)師們來(lái)推銷(xiāo)他們業(yè)務(wù)的。
許多設(shè)計(jì)師設(shè)計(jì)的網(wǎng)站頁(yè)腳可能會(huì)有下面的文章和鏈接：
“網(wǎng)站由某某設(shè)計(jì)公司設(shè)計(jì)”
以下就是給網(wǎng)頁(yè)設(shè)計(jì)師的3個(gè)搜索引擎優(yōu)化技巧
在說(shuō)明由誰(shuí)設(shè)計(jì)的鏈接中包括關(guān)鍵字。 不要只在鏈接中使用公司名稱(chēng)， 更好讓鏈接也包括“網(wǎng)站設(shè)計(jì)”這樣的關(guān)鍵字。 更好是這樣，使用類(lèi)似“網(wǎng)站設(shè)計(jì)：公司名稱(chēng)-一個(gè)紐約網(wǎng)頁(yè)設(shè)計(jì)公司。 ”
當(dāng)你設(shè)計(jì)了好幾個(gè)網(wǎng)站，而且用了上面的包含關(guān)鍵字公司鏈接，那么有時(shí)可以改變下文字。 你并不需要大幅度地改變，稍微變化一下就可以了。 可以周期性的這樣做。
在你設(shè)計(jì)的網(wǎng)站上創(chuàng)建一個(gè)推銷(xiāo)頁(yè)面，在這個(gè)頁(yè)面上寫(xiě)一些反饋和好評(píng)的鑒定，然后再在頁(yè)腳上添加到這個(gè)頁(yè)面的鏈接。 這將幫助您獲得一個(gè)有很多內(nèi)部PageRank的頁(yè)面流向它。
如果你是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，我希望這些提示能幫助您解決一些網(wǎng)頁(yè)設(shè)計(jì)中的搜索引擎優(yōu)化問(wèn)題。 如果您是一個(gè)SEOer，我希望你可以將這些建議轉(zhuǎn)發(fā)給您的網(wǎng)頁(yè)設(shè)計(jì)師。
英文原文：Justin Briggs - 9 SEO Tips for Attractive Search Engine Friendly Web Design
給網(wǎng)頁(yè)設(shè)計(jì)者的9條搜索引擎優(yōu)化貼士，歡迎合作。
查看更多寧波網(wǎng)絡(luò)推廣設(shè)計(jì)者貼士搜索引擎優(yōu)化
