當網頁設計師遇上前端開發

作為網頁設計師，在和前端開發人員溝通時你是否常常會聽到這樣的聲音：

—— “大姐，給點專業精神好不好，這個表格是自我調整的，你這樣設計頁面不好擴展啊…”
——“用ajax不是不行，不過你要事前給我說嘛，你不說我怎麼知道呢，你說了我就知道了嘛…”

面對這些回答，除了欲哭無淚，你有沒有想過是什麼原因導致出現這樣溝通偏差，有沒有解決的辦法呢？設計師需要瞭解哪些知識才能和前端開發人員來更好的合作呢？ 首先得從這兩者之間都有哪些不同說起。

我認為最主要原因在於設計師和前端開發在部門中不同的職責劃分。

通常情況下，產品設計師的產出物多是線框圖（wireframe),視覺設計稿（mockup）等，前端負責編寫HTML,CSS等代碼（demo），有時還會根據需要編寫程式碼（如 JSP/ASP/PHP/Rails),光看這些分工，就知道不同的角色對產品的理解和著重點是截然不同的。按照正常的專案流程，設計團隊通常需要先設計出介面mockup或demo（HTML/CSS),接著開發人員才開始正式編寫代碼。

然而多數情況下為了保證專案進度，需要開發人員和設計師在專案前期就介入進來，不同的是，開發人員多是審核通過項目計畫書（PRD）和原型評審，她們更關注於技術可實現性；而設計師更傾向理解產品經理的專案需求以及通過什麼樣方式來解決需求從而達到提升使用者體驗的目的，她們更關注創意的可行性。

更令人糾結的是前端開發對“介面元素”和“交互動作”的理解和設計師有很大不同。統一的介面元素對網站的前端架構也會很有好處，他們更關注代碼的再使用性。 一方面是CSS：前端開發要實現設計師（或者自己引以為自豪）的介面設計，如果新頁面的設計和原先頁面中相同功能元素的設計有出入，哪怕是一點出入，都有可能帶來很多重複的工作，將CSS文件變得越來越臃腫。

另一方面是JavaScript：對於很多應用型網站，會有很多需要JavaScript的頁面交互元素。這些交互元素的視覺或者行為設計與之前的有出入，也會讓前端工程師為了既保證代碼的健壯性來方便後端工程師的開發，又為了實現一些設計上的差別而對現有代碼修修補補忙得不可開交，最可怕的是最終淹沒于bug的海洋…而交互設計師的側重點並不在程式的編碼實現，而注重於使用者如何最好地與系統交交互操作，在設計中重點需要考慮的是介面元素的易用性：比如他們會考慮到並非每個使用者都是電腦的熟練使用者，面對隱藏的層和特殊設計的功能表可能會抓瞎，使用者不見得能明白按兩下左鍵能自動滾屏或者怎樣能讓自動滾屏停下來，直接看最下面的結果？

總之，設計師（完美主義者更甚）會不斷完善產品，來滿足更好的用戶體驗。那麼設計師怎樣來解決這些問題呢？我覺得最重要的就是“溝通”，這是最根本的解決辦法。在原型設計前期就要針對自己想法的詢問前端開發在技術上的可行性，在介面設計過程中會有很多精確到圖元級的標準，同樣要和他們溝通瞭解代碼的實現方式，不然很有可能做無用功。在提交介面設計之後，交互設計師也要主動出擊，不定時的去關注demo的實現效果（mockup和demo多多少少存在不一致，在後期需要跟進；另外涉及到複雜的對話模式前端很可能會忘記或者搞混，也需要不斷的去核查）。

另外建立標準的文檔管理和設計規範也很重要，好在我們開始建立設計規範和標準(淘斯基和TPL 模式庫）的文檔管理方法（SVN)，包括：

• 制定檔命名標準
• 設定檔統一路徑
• 保存原始創作檔（例如PSD、Fla原始檔案）
• 最終完成檔（經過產品經理認可的檔）
• 視覺模式庫和與其對應的代碼模式庫

當然，前端都很忙的，經常去“騷擾”他們會被鄙視的。跟他們溝通也需要技巧和一些基礎認識，我總結了以下幾點需要謹記：

1. 網站的頁面是動態的。 photoshop呈現的是靜態的東西，而網站頁面是動態的展現內容、佈局和交互。設計師過多關注用戶體驗層面，很難對所有的細節做到面面俱到。而前端（包括開發）需要照顧到所有的功能點涉及到的頁面，因此在前期要考慮的儘量周全，別讓別人幫我們收拾爛攤子。
2. 關注新技術。網頁設計缺少技術支援永遠只是藝術。設計師必須經常關注新的技術和對話模式，這樣才能在設計的時候提供多種解決方案，才能權衡利弊找到最優化的方案。
3. 介面元素的標準化和統一。前端關注代碼的再使用性，設計師關注新創意。因此在設計前期就要考慮哪些元素和對話模式既可以滿足用戶體驗又能夠被重複使用，以此來提高效率。
4. 團隊合作很重要。設計師很容易沉浸在自己的小世界裡不能自拔，這是我們經常犯的通病。“溝通”是團隊合作的關鍵，一切皆在溝通。
5. 相信自己。前端通常出於不同的原因對一些對話模式可行性做出判斷，比如代碼複雜程度，技術可實現性等等。

好的設計師需要有一些超前意識和冒險精神，當他們受 新技術的激發，認為它能夠大大提升用戶體驗的時候，就需要把它當作挑戰來實現。在對技術的深入瞭解後去說服前端一起努力實現。 好了，這些血和淚的經驗是我工作一段時間慢慢總結的，如果你有更多的方法，希望能一起分享。


文章來自BAYSTARS DESIGN網頁設計公司

iFotbol用麥當勞的賣法來賣美國人不喜歡的東西

做獨立網站的人似乎愈來愈少了！大家做iPhone，想辦法搶上iPhone熱門排行榜；大家做Facebook插件，想辦法透過動態資訊和互相訊息傳播出去；大家做Twitter周邊，想辦法讓好多twitter會員都猛貼連到網站的超連結給所有朋友看到……相較之下，現在要做一個獨立網站，自行推廣、自行拉會員、還要擔心獲利，真是愈來愈「不流行」了。

不過，獨立網站還是可以提供最多可能，可大可小、可寬可窄，可加入自己想要的任何功能，最重要的是，可在全世界通行無阻──問題是，如同美國的麥當勞是最風行全球的速食店、美國的可口可樂是最風行全球的飲料，現在網路上成功的全球網站，也幾乎都還是美國網站，MSN的使用者佈及全球，Google、Yahoo!在許多國家排行前三名，Facebook、Twitter各國都有忠實使用者，而Amazon、Monster都有40%以上營收來自海外……在2009年，我們看到這樣的狀況，還有什麼東西可玩？

上周傳出有一個關於「足球」的網站開站，叫「iFotbol.com」，iFotbol這個網站沒什麼太了不起的創新，它基本上就是一個關於「足球」的網站。聽起來有點老套，儘管它號稱是目前網路上最有創意、最廣納百川的足球網站，創辦人是一群人，包括記者、電視台、網路工作者，不過當我看到後，卻有一種說不出來的「實際感」。實際感就是，這個網站顯然並沒有什麼創新的地方，它只是做出目前美國網站都在做的事情（各種社群與轉寄的功能)，一塊一塊兜起來成了iFotbol，兜成了以後，才看到沒想到美國這麼多創業家卻很少做過這類型的網站──目前iFotbol已經收集了350個來自全球各地職業足球球隊的歷史資料與最新feed，包含了高達1萬名球員的現在與歷史資料，以及一共60個國家級與世界級的比賽的目前各隊排名，包括「Premier League」、「World Cup」等。iFotbol列出全球所有的隊伍的比賽結果，以及最新的新聞、照片、影片…也給所有的隊伍、所有的比賽、所有的隊員，都有一個個別的頁面，列出所有最新的比賽資料。這些資料，只是這個網站的第一層，接下來才是重點，iFotbol顯然先用所有資料來吸引所有人加入，加入後，設置自己的個人首頁。網友可以自設個人的首頁，也可以加入討論區。接下來還有有趣的足球球迷會喜歡的小小遊戲，預測誰會贏，就有機會得到Wii這類的獎品。另外他們還有一個不可思議的3D照片呈現功能，用類似iPhone看照片的方法來把照片一張一張秀給使用者看。至於收費的部份它也頗有創意，已經設立一個機制來吸引各國的在地的廣告商，來放廣告到他們那個國家裡面的球隊和球員的iFotbol頁面，iFotbol說所有的收益將會回到這些廣告主而不是網站本身。
這些看下來，iFotbol還好而已，顯然是美國人做的，雖是美國人，但iFotbol所指的「football」是在腳上踢的圓圓的那種球，和一般美國人愛打的橄欖形的「美式足球」不同，我們可以想像，這位熱愛圓形足球的美國創業家一定「懷才不遇」，美國人不喜歡足球，他必須尋求美國以外其他地方的網友。iFotbol的口號正是：「football everyday, football everywhere」。

全球愛好足球的人很多吧，大家看的電視台都不一樣，更是需要一個社群網站把大家都找來加入會員！全球身上帶有「足球癮」的人為數頗多，散布在各個國家，針對這些人來做社群網站，交換最新情報，分享彼此的熱情……。 他們也善用社群的傳播，包括Facebook、Myspace、LinkedIn、Twitter等等。雖然這個網站是個獨立網站，但它利用Facebook、Twitter這些全球可能有的社群，來傳播出去。

歷史告訴我們一些事情，美國這邊的網路創業家與可以支持創業家的使用人口都比其他地方多很多，在美國並沒有明顯比較「不熱門」的題材如觀星星啦、塔羅牌啦……如果現在沒有一個成功的全球的網站，那以後也不會有。但有些網站是美國這邊明顯比較「不熱門」的，這些題材倒會是適合在「美國以外」的全世界試試看，而且是搭著美國人已經搭建的這些Google、Facebook、Twitter網絡來灑出去。

除了足球外，還有哪些在美國境外的全世界各國紅的？這些通常是比較沒有一個像樣的獨立網站的。甚至譬如有些亞洲電子廠賣不進美國，所以在歐洲等地賣得較好，這些公司可以考慮一下，如何利用麥當勞的店面來賣包子。

文章來自mr6
文章提供BAYSTARS DESIGN網頁設計公司

談中國電子商務（四）轉單模式造就輕公司

轉單模式的美妙之處在於他的輕巧。

◎電子商務＝電子＋商務 電子商務是網際網路產業中一個十分複雜的領域。

正如其名，電子商務等於「電子」加上「商務」，過往有很多大學剛畢業沒多久就創業做網站獲得成功的年輕人，但他們的創業領域卻很少在電子商務。因為這些年輕人懂得「電子」，卻還不懂得「商務」。

正因為這樣兩極的特性，過往也使我們看見大量的傳統產業想要進入電子商務領域的時候遭逢失敗，傳統產業在「商務」的經驗累積上十分可觀，但卻不懂「電子」。

最終只有能夠完美的融合這兩種領域的人，才可能造就成功的電子商務網站。 然而，電子商務卻不僅只是把貨品拿到網上賣而已。由於網際網路擅長處理資訊流，因此資訊流的變革也引發了不少有別於傳統的新模式誕生。

這裡的模式不是指B2C 或者C2C之類的名詞，而是更加細膩的運作方法，例如：轉單模式，專櫃模式等。 這些模式，大部分在台灣或者美國都不新鮮，已經運作相當長的時間。然而，對於08年以來電子商務才剛要高速起飛的中國大陸來說，卻有很多模式並未被探索過。某些模式在其他國家或地區被證明行不通的，或許在中國反而是有機會的，這是誰也不知道的。

◎轉單模式與輕公司

首先要提到的是轉單模式。正如其名，網上商城接受消費者的訂單，訂單再由商城轉給商品的真正供應商，再由供應商出貨給消費者。這種轉單模式可謂實現了「輕公司」的架構：商城本身沒有庫存。所有的操作都在資訊流上，商城的主要責任是把訂單流程管理做好。 由於商城首先接受了消費者的支付（信用卡或網銀或支付寶等），錢會先進到商城的口袋。

當供應商出貨的時候是一毛錢都沒拿到的，而商城每個月跟供應商結清款項。這種模式下，供貨商必須負擔庫存壓力以及資金壓力，因為貨物出門錢卻還沒收到。 這種模式與淘寶不同的地方在於，在淘寶，消費者認為交易的對象是供貨商而不是淘寶。而轉單模式下，消費者認為交易的對象是商城而不是供貨商，消費者是認知商城本身的品牌而消費，因此供貨商對他們來說是不存在的。

由於此種認知差異，導致轉單模式的網上商城必須要負起售前售後客戶服務與退換貨的責任，更由於收了錢，必須承擔開發票的責任。這在先前還導致一個很妙的結果：商城透過物流送發票給消費者，而供應商則送貨品給消費者，兩者分開導致很難同一個時間送到。 ◎轉單模式的問題 早年轉單模式的網上商城是讓供應商自己找物流送貨，這導致了不好的消費體驗。

例如早在97年，當時台灣網路書店就是採取轉單模式經營：消費者網上下單買了七本書分屬於五間出版社，訂單就轉成五筆給出版社，最後消費者會分五次從五個地方拿到這七本書。 轉單模式在銷售上也不靈活，以前消費者甚至無法在一個訂單裡包含不同供應商的商品，商城很難做跨供應商之間的綑綁銷售，因為這牽涉各方不同利益。此外，中國大陸的網上交易大部分仍透過貨到付款支付。供應商如果是使用自己的物流，會導致網上商城無法控制金流。 要建立統一物流體系從眾多供應商處取貨送到眾多消費者手中，這種多對多的物流架構在中國廣大的幅員下顯得十分吃力。

或許在小城市範圍內，轉單模式的統一物流可能不是問題，但全國範圍可能較難實現。誰能解決這個問題，轉單模式在中國就存在發展的可能。 網上商城只要自建倉庫，轉單模式的問題就幾乎解決。不管什麼品類的商品都往倉庫裡塞，要怎麼做綑綁銷售都行，消費者一個訂單裡的五件不同類別商品，連同發票保證都在一個盒子裡收到。然而，自建倉儲的網上商城本身就沒有什麼可說的，他很傳統。 轉單模式的美妙之處在於他的輕巧，使用網際網路將資訊流以及金流控制住的方法使其不用背負庫存壓力。在這個年頭誰都認為輕公司很美妙，這個模式還是值得研究與深度挖掘的。說不定因為中國大陸特殊的環境下會誕生出想不到的新模式。

（文：黃紹麟)

文章提供BAYSTARS DESIGN網頁設計公司

Google的SearchWiki功能！

Google最近提供了SearchWiki功能！你可以針對搜尋的結果做提升、刪除、評論的功能，當然你也可以看見他人評論的結果！如果查詢出來的網頁連接，評論及極差時，你還需要進去嗎？也有可能讓有心人士惡搞你的搜尋評論。你看不見這個功能嗎？這功能必須申請有GOOGLE的帳號才能擁有此功能！

文章來自WOWBOX

文章提供BAYSTARS DESIGN網頁設計公司

什麼是 Google Earth 5.0 新功能

Google Earth再升級，上天下地不稀奇，現在只要動動手指，海底世界盡在眼前。海洋學家席薇亞厄爾博士：「有了Google Earth 5.0，你就可以化身為海豚，在水面濺出一片水花。」 新版Google Earth功能強大，利用水底聲納和衛星科技，把占有地表面積3/4的海洋，描繪出3D影像，原本深不可測的海底奧秘，現在世人可以一手掌握。前美國副總統高爾：「我最大的希望就是，全球世人能夠利用Google Earth，自己去看看地球因為氣候危機，變成什麼樣子。」 抗暖化不遺餘力的前美國副總統高爾，也替GoogleEarth背書，透過全新的歷史影像功能，可以回到過去，看看某一地區經年累月的變化，空地變成樓房，冰川融解有多嚴重，也看得一清二楚。高爾：「幾年前我去過這處冰川，那時地面上全是冰雪覆蓋。」 Google Earth搭上暖化熱潮，要世人眼見為信，深刻體認愛護地球有多重要；如果在地球上山下海，還嫌不夠，想上火星也難不倒GOOGL EARTH，你可以跟著NASA太空探測船，拉近鏡頭，經由高解析度的3D影像，一同發掘神秘的火星地貌。


經過了長久的等待，Google Earth 終於發表了 5.0 版，在這個版本的 Google Earth 中，主要加強與新增了幾個功能：

1. 強化了 3D Ocean 的圖層
2. 增加了 Google Mars 功能
3. 增加了 Historical Imagery 功能
4. 增加了 Record Tour Mode

What's New in Google Earth 5.0

文章提供BAYSTARS DESIGN網頁設計公司

Ztail如何賣原價商品卻還打贏削價大混戰？答：「據實以告」

什麼？這怎麼可能？
首先，堅持不打折，以原價商品來賣東西，怎麼可能還能和那些拚命畫掉原價、畫掉八折、再畫掉七折，最後標上六五折的競爭者競爭呢？
然後，若打贏了，竟然是靠「據實以告」？
真的嗎？
上周，專做電子商務周邊點子的網站Ztail推出了一個很有趣的點子，或許Ztail是看到現代汽車在美國提出的「一年內若失業可免費原車送回」所觸動，Ztail對消費者提出了一個不可思議的保證，若在我們家購物、買下某樣東西，你，一年內保證可以用「某個價錢」賣掉這個商品！
譬如文章中提到，8GB版的Apple iPod Nano在Ztail上面賣139.99美元，這個價錢沒有特別便宜，不過，Ztail保證你在一年內都還是可以用72.79美元賣掉這台iPod Nano，扯吧？也就是說你大可以假設我只擁有這個iPod Nano一年，一年後只要你花點時間再回到Ztail設定這些eBay的東西，你可以取回72.79美元，等於這台iPod Nano只有67.20美元而已。然後你終於心動了，買下這樣商品，這時候那家商店（或它所合作的AP夥伴計畫）會自動通知Ztail，這時候Ztail會自動送信給你，告訴你說「Ztail已經成功」，並歡迎你在一年內再次與他聯絡賣掉這台iPod Nano。
可是，Ztail真的能保證一年後是72.79美元嗎？若沒有怎麼辦？
Ztail說，如果你賣掉的價錢低於Ztail保證的價錢，那麼Ztail就會負責補上差額，你絕對不吃虧的！若賣的價還高於Ztail所預估的價，那你還也不必客氣，大可將那些多賺的全部放到自己口袋。
有這麼爽的事？
表面上看起來，Ztail這招，還真是電子商務歷史上的震撼彈！原本的139.99正是原價（甚至還比原價少一點點的折扣價），而72.79也是一年內真正的價值，Ztail在「表面上」，都沒有賺到你的錢。
但，事實上？沒錯，Ztail還真的都沒有賺到你的錢，這整件事，妙就妙在，Ztail其實也就只是那些「靠夥伴計畫」在賺錢的另一種類型的購物網站而已，Ztail和那些把好多商店攬在自己部落格邊欄促銷這些商品的網站是類似的，讓我們再仔細看一遍Ztail的商業模式──關鍵是在，Ztail是怎麼保證「一年後價格」的？很簡單，首先，你一年後若要賣掉，必須通過Ztail自製的一個幫你自動上架到美國最大C2C商城eBay的平台，可不能到其他地方亂賣喔！然後，Ztail慎選商品，它不是什麼都賣，目前Ztail合作的主要是三種廠商類別：3C、嬰幼兒用品、體育用品線上商店，合作廠商包括3Balls Golf、Cambridge Soundworks、Comp USA、Giggle、J&R Music World、Mister Watch Online、Tactics等的「線上商店」，這些商店賣的東西Ztail也慎選，並非全部都賣，Ztail基本上一定就只賣那些在eBay裡已經「有一些歷史交易記錄」的產品，在eBay上面，會記錄這些產品賣了多少錢，以多少錢正在被賣、這些產品是何時出廠的款式等等。由於這些東西在eBay上面都有賣過了，都有track records了，Ztail可以從以前的「歷史」，大概預估到這個商品在eBay上面「一年後」的價錢！
Ztail的創業家，原本就是做網路行銷出身的。他幫過的幾家公司後來都成功的上市了： women.com、Epinions、Google。自從2006年創辦Ztail以來，他就一直嘗試的做不一樣的東西，去年他推出的東西是「幫世上所有商品給一個標準價錢」，也就是說你到它上面去，它就會告訴你某台相機是哪個牌子、幾年出廠的，價錢「應該」是多少。不過，Ztail靠這些東西並沒有讓它很成功，據報導Ztail一個月大約也只有十萬個PV。但，若將Ztail去年說的「幫世上所有商品給一個標準價錢」這個產品，和現在它要推出的這個「保證明年價格」的產品比一比，就非常有趣了──
說穿了，現在Ztail這個產品，不就只是去年那個產品的「變裝版」嗎？
Ztail早就知道怎麼計算「價格」了，現在，它只是把它已經很熟的各個產品的參考價格，包裝成「明年的價格預測」。Ztail原本就對eBay上面的運作本來就很了解了，現在，它只要再將這些商品搭上其他賣場，就形成了這個「保證某某價在eBay賣掉」的服務。
你說，它需要估得非常準嗎？
不需要！事實上，Ztail說不定還加了一些「保護墊」。搞不好iPod Nano一年舊的都可以賣到90美元，但Ztail寫出來的卻是73美元以保證Ztail不會賠錢，然後秀出來給你看──
我們才發現，說實話，無論是90美元、73美元、甚至給你56美元，你可能就會驚喊，哇，原來一年內，iPod Nano都可以值至少這麼多啊！
Ztail在偷笑：「其實，一年內本來就都是72.79啊，只是，你們都沒有去eBay上面賣東西過而已！」
就算常常在eBay上面賣iPod Nano的，看到其他的東西像嬰兒車也可以一年後這樣賣這麼「貴」，也會心動的！
如果，這時候Ztail再「提醒」你，要賣這麼貴的前提是，一定要好好保護這個商品喔！要讓它一年後「就像新的一樣」喔！你一定也會好好保護，一年後再拿出來賣，若再加上你一年後可能太愛它，不想割愛，Ztail又就賺到了。總而言之，言而總之，在一個安全的範圍內， Ztail怎樣都賺錢！因此，Ztail賺錢的方式只要靠每個商品在購買的當下向廠商抽成（夥伴計畫），基本上就可以涵蓋了，若一家廠商想和Ztail合作也很簡單，只要提供它這些資料，以前的價格、現在的價格，Ztail抽取的夥伴計畫「趴數」大約在5%左右。Ztail所做的，從頭到偉都只是「把事實告訴消費者」而已！
不過，這「據實以告」的旁邊，還有一些「小動作」，譬如Ztail將商品的最後價錢標出來，把它叫做「Ztail Price」，以它為商品的最後價錢，但是請注意，你若心動了，想要馬上買下此商品，你所必須付出的價錢並不是這個「Ztail Price」，這個價錢是「假設」你會在一年後透過Ztail賣掉，扣掉拿回那筆錢後，所真正付出的價錢。當然，Ztail也不可能算利息給你的。不過，就連這點Ztail也是「據實以告」，但不知對何這個Ztail的站面就是充滿了網路上最原生的魅力，它明明沒有比人家便宜，卻堂而皇之的和別人一樣打起「價格戰」，而且在價錢上保證贏了其他所有商店一大截！
這也是網站運算的厲害，有些數字就是使用者一輩子沒去想過的（譬如，iPod明年賣掉值多少錢），一個網站只要大量的去抽出這些數字，好端端的給使用者「據實以告」，使用者就會變臉，變成了瘋狂的購物者。這時候這個網站只要堂堂正正的向夥伴廠商抽一個簡單的％數，就穩穩的拉生意、做生意了。
別人跑來問你是怎麼說服這麼多消費者的？Ztail說：「我就據實以告啊。」原來「據實以告」可以有這麼大的力量，目前的線上商店的促銷法，大多還是以前商店的延續版，有誰能「跳出來」，運用更多其他網路上有的數字？在適當的時機點給消費者一個「據實以告」，誰說網路商店除了「現在價格」外，沒有其他的數字可以用來打開消費者的錢包呢！

文章來自MR6
文章提供 BAYSTARS DESIGN網頁設計公司

網站關鍵字排名技巧

一般人在經營網路行銷比較常用的方式大多數為討論區或留言板貼文章、 大量發廣告郵件、發新聞群組、發簡訊、電子報、部落格、寄一些網路卡片,有些甚至花費幾千至幾萬的成本去購買網站廣告來吸引訪客,提昇自己網站的知名度,不過推廣臺灣在這要介紹的是比較高明的手法,就是搜尋引擎最佳化( Search Engine Optimization )，簡稱 SEO。
什麼是搜尋引擎最佳化:

簡單的說就是讓我們的網站或網頁在搜尋引擎排名優先的技巧。而我們平常比較常使用的搜尋引擎大致有 Yahoo、Google、MSN..,當我們在網路上要搜尋資料時不都會利用搜尋引擎先打一段相關語句嗎,譬如我想要買皮包,但不知去哪買,所以我在網路上的搜尋引擎打上皮包兩個字,不久網頁上就會出現跟皮包這兩個關鍵字有關的所有商店名稱。

不過根據統計，80% 的人都習慣在第一頁到第三頁間點擊瀏覽，大致要在排名100名以內比較優,而且網站排名越在前面，點擊率就一定是越高的, 如果您的網站排名在搜尋引擎是前面第一頁的話，網友對您的服務或產品的信任度也相對的增加。所以你就可以知道在從事網路事業時，網站排名有多麼重要，因為這關係到你的網路事業的曝光率。

你想想,與其不斷的去發人人厭惡的垃圾信,不如利用關鍵字排名的技巧讓自己的網站突顯出來,讓訪客自己點擊進來瞭解,根本不用您去找訪客。

如果排名在搜尋引擎結果的第一頁，甚至是第一名！導致很多網站很想要與您交換連結，甚至要用錢買在頁面放一個連結。能為你的網站或你經營的事業，帶來可觀的點閱、拜訪人數；而人潮，就是代表「商機」。

所以推廣臺灣一直有談到行銷事業想要做得起來有兩個很重要的因素,第一個要考慮的就是公司的產品與制度,再來最重要的就是行銷能力,因為你的產品再怎麼好,卻沒人知道,也是白費功夫。

其實要讓我們製作的網頁或者是部落格的網站排名提高是有一些遊戲規則可尋的。以下我就列出幾項基本的規則供參考:

1、要進行網站登錄

當你的網頁做出來後,如果沒到各大網站去做登錄的動作,是沒有辦法讓訪客搜尋到的。現在有哪些使用率較高的網站呢!

※根據 ComScore Networks 公佈的資料顯示,以93與94年度來比較︰
- Google 在全球搜尋市場的市佔率為 34.6% → 39.8% 。
- Yahoo 在全球搜尋市場的市佔率為 32.0% → 29.5%。
- MSN 在全球搜尋市場的市佔率為 16.0% → 14.2%。
- Time Warner 在全球搜尋市場的市佔率為 9.1% → 8.7%。
- Ask Jeeves 在全球搜尋市場的市佔率為 5.5% → 6.5%。

2、避免圖片、Flash充斥的網站

如果您的網站以 Flash 或大量圖片為主，至少要有一個「文字版」或者「網站地圖」；目前的搜尋引擎尚未有圖片或 Flash 辨識功能，文字還是主要的辨識；另外，文字版提供頻寬品質較差者，也能夠瀏覽您的網站。

3、提供良好的連線頻寬、品質，以及買一個固定的網址

固定的網址與有品質的連線，有助於客戶使用者找到您，也有助於搜尋引擎找到您。因為主機速度問題及主機環境設定，搜尋引擎很少收錄位於免費空間上的網站。如果免費空間的速度慢，會影響搜尋資訊的效率。如果免費空間為了節省頻寬，主機上都會限制搜尋引擎的『蜘蛛』程式，因此，免費空間的網址都已經被搜尋引擎列入不搜尋的資料庫裡。

4、關鍵字族群的選擇

鎖定固定的關鍵字族群,不要發散，不要使用太普遍的關鍵字,或弄了一大堆關鍵字,這樣反而會讓您網站失焦，讓 Search Engine 弄不清楚您的網站「主要」關鍵字是什麼,同樣使用者也會混亂,要依自己網站的內容與需求點來選擇關鍵字,才能吸引對自己網站有興趣的訪客。

5、與其他網站交換連結

一般來說，當搜尋引擎收錄你的網頁數量越多(site)，表示你的網站規模越大。當連結至你的網址數量越多(link)，表示你的網站受歡迎程度高，同時網站內容值得分享給其他人知道。譬如到大的論壇、發表區，發表您的意見時，附上您的網址..更多的連結，會導致使用者和搜尋引擎，更有機會找到您。

如果有其他網站連結至你的網站，這些連接稱為外部連結，連結中所使用的文字在外國稱為 anchor text 。外部連結就有點類似投票行為，當其他網站會連結給你，就表示認同你的網站內容充實，所以你獲得越多的外部連結，就表示你獲得越多的投票數，當你的網站獲得越多的投票數，你的網站排名就自然提升了。如果是一個世界知名的大流量網站與一個新成立的小網站，當然是大流量的網站才可以協助你獲得較高的分，因此搜尋引擎再演算網站排名或關鍵字排名，都會計算有多少網站連結給你、哪一個網站連結給你、使用了哪些文字做連結、或是其他相關因素。

所以在跟其他網站做交換連結時，務必要慎選對方的網站品質，不要隨意跟其他網站亂做交換連結，因為其他與你連結的網站認定有違規，那麼你的網站可也能被其他網站牽連。因此您很可能也會被搜尋引擎列入黑名單。

6、過度使用大量的「關鍵字 SPAM 」與「隱藏 Cloak 」

避免在同一頁大量使用重複無意義的關鍵字語。還有不要故意使用「隱藏 Cloak 」（例如:白底白字,黑底黑字），這些作弊行為有可能被 Google 等搜尋引擎自動發現，降低您的 Rank 或排名，甚至讓您「消失」。

7、 提供良好的網站內容與服務

網站要持續維持排名與訪客流量最重要還是要定期去增加與修改網站內容。 當網站內容已經儲存在搜尋引擎的資料庫，除了更新該網頁內容外，還要增加新的網頁內容，當你的網頁數量越多、更新頻率越高、訪客點越率越大，代表你的網站經常在維護管理，如此可以吸引搜尋引擎的『蜘蛛』程式登門拜訪，並更新搜尋引擎資料庫的搜尋結果，進而提昇網站排名。

看了以上一些增加網站排名的方法後,想必對關鍵字的運用應該有基礎的概念了。不過關鍵字排名的技巧不只這些,它是一門很深的學問,網路上甚至有人在賣這種教材,不過即使知道這些技巧,但是會做的人還是少數，因為教材是寫死的，沒有人教的話要真正懂還真是不容易。網路上也有很多專門在幫人寫網頁或是幫忙作搜尋引擎最佳化的專業工作室,或者在yahoo或google..等大型的網站也有花錢競標「刊登贊助網站」,以上的方法可能會讓您每月花上一筆龐大的費用,事實上關鍵字排名的優化並非想像那麼難,重點在於一些原理,如果你會,這些錢不但可省下,還可為自己帶來龐大的財富。


　　　　　關鍵字排名的重要性

有很多改進關鍵字排名的搜尋引擎最佳化 SEO 技巧，其中最重要的就是搜尋引擎關鍵字。選擇適當的搜尋引擎關鍵字真的是太重要了。思考一下：搜尋引擎關鍵字是什麼？
使用正確的關鍵字可讓搜尋引擎導引潛在客戶到您的網站。

關鍵字排名的選擇

選擇正確的關鍵字可增加網站流量及提升關鍵字排名。先對網站分析並仔細評估，然後列出所有與您公司的服務項目及相關產品的主要關鍵字。

假設您銷售寵物食品。您應該去搜尋什麼關鍵字，是與同一個產品有相關連的？或是嘗試詢問您的同事和朋友，讓他們告訴您對這個問題的答覆。或許這是最重要的階段，因為它會決定您的網站，在關鍵字排名位置的成功與否。

關鍵字的位置

哪裡是放置搜尋引擎關鍵字最佳的地方 以下是需注意的位置：

* URL
* ALT tag
* HTMLTitle tag
* Text of the page
* Meta keywords tag
* Meta Description tag