網頁設計時需注意的搜索引擎優化問題

網頁設計時需注意的搜索引擎優化問題


在設計的時候如果就能考慮到搜索引擎優化的相關問題，在程序員在實現這些功能的時候也能起到一定的指導作用，這裡總結：網頁設計時注意的60個搜索引擎優化問題
設計網頁時要考慮的60個問題
我們花費許多時間問自己，問客戶，問其他人問題。類似於，是否要為我們關鍵字最新的網頁選擇綠色陰影？如何選擇複雜的排版解決方案？對於一個網頁設計者來說，正確提問是一項非常重要的能力。在本文中，我們列出了60個典型問題 - 這些問題是網頁設計專家在完成作品前必問的60個題。
為什麼向自己發問很重要？
許多專家靠備忘錄輔助工作，而其他人並非如此。但世上沒有萬無一失的辦法關鍵字來規避因為遺漏東西而帶來的窘迫感，所以當你在設計一個網頁的時候，不斷地向自己發問是非常好的辦法。有時候，這些問題甚至可以簡單到如“我這是在工作嗎？”，而通常情況下，需要問自己一些更富專業性和技術性的問題，當然，別忘了回答。
如果你總像完美主義者般那樣神經質地猜疑你自己，或者相反地關鍵字瞎做決定，這恐怕不會讓你的工作變得輕鬆。雖然沒有什麼辦法能夠估量我們做出的決定是否正確，但在工作過程中不斷向自己發問至少能夠避免這些煩人的錯誤。
有關項目管理的15個問題
項目管理是網頁設計工作的重心環節之一。製作一個新的網頁就好比搭建一座新的房子。考慮到有許多細節需要斟酌，在開始工作前計劃一下是非常有效的。
1“我的客戶簽好合同了嗎？” - 如果你不與客戶簽合同就開始工作的話，是非差有風險的。
2“我清楚最後的成品是什麼樣子了嗎？” - 對你自己要做的工作關鍵字廣告必須有個清晰的計劃，包括圖表，線框，模型等，務必把這些搞清楚。
3“所有內容都已經寫下了嗎？” - 一個沒有內容的網頁就像一幅沒有帆布的油畫，最理想的情況是，一個網頁必須根據內容而建，反之則不可行。
4“這個網頁需要提前準備什麼嗎？” - 諸如 WordPress的之類的工具能使生活更美好，所以在你寫代碼前要想好你要什麼工具。
5“我的競爭對手可能給客戶提供些什麼呢？” - 你的對手往往關鍵字廣告是好主意的來源，知道他們在幹些什麼能幫助你更好地迎合顧客的需求。
6“我有準確的最後期限嗎？” - 設定一個現實的最後期限，並督促你自己按著期限來追趕你的工作速度是非常重要的。
7“我需要追加一些投入嗎？” - 網頁設計一般不需花費很多，你可以靠一些非常便宜的軟件就搞定它，但是，你必須有準備為這些工作花更多的資金。
8“我具有必要的技能了嗎？” - 有些網頁設計要比其他的複雜得多，仔細想想你都需要哪關鍵字廣告些技能去完成它，而且要知道你所擁有的知識是不是最新的。
9“我考慮過營銷推廣嗎？” - 一個網頁如果沒有訪客，那真是太糟糕了。檢查一下你為營銷推廣所做的準備，比如社會化媒體，搜索引擎還有廣告。
10“我做的這個網頁有用嗎？” - 將時間精力浪費在一個沒有價值的項目上是很糟糕的事情，所以務必在一開始就把這些壞可能給去除。
11“我對於目標人群的定位清楚嗎？” - 了解你想要吸搜尋行銷引的目標客戶將會幫助你更好地設計網頁內容。
12“我有備忘錄或者準則嗎？” - 哪怕是最基本的準則和備忘錄都能對你的工作起很大的幫助。
13“我的主機能招架住這些流量需求嗎？” - 找到合適正確的優秀的主機很重要，如果放映幾 GB的的視頻想要順利的話，合租主機不是個好辦法。
14“需要播放的媒體素材都準備好了嗎？” - 有些網頁需要播放視頻，音頻或者PDF格式這樣格式的媒體文件。好好想一下是否都準備好以免耽誤。
15“我還希望在這個項目裡包含什麼元素？” - 也許你需要接受這筆款項，或者你可能需要加一個相冊。將你需要的東西提前安排與計劃好。
15個有關代碼的問題
接下來的問題是有關代碼編寫的。如果你需要設計一個網頁，那你將會與的HTML，CSS還有 JavaScript的打交道。每一種語言都有書寫規則和適用範圍給你參照，這些將幫助你最終完成的作品看起來非常專業和標準化。然而，除此之外還是有許多需要你考慮的問題。
源代碼對你設計的內容所帶來的影響非常大
16“這些代碼能生效嗎？” - 有效性並不是代碼質量的全部測量標準，但它能保證你的代碼按照標準寫，也能幫助你發現在書寫過程中的錯誤。
17“我是不是要考慮適用的CSS3或者HTML5的？” - 雖然許多用戶不使用支持的CSS3和HTML5的代碼的瀏覽器，但如果你能合理適用這些代碼的優勢，那它將會幫助你的產品擁有更多的價值和含金量，讓你的網頁設計作品看起來完美極了。
18“這些代碼寫得對嗎？” - 在工作中適用正確的標籤能幫助你提高效率，而且搜索引擎偏好有意義的代碼。用代表圖表，用顯示無序的列表，用顯示互相有聯繫的列表，用代表超鏈接，用代表可點擊的用戶界面按鈕，等等。
19“我充分利用插件了嗎？” - 考慮一下是否要使用XML的協議或者域名邊上的小圖標，這些可變量能幫助你加強網頁可看性。
20“我需要提供的RSS訂閱嗎？” - 如果你的網頁內容很多，而且更新非常快（比如：博客或者新聞網站），提供的RSS訂閱將保證你的讀者能第一時間收到你更新的消息和內容。如果你不使用CMS的內容管理系統的話，考慮一下使用SimplePie來構建你的的RSS訂閱功能。
21“我寫的這些代碼已經是最簡化最精緻了的嗎？” - 系統的容錯能力非常重要，學習一下如何能精簡你的代碼使其更完美更簡潔。
22“我考慮過搜索引擎優化了嗎？” - 搜索引擎不會主動來照顧你的網頁，它不會自動就讓你的網頁讓更多人看到。所以你需要學習更多的搜索引擎優化的相關內容，來使你的網頁更多地被搜索引擎收錄，提高點擊率。
23“我設計的頁面排版方便打印嗎？” - 設計一個適合打印的CSS的文件是非常有必要的，因為有許多人習慣將看到的網頁直接打印出來。
24“我的代碼寫得標準嗎？” - 寫了死代碼真是非常不好。諸如在W3C的，HTML4裡使用，或者。這樣的話你的工作質量會打折扣。所以反复核查你所寫的代碼，確保你沒有寫出這些無效的代碼。
25“我需要加入條件式註解嗎？” - IE6中還沒有完全退出歷史，如果你的網頁需要你支持的IE瀏覽器的話，你需要使用條件式註解來滿足 IE瀏覽器的獨特需求。這能使你的代碼在W3C的標準下有效，如果你一旦不想使用它了，你只需移除你頁面上的註解即可。利用JavaScript的技術來滿足的IE6和HTML5的代碼支持的網頁就是另外一回事了，但是你需要考慮一下萬一用戶使用舊版瀏覽器，Java的代碼不能支持的時候，該如何解決。
26“我分清的HTML，CSS，JavaScript的了嗎？” - 這一點相當重要，關係到你的頁面到底能提供多好的體驗。
27“我的頁面導航實用嗎？” - 導航菜單是頁面最重要的部分。要好好地做對它。
28“我檢查過冗餘的的HTML和CSS的了嗎？” - 代碼寫著寫著就容易冗長，多餘，所以多檢查一下，看看有什麼地方還能簡化。
29“代碼便於組織和維護嗎？” - 好好核查你的代碼，保證它日後能被修改和升級。
30“使用框架能加強網頁效果嗎？” - 最近，類似的jQuery和MooTools的開源框架能加快代碼的讀取速度，並保證低錯誤綠。如果你覺得這樣的工具有助於你，為什麼不趕緊學習使用它們？
15個有關網頁設計的問題
網頁設計的過程往往充滿了有關色彩，字體等相關問題。當你對管理和代碼問題都能應對自如後，網頁設計的問題自然就會浮現出來。網頁設計需要你不斷地做決定，這些就是你對於問題的回答。
31“我的媒體優化得到位了嗎？” - 圖像，視頻，音頻將佔用很大的帶寬和空間。仔細考慮如何使他們運行得更流暢。
32“用戶界面是不是太複雜了？” - 一個複雜又凌亂擁擠的頁面是不會受歡迎的。想一下可以縮減哪些東西讓界面更簡潔。
33“我的設計是與眾不同的嗎？” - 讓你的頁面更奪人眼球，做出前所未有富有新意的東西能迅速提高你的品牌形象。
34“什麼時候需要重新設計？” - 你能在目前的基礎上做出更大的進步嗎？
35“這個網頁合格嗎？” - 不管你使用一欄還是三欄，多麼多的鏈接，你頁面的視覺感將會極大地影響到它的可讀性。
36“我選的色彩看起來舒服嗎？” - 色彩常影響人的感覺，同一塊調色板可以調出讓你的頁面看起來很專業的顏色，也可以看起來很膚淺。你要好好選擇。
37“哪種字體最好？” - 除了顏色，就是字體最影響視覺感了。要謹慎選擇你的頁面字體。
38“內頁鏈接都夠顯眼嗎？” - 如果鏈接讓人難以發現，那等於白做。確定你做的錨文本都能被看到。
39“你留了足夠的空白了嗎？” - 許多網頁把大量的內容擠在一起，看起來非常不舒服。如果你能留一些空白，留一些餘地，那可讀性將大大增強。
40“你確定頁面內容是符合讀者口味的嗎？” - 隨著 Ajax的技術的迅速發展，在頁面上加載更多的信息成為可能。考慮在長頁面上使用這樣的技術。
41“我的設計能讓人感到愉悅嗎？” - 雖然有些俗，但是你還是要向你的朋友，同事，甚至是陌生人那裡徵詢意見，看看他們對你的頁面的建議。
42“網頁的內容可讀性強嗎？” - 沒什麼比內容更重要了。如果這點能做好，那你的讀者將感到非常愉悅。
43“我的設計能適應各種各樣的顯示分辨率嗎？” - 你無法預計你的讀者使用什麼樣的顯示器看你的頁面，所以你盡量要做到通吃，多利用免費工具來測試你的頁面適合度。
44“頁面裡重點的部位得到強調了嗎？” - 總有些東西是你想強調的，所以考慮一下如何讓它們更顯眼以便讀者發現。
45“我的頁面看起來完整嗎？” - 這是最難的一個問題，但是是最重要的。需要你認真地反复地考慮。
15個有關用戶體驗的問題
用戶體驗是一個網頁成功與否的決定性因素。這裡有一些有關它的問題。
46“網頁在不同的瀏覽器下運行如一嗎？” - 市面上有許多品牌的瀏覽器，要確保你設計的網頁能在主流瀏覽器上運行，你可以使用Browsershots服務來預覽你的網頁在各種瀏覽器上的效果。
47“這個網頁能在移動設備上運行自如嗎？” - 在桌面瀏覽器上瀏覽網頁相對較方便，但是移動設備上並非如此，它可能需要調整一些東西才能很好地顯示。
48“你在屏幕閱讀器上測試過網頁了嗎？” - 事實較讓人失望，包括火狐在內的一些免費屏幕閱讀器常不太能很好地適合設計出來的網頁。所以你必須測試一下。
49“關閉 JavaScript的效果會怎樣？” - 每個人的體驗不相同，我們也無法控制每個瀏覽者的閱讀環境，所以盡量確保你的網頁在任何情況下都能良好運行。
50“閃光文件可以用不同的方式播放嗎？” - 緊接上一點，如果你的網頁依賴閃光燈的話，你最好保證這些都能順利做到。
51“你注意：圖片顯示'相關的內容了嗎？” - 一個最簡單的輔助辦法就是使用描述性且有效的圖片顯示工具。
52“你依據的Web內容可訪問性指南，來評估這個網頁了嗎？” - 遵循訪問性指南是非常重要的，記得使你做的網頁都能符合條 WCAG。
53“這個頁面被其他人測試過了嗎？” - 可用性測試非常簡單，不過有點貴。這個測試能幫助你完善作品。
54“頁面鏈接都有效嗎？” - 鏈接能夠帶來潛在讀者，一個簡潔，便於記憶的鏈接名稱將大大提升用戶體驗。如果你還在使用系統默認的鏈接方式的話，不如嘗試更改一下。
55“你的頁面載入速度如何？” - 速度是實用性指標之一，試想一下：載入速度很慢的頁面將多麼影響你的用戶體驗。
56“頁面的搜索功能使用起來方便嗎？” - 大多數網頁都需要一個搜索框，來幫助瀏覽者定位他所需要的信息。要確保你的頁面搜索框設置正確，且搜索結果正確。
57“你的頁面存在潛在的令人厭惡的元素嗎？” - 彈窗之類的東西將讓用戶體驗變得糟糕，要確保你的網頁上沒有這些東西。
58“頁面表單易填寫嗎？” - 如果你的頁面表單問題太多而且回答起來很麻煩，那用戶可能就此流失。
59“用戶能很容易地聯繫上網站主人嗎？” - 盡量設置一些聯絡方式，這樣你能很方便地和讀者交流。
60“你檢查過無效鏈接了嗎？” - 無效鏈接會讓你的讀者體驗降低。使用西努的工具能幫助你檢查無效鏈接，並且要弄明白這些鏈接是如何變得無效的。
我們在學習的過程中變得更富競爭力，而這些東西終將改變我們的視野和技能。設計師和開發人員如果能常常向自己發問，則能將工作完成得更出色，也能不斷地進步，不斷地有新的產品問世。