網頁設計師必用的11個SEO技巧
現在的網頁設計師不僅設計網頁的外觀和風格。他們也常常負責主要前端程式碼的編寫。換句話說,SEO(搜尋引擎優化)的相當一部分責任落在設計師的肩上。然而大量網頁設計師對這個領域的熟悉程度仍不足以讓他們寫出一個對搜尋引擎充分優化的網頁。
本文旨在為普通,甚至部分高階網頁設計師提高SEO技巧提供一些重要的竅門。
1. 讓程式碼比設計更美
搭建網頁前端的時候,使用有語義的程式碼。用描述性的標籤組織頁面結構,可以提高內容對搜尋引擎的可讀性。這也會讓修飾頁面的工作變得更簡單幹淨。
2. 使用關鍵字,但要把握分寸
關鍵字是指描述主要內容的詞語。有策略地在頁面中安放關鍵字是很重要的,例如在URL、標題標籤(title tag)以及主要的抬頭標籤(heading tag)中。在正文中經常使用關鍵字也很重要,但是不能過度,否則你的文章可能因關鍵字堆砌遭到懲罰。
3. 避免使用Flash作導航欄
無論華麗的下拉選單效果如何誘人,不要使用它。搜尋引擎不能順利讀取Flash檔案中的內容,所以Flash導航欄中的連結將無法被跟蹤。
4. 使用不同的頁面標題
你的網站的每個頁面都應該有標題屬性,而每個頁面的標題應該各不相同。如果每個頁面的標題都一樣的話,搜尋引擎會理解為你的網站的每個頁面都是相同的主題。
5. 不要忘記圖片
好好利用圖片的alt屬性,合理地描述它。搜尋引擎再怎麼聰明,它們也看不懂圖片。忽略這點會讓你損失大量圖片搜尋的流量。
6. 不要使用通用連結
搜尋引擎非常重視連結。所以當連結到相關內容時,請使用能確切描述該內容的文字。比如,當你為瀏覽者提供更多Photoshop資訊的連結時,使用諸如“關於Photoshop的更多資訊”的描述,而不只是“更多資訊”。
7. 忌用圖片代替文字
作為設計師,我們總是希望作品越美觀越好。於是有時我們會用一張漂亮的圖片替換掉瀏覽器上難看的標題文字。請儘量避免這樣做。我前面說過,搜尋引擎不能理解圖片的內容,而這裡應該是你寫關鍵字的地方。
作者注:這一點我貌似誤導大家了。事實上我們有辦法用圖片達到目的,比如FIR。
8. 慎用AJAX
Ajax加強使用者體驗的效果很贊,但是請不要過度使用。Ajax生成的內容無法被連結到。一個不錯的經驗法則是:如果你用Ajax載入的可能是一個獨立頁面,就儘量不要使用它。
9. 儘快被收錄
讓網頁儘快被搜尋引擎收錄的方法之一是,嘗試搞到高人氣的相關利基網站的內鏈。提交給谷歌也是一個選擇,不過這有時會花好幾天時間,運氣不好的話幾個星期也有可能。
10. 爭取內鏈
內鏈的數量和質量對網站在搜尋結果中的位置有很大影響。讓大夥連結到你的網站的一個好辦法是提供高質量和原創的內容。另一個辦法是大方為別人的網站提供連結。
11. 堅持同樣的URL
你要建立網站時,請從一開始就決定好是否要使用“www”。一旦決定好了就不要再改。搜尋引擎會把www.webdesignledger.com和webdesignledger.com看作兩個不同的重複的網站,而搜尋引擎不喜歡重複的網站。
相關文章
- 7個Web前端程式設計師必須會用CSS技巧Web前端程式設計師CSS
- 7個讓網站更快的網頁設計技巧網站網頁
- 網頁設計師教你怎麼提高網站SEO最佳化網頁網站
- 前端設計師必須知道的10個重要的CSS技巧前端CSS
- 2018年,14個網頁設計師必備技能助你拿高薪!網頁高薪
- 程式設計師必收藏的五個網站程式設計師網站
- 21個UI設計必會的設計技巧UI
- 網頁設計的技巧總結網頁
- 【史上最全】設計師必備的83個設計資源網站網站
- 設計師升職加薪必須知道的10個設計網站網站
- 設計師必備的技巧性原則!你知道哪幾個?
- 網站建設網頁設計小技巧分享網站網頁
- 程式設計師必知必會:MySQL上15個常見SQL最佳化技巧程式設計師MySql
- 設計師必備配色網站網站
- 程式設計師練習演算法的幾個實用技巧程式設計師演算法
- 教你避雷!網頁設計中常見的17個UI設計錯誤集錦(附贈設計技巧)網頁UI
- seo-mask -- 為單頁應用建立一個適合蜘蛛爬取的seo網站網站
- 程式設計師必備:30個MySQL資料庫常用小技巧,值得收藏!程式設計師MySql資料庫
- 【乾貨】程式設計師必逛的網站程式設計師網站
- Java11新特性,Java程式設計師必備Java程式設計師
- 網頁設計有哪些佈局的方法和技巧?網頁
- 11個SEO人員必須知道的Chrome擴充套件外掛Chrome套件
- (網頁)Java程式設計師們最常犯的10個錯誤(轉)網頁Java程式設計師
- 每個程式設計師都會的 35 個 jQuery 小技巧程式設計師jQuery
- 微信公眾號如何運用seo引流(微信SEO的6個排名技巧)
- 個人網站排名上SEO首頁的心得感悟!網站
- 程式設計師必備基礎:改善Java程式的20個實用建議程式設計師Java
- 一個成熟的程式設計師必會技能:賺錢程式設計師
- 一個合格的程式設計師,需要哪些必備技能?程式設計師
- Java程式設計師必須掌握的5個註解!Java程式設計師
- 20 個 Laravel Eloquent 必備的實用技巧Laravel
- 大師級設計師才會的這個CAD技巧,你會嗎?
- 程式設計師推薦!JetBrains IDEs使用技巧與必備外掛程式設計師AIIDE
- 極簡網頁設計技巧,打造簡約之美網頁
- Java 效能調優的 11 個實用技巧Java
- Java程式設計師必備的10個大資料框架!Java程式設計師大資料框架
- 增加你找到程式設計師工作機會的 5 個技巧程式設計師
- 分享6個Python程式設計非常實用的技巧!Python程式設計
- 新手必備的seo最佳化技巧 你get到了嗎?