
如今的網頁設計不僅僅是設計網頁的外觀和風格。必須將前端程式碼的編寫規範化。換句話說就是把SEO(搜尋引擎優化)在一開始設計時就列為標準配備。然而大多數的設計公司對此領域並不熟悉,無法撰寫一個對搜尋引擎充分優化的網頁。甚至部分設計公司打著提高SEO排名,卻不見以下的規範,現在提供您一些技巧和重要的竅門,檢視一下自已的網站吧。
1. 讓程式碼比頁面設計更美
建立網頁前端頁面的時候,使用有意義的程式碼,讓 HTML 標籤組織頁面結構更簡潔,增加搜尋引擎對頁面的可讀性,這也會讓日後維護頁面的工作變得更簡單。
2. 建立頁面關鍵字,但不要太過

關鍵字是對應頁面內容的詞句,適當的在頁面中放置關鍵字是非常重要的,例如在URL、文章標題(title tag)以及主要的抬頭標籤(heading tag)中。
3. 放棄使用Flash製作任何內容
無論再怎麼華麗的選單,效果再如何誘人,也千萬不要使用FLASH。搜尋引擎無法讀取Flash中的內容,所以當您使用FLASH就等於宣示這個部份不想被搜尋。
4. 建立不同的頁面標題
網站的每個頁面都應該有標題,而每個頁面的標題應該各不相同。如果每個頁面的標題都一樣的話,搜尋引擎會理解為你的網站的每個頁面都是相同的主題。
5. 善用GOOGLE的圖片搜尋功能
搜尋引擎看不懂圖片,但會抓取圖片中的alt屬性,合理的描述圖片中的內容,能為您的網站提升瀏覽量。
6. 不要使用通用連結
搜尋引擎非常重視連結。所以當連結到相關內容時,請使用能確切描述該內容的文字。
7. 忌用圖片代替文字
我們總是希望網站越美觀越好,於是就用漂亮的圖片替換掉難看的標題文字,請避免這樣做,搜尋引擎不能理解圖片的內容,而這裡應該是你寫關鍵字的地方。
8. 慎用AJAX
Ajax加強使用者體驗的效果很好,但是請不要過度使用。Ajax生成的內容無法被連結到。
9. 儘快被收錄
主動把網站地圖(sitemap)提交給GOOGLE,讓搜尋引擎按圖索驥,很快網站就能被收錄了。
10.積極提供文章內容
提升網站流量的好辦法就是提供豐富、專業並且是原創的內容,對於搜尋結果頁中的位置有很大影響。
11.堅持同樣的URL
創建網站時,請決定好永遠的網址,還有是否要使用“www”。
如今的網頁設計不僅僅是設計網頁的外觀和風格。必須將前端程式碼的編寫規範化。換句話說就是把SEO(搜尋引擎優化)在一開始設計時就列為標準配備。然而大多數的設計公司對此領域並不熟悉,無法撰寫一個對搜尋引擎充分優化的網頁。甚至部分設計公司打著提高SEO排名,卻不見以下的規範,現在提供您一些技巧和重要的竅門,檢視一下自已的網站吧。
1. 讓程式碼比頁面設計更美
建立網頁前端頁面的時候,使用有意義的程式碼,讓 HTML 標籤組織頁面結構更簡潔,增加搜尋引擎對頁面的可讀性,這也會讓日後維護頁面的工作變得更簡單。
2. 建立頁面關鍵字,但不要太過

關鍵字是對應頁面內容的詞句,適當的在頁面中放置關鍵字是非常重要的,例如在URL、文章標題(title tag)以及主要的抬頭標籤(heading tag)中。
3. 放棄使用Flash製作任何內容
無論再怎麼華麗的選單,效果再如何誘人,也千萬不要使用FLASH。搜尋引擎無法讀取Flash中的內容,所以當您使用FLASH就等於宣示這個部份不想被搜尋。
4. 建立不同的頁面標題
網站的每個頁面都應該有標題,而每個頁面的標題應該各不相同。如果每個頁面的標題都一樣的話,搜尋引擎會理解為你的網站的每個頁面都是相同的主題。
5. 善用GOOGLE的圖片搜尋功能
搜尋引擎看不懂圖片,但會抓取圖片中的alt屬性,合理的描述圖片中的內容,能為您的網站提升瀏覽量。
6. 不要使用通用連結
搜尋引擎非常重視連結。所以當連結到相關內容時,請使用能確切描述該內容的文字。
7. 忌用圖片代替文字
我們總是希望網站越美觀越好,於是就用漂亮的圖片替換掉難看的標題文字,請避免這樣做,搜尋引擎不能理解圖片的內容,而這裡應該是你寫關鍵字的地方。
8. 慎用AJAX
Ajax加強使用者體驗的效果很好,但是請不要過度使用。Ajax生成的內容無法被連結到。
9. 儘快被收錄
主動把網站地圖(sitemap)提交給GOOGLE,讓搜尋引擎按圖索驥,很快網站就能被收錄了。
10.積極提供文章內容
提升網站流量的好辦法就是提供豐富、專業並且是原創的內容,對於搜尋結果頁中的位置有很大影響。
11.堅持同樣的URL
創建網站時,請決定好永遠的網址,還有是否要使用“www”。
說到設計,每個設計公司都會有不同的設計理念,很難說的清,但說到怎麼應用設計,那就是內行人的問法,一草一木雖強調客製化設計,但還是有些想法會在執行專案前要和客戶討論的。
1. 我們早已放棄 FLASH 的運用:
取而代之使用的是 HTML5 和 JQuery,雖然現今還有很多動態效果無法取代Flash,但一草一木仍非常不建議使用Flash這個過季又找不到貨架的商品。
2. 所有設計都將使用RWD技術:
我們相信未來網站需要支援的平台只會更多不會變少,這也意味著現在製作網站,基本上都必須能夠具備跨平台的能力。
3. 操作介面結合觸控的模式設計:
在行動平台大行其道時,味著網站設計重點不再是使用滑鼠來點擊選單和內容了,必須以觸控螢幕的操作模式做為設計時的考量。
4. 我們的設計更趨向簡潔和優雅:
多年的設計經驗告訴我們,網站訪客是來看內容的,讓設計思路回歸於舒適的視覺感受,支援高彩和高解析度,設計一個有目標族群的網站。
5. 整合社群平台的API服務功能:
社群網站早已強勢進入生活領域,網站頁面分享是基本功能,籍由影音多媒體來展示頁面內容也早就成為瀏覽趨勢。
6. SEO 優化是網站的標準配備:
什麼是SEO優化?其實搜尋引擎要求很簡單,就三個步驟:1.程式結構要規範、2.頁面內容要原創、3.主機空間要穩定,如此自然好排名只是時間問題。
在台灣各種設計的市場中,一直以來是都是以價格做為導向的,如此企業要網站的目的是什麼?好的設計能提升的不僅是企業的形象,更重要的是能為企業提高價值,為企業創造更高的營收。在價值和價格之間最為重要的是這個設計能為客戶帶來什麼......
科技是冰冷的,但賈伯斯的堅持:「因為簡單,所以更好的極簡設計美學」,徹底顛覆了這個概念,進而設計出各系列引領風潮的科技產品,「要讓一件事變的簡單,要先了解簡約的根本,創造出真正被認同的理念,絕對得下很大的苦功。」賈氏設計能為產品帶來價值,創造了一個新的市場神話,並為當前的設計下了一個新的定義「設計應該看起來極度純淨,天衣無縫」。
當一草一木的客戶和我們合作並著手執行製作網站內容時,一草一木會以客戶的客戶做為設計師第一優先考量的設計思路,當然很多時候是會有執行上的衝突,一草一木會耐心為您解說,並為您的想法找出路,提出有效的解決方案,尤其是客戶特有的想法,因為我們相信很多成功的網站就是有想法才能成功!
另外就是常常見到很多的客戶在製作網頁前,就會先找幾家網頁設計公司來比較,這點一草一木是絕對贊同的;在競爭比較之後,網站的價值才會出現,當然這時網站的價格也一併出現了,但價格高低非決定網站製作主要因素,而是要進一步去了解網頁設計公司的品質與技術,網站是企業的門面,如果同業有使用著和您相的的版型網站,或惡意也用低價賣一個和貴公司相同的版型,這對於貴公司的形象會造成很大的傷害,另外版型如果是以舊的語法來製作、版面結構狹隘、版面內容又雜亂無章,這些都是會影響訪客對企業的第一印象,所以一草一木相信真正具企圖心的企業,是不會以不合理的價格來製作代表自己企業價值的網站。

一草一木是一個擁有自主開發程式的團隊,相較市場中的設計同業,我們能提供客戶們更加有效的程式應用,服務功能的需求有很多的面向,一草一木的程式開發客製能力,能提供企業想要實現的程式功能,並在於日後執行的網路行銷達到效果最大化、形象傳遞具體化、網站功能差異化、操作介面互動化、程式維護標準化等並企業服務產生功能優勢,對於一草一木而言了解客戶需求並提出解決方案,和開發程式的技術同等重要。除此外,網站的歸屬權也是我們所在意的,比如客戶所委託執行的設計項目完成後,其程式所有權是就必須歸客戶所有,客戶才會有安全感,如果客戶要求需執行是屬於大型專案,一草一木還會提供多種規劃書,如:專案建置規劃書,資料庫建置規格說明書,程式設計規範書,頁面結構標準手冊及網站管理說明書等,這樣的程式專案才會對於客戶日後管理有所幫助。