文章專區

最新網頁設計文章

ARTICLE

1

病毒行銷

  2001年秋天,網路公司的股票價格在美國股票市場大幅下滑,很多人把這種現象稱之為網路達康泡沫化。許多投資者因而認定,網際網路不過是誇大不實的科技而已。但是儘管股票市場暴跌,背後隱含的新科技革命,卻已經悄悄誕生。   隨著web 2.0的興起,網站不再只是一個PUSH資訊的媒介,而是一個平台,一個讓全球人類交流資訊的平台,透過web 2.0 讓資訊散撥出去。因此,傳統的行銷方式已不適用,目前採用的是「病毒行銷」(Viral marketing),亦即採用直接從一個用戶到另一個用戶的方式來傳播訊息。   所以一個體質好的網站便越來越重要,在網頁設計時立場便需明確,了解自已網站所要表達的東西,使這些資訊能夠更快速的散撥出去,讓自已的網站蘊含網路的威力,取得先機。 Posted by 程式設計師 / Kelly
「Client 端程式碼」對各種瀏灠器的相容性   通常,動態網頁除了 Server 端的程式碼撰寫「Client 端程式碼」也必須下不少工夫。例如:表單提交前的資料驗證、圖片的輪播、選單的收合等等。 因此,對於 Client 端 是否能正常執行指令碼也必須適當的考量,然而目前瀏灠器的種類繁多,對JavaScript程式碼的解讀也不同;所以如何撰寫出能在大部份瀏灠器上正常執行的指令碼是非常重要的,否則網頁的跨平台性將會大打折扣。 以目前較多人使用的 IE 及 FireFox 來說,有些指令碼其實並不通用,所以在程式的撰寫上必須要多加注意,因此有時候得視情況撰寫替代的程式碼以增加相容性。   舉例來說:   指令:document.getElementsByName("myID") 作用:找出所有 ID="myID" 的元素遵回傳 Array 雖然此一指令能夠在 IE 上正常執行,但是到了 FireFox 上卻是一點用也沒有。 因此,可以考慮將這些元素的 ID 額外加上編號 x ( x 代表任意數字),然後在網頁載入後,再使用 document.getElementById("myID_x") 將各個元素一一存進一個 Array。     屬性:e.innerText 作用:存取元素的文字內容 在 IE 上,可以使用 e.innerText = "測試內文"; 來指定元素 e 的內容;但是在 FireFox 上,innerText 這個屬性卻沒辦法正常使用。 所幸還有一個屬性 innerHTML 可以在兩者正常執行,因此應該儘量使用 innerHTML 來替代 innerText。     參數: 說明:tbCell 為 table 的 cell 元素、tbRow 為 table 的 row 元素 下列指令碼是在 row 元素中,插入一個 cell 元素,index 為插入位置 tbCell = tbRow.insertCell(); //IE 執行正常、FireFox 則否 tbCell = tbRow.insertCell(index); //IE、FireFox 皆正常   對於常使用 Client 端 指令碼來產生動態產生元素的程設師而言,選擇較高相容性的指令碼來撰寫雖然比較費時;但是至少能夠確保大部份的使用者都能正常顯示、操作,也能減少許多因為相容性而衍生出來的問題。     Posted by 程式設計師 / wyvern
  何謂「Page Rank」(網頁等級)呢?簡單的來說就是有效地利用了 Web 所擁有的龐大連結構造的特性。從網頁A導向網頁B的超連結被看作是對頁面A對頁面B的支持投票,Google根據這個投票數來判斷頁面的重要性。當然Google不只是利用如此簡單的計算方式,還會對此網頁做分析,且計算的方式也複雜許多。而根據此分析得到了高評價的重要頁面會被給予較高的「Page Rank」(網頁等級),在檢索結果內的名次也會提高。   目前「Page Rank」分為十級,等級越高名次就會越前面,而目前等級7以上的網頁,皆是眾所周知的網站,例如:自由時報、HiNet、Yahoo...等。 那如何能夠提升PR值?首先,當然要努力的生產好的內容(Google抓取您網站的頁面數量越多,網站更新率越高,也有助於提升PR),然後努力的行銷、推廣網站,讓您的網站更廣為人知,讓別的網站自動放您的連結,連結進來的數量越多越好,有些人則因此會勤奮的去各大網站、blog留言(留言時也附帶自己的網址),或是努力的在書籤網站自推,接著,連結自己網站的page頁面,pr值也要越高越好,這樣自然而然,就會提升PR值了。   Posted by 程式設計師 / Kelly
XML開發者是一群來自於SGML的設計者和應用者,他們已經在SGML上投入了大量的精力,但卻發現SGML並沒有完全發揮它的作用,而他們有其充分的理由相信,在這些方面XML帶來的影響可以算得上是一場革命。   對EDI的支持 EDI「電子資料交換」,是網路發展的主要目標之一,而資料結構化的主要目的無非就是要使資料交換更簡單、更方便,不同的領域都應制定該領域的統一模型,就像是不同的國家有著不同的語言,若不同領域的資料都採用統一的模型,便能夠方便、有效的共享資料,這樣的模型就是DTD「文件類型定義」,雖然DTD正逐漸的被XML Schema所取代,但是很明顯的,網路將會是一個理想的電子資料集散地,而在這裏HTML無法完全表示不同領域中所需的模型和它的語義,所以XML就誕生了。   對Java技術的幫助 Java技術是本世紀最重要的技術發展之一,Java使瀏覽器工作時就像在通用的應用平台上,而平台與平台之間卻是獨立的,但HTML固定的標籤和語義上的貧瘠卻使得Java的應用受到了極大的限制,這主要是因為資料中的訊息無法統一的緣故,而XML卻能夠完全勝任這份工作,XML和Java技術的整合,可以有效減少網路應用程式的通訊量,提昇傳輸速度,也同時提高了應用程式本身的效能,我們可以說XML真正使得Java有了用武之地。   電子商務的靈魂 隨著網際網路的普及,電子商務(e-commerce)的熱潮也愈演愈烈,可是在熱潮的背後卻隱含著一個巨大的危機,那就是龐大的資料交換問題,我們可以想像的是,並不是每家公司都使用相同的資訊系統,微軟可能使用SQL Server、IBM可能使用DB2、Oracle公司可能使用oracle..等等,就算是使用了相同的資料庫好了,每家公司的資料結構也一定大相徑庭,而如此龐大的資料交換實在相當的困難。   過去要解決這個問題的方法是使用EDI「電子數據交換」(Electronic Data Interchange),EDI將資料格式化後經網際網路傳送處理,所以傳統企業所使用的各種單據、票證都可以被網路的資料交換所取代,EDI可以減少資料處理的費用和資料重複登錄的費用,並大大縮短交易的時間,但在實際執行上卻是舉步維艱,其中最主要的問題是EDI雖然實現了資料的一致性,卻嚴重缺乏可延伸性,它要求所有的合作夥伴都必須使用唯一的解決方案,這使得EDI的成本過高,而且如果政府提出一個新的稅率方案或者某個商家想增加一些附屬的內容,整個EDI系統就必須重新修改,這可是牽一髮動全身的浩大工程呀! 但是現在,由於XML優越的可延伸性,讓我們可以自己定義標籤結構來描述資料,不必拘泥於EDI的框架之中,而且XML是一個簡單的文字文件,加上XSL文件的應用,雙方都不必撰寫繁瑣的資料轉換程式,只要知道對方的資料結構,就可以在傳送XML文件時同時傳送一套與對方資料結構相對照的XSL文件,這樣對方打開瀏覽器的時候就能看到以自己的格式所呈現的XML資料了。   Posted by 程式設計師 / 小瑜

ARTICLE

5

何謂XML?

目前資訊的發達,網路興起,造成各大公司紛紛推出各式網頁軟體,例如:Firefox、IE、Navigator…等,因為便造成因版本問題而導致網頁開啟有問題或排版出現問題的情況。為了修正這種情形,因此便出現了XML語言。 那何謂XML語言呢?   XML是一種[ 中介標籤語言 ](meta-markup language),可提供描述結構化資料的格式,這將有助於文件內容的宣告,並符合跨平台的搜尋作業,此外,XML也將是新一代網路資料呈現與運作的關鍵技術,在進一步介紹XML之前,我們還是先來看看,什麼是「標籤語言」吧!   所謂 [ 標籤語言 ],是由一些特殊字碼(code)或控制標籤(tag)所組成,它們單獨存在時並無任何的意義,而需要特殊的軟體經由一定的規則解讀後,再將文件輸出到螢幕或印表機...等輸出設備上,所以標籤語言可以使文件更具結構化,這樣的結構化使得應用程式能夠便於管理、解讀與運用文件中的資料,而標籤語言又可分為 [ 特定標籤語言 ] 與 [ 一般化標籤語言 ]。 特定標籤語言: 特定標籤語言是針對某種特定軟體或特定用途所制定的,像我們所熟悉的HTML標籤語言,就是為了應用在Web上而制定的標籤語言,其它像微軟的文書處理軟體Word也是藉由標籤語言來顯示文字的字型、大小、粗細或是換行、換頁等文件格式。 通用標籤語言: 通用標籤語言通常只是用來描述文件的內容與結構,而不會去定義如何顯示或運用這些文件的內容,所以並不是為了特定的軟體而制定的,它可以讓許多不同的軟體解讀文件,至於解讀後的資料要如何運用,就視各種應用程式的需求而定了。也因為通用標籤語言是一種不受限於特定應用或是設備的文件描述方法,所以具有較佳的可攜帶性,像是已經通過ISO國際標準認可的SGML「標準通用標籤語言」,與其前身GML(Generalized Markup Language),都是我們所說的通用標籤語言。 HTML標籤語言 如果您曾經製作過網頁,一定對HTML標籤語言非常熟悉,HTML文件必須遵循一定的規則,而這個規則明確的規範文件應該如何被顯示或運用,讓執行處理工作的應用程式知道在HTML文件中去讀取哪些標籤內容、識別標籤的結構並將結果呈現在瀏覽器中;除了顯示文件格式,HTML也可以在文件中放置外部檔案,像是音效檔、圖形檔或其它的崁入式的程式;此外,從一個HTML文件連結到另一個HTML文件或檔案的「超連結」的動作,也是藉由標籤來定義的。 在HTML文件中有許多不同的標籤,這些標籤都有它特定的位置與目的,像是標籤定義了文字的字型與大小,標籤則將文字的格式定義為粗體字。 但是HTML並不完美,它只是一種表達的技術,並不一定能夠描述HTML標籤中所包含資料的意義,舉一個最簡單的例子好了, Apple 這段程式碼在瀏覽器中有其特定的呈現方式,但是HTML並沒有告訴我們它倒底是什麼,雖然Apple只是一個英文單字,但它在不同的領域中可能就會有不同的含義,到底是一家電腦公司、一種水果,還是一個姓氏呢?HTML文件無法告訴我們資料本身所代表的含義。 其實大部分的瀏覽器為了提供一些特殊的功能,所以並不會完全依照DTD中的定義來檢視HTML文件,而有其專屬的標籤解析規則,甚至完全不去讀取DTD,也因此造成目前的HTML文件在各家瀏覽器上的相容性不佳,但這樣的情形在我們改用XML後,將能有效的避免。   NOTE:DTD「文件類型定義」(Document Type Definition),提供了所有元素、屬性與實體間的相互關係,能夠詳細地描述文件的結構規則。 SGML標準通用標籤語言 談到XML就一定要從SGML(Standard Generalized Markup Language)講起,SGML允許你指定文件的結構,並使用DTD「文件類型定義」來指定文件的結構,SGML可以將文件轉換成多種的輸出格式,包括了純文字、HTML、LaTeX、PostScript...等格式,最重要的是它為所有的文件提供了一致的外觀,以便於管理與維護。 SGML文件本身包含了三個部份:SGML宣告( SGML Declaration)、DTD文件類型定義和文件標示(Document Instance),其中SGML宣告是用來告訴SGML處理器(SGML Parser)在解讀該份文件時,所要使用的字元集和文件特性,DTD則是用來宣告該份文件的結構與文法參數,而文件標示就是加上標示處理後的文件。 SGML在現今的社會中已經廣泛被應用,其中最大的理由就是SGML的跨平台特性,以SGML格式所儲存的文件,任何人都可以輕易的解讀,而且不會因為軟體的不同而出現亂碼。(最常見的情形就是,若將OFFICE 2000的文件拿到OFFICE 97中開啟.....你將會看到一推的亂碼!) SGML與HTML最大的不同在於SGML中並沒有定義資料顯示格式的資訊,例如文字的字型、大小與格式,但標籤可以定義出文件的架構,而某些資料內容,像是書名、作者...等,其實已經是文件結構的一部份了,然後再藉由DTD描述標籤的類型與文件的格式,最後以適當的方式呈現這些資料。   XML可延伸標籤語言 XML是從SGML推演出來的,SGML其實是一套非常複雜的系統,因為它具有許多的機制,以便提供各種的語法,來解讀、編輯及保存內容龐大複雜且互相連結的技術文件,而XML則擷取了SGML中文件結構的核心部份,是SGML的一個子集合,其目的是為了擴充在網際網路上的應用,並靡補HTML的不足,讓SGML也能輕易地在網路上應用,所以XML肩負著使全球資訊網能夠傳輸或處理更豐富資訊的責任,雖然在一般情況之中,HTML或是JAVA的功能就已經相當足夠了,但隨著資訊的爆炸、資料量的激增與資料結構的複雜化,只用HTML就顯得捉襟見肘了,而JAVA又顯得太大才小用,也不易學習,現在有了XML與HTML的相輔相成,這些問題就都解決了,所以XML並不是用來取代HTML與SGML,或是廢除原有的標準,XML是用來制定新的標準、用來定義一種新的標籤語言,其自訂的範圍包括標籤及屬性的名稱,XML文件可以選擇性的包含文法描述的資料,以便應用程式可以檢查其完整性,而使用者可以藉由XML定義專屬的文件型態,程式設計師也能撰寫出便於管理文件的應用程式。 雖然XML是為了能有效的在Web環境下運作而設計的,但XML也能在Web以外的環境中運作,包括了商業應用、出版業及企業資料交換應用,為了能在不同的環境中應用,因此XML被設計成使用簡單、具有彈性與開放的語言,以便讓不同的使用者製作各種XML文件。   Posted by 程式設計師 / 小瑜

ARTICLE

6

什麼是 jQuery

jQuery 是一個快速又簡潔的 JavaScript 程式庫,簡化了在 HTML 文件裡面尋找 DOM 物件、處理事件、製作動畫、和處理 Ajax 互動的過程。   jQuery 對瀏覽器的支援 雖然各個瀏覽器因各自的特性對網頁所產生出來的效果不盡相同,但是 jQuery 大部分均能將其結果依照各個瀏覽器的性質來呈現,也就是說 jQuery 是跨瀏覽器的。   如何使用 jQuery 首先需將下列的 HTML 標籤放置在網頁的 之前: (本例的 jquery.js 是置於 js 資料夾中) 當 jQuery 載入之後,便可以使用 jQuery 來撰寫程式碼了。   jQuery 與 傳統 JavaScript 的差異 取得一個 id="test_id" DOM 物件: //傳統的 JavaScript 寫法 var obj1 = document.getElementById("test_id"); //jQuery 的寫法 var obj2 = $("#test_id");   原本的 document.getElementById("id") 現在只需 $("#id") 便能取代(在選取 id 時,需在 id 前加上 #)。 此外 jQuery 的選取器也能選取標籤(如:, , )、或是選取 class="myclass" 的 elements,當然 jQuery 的選取器還有許多種不同的用法,這對撰寫跨瀏覽器的網頁來說,相當便利。     Posted by 程式設計師 / wyven
SEO主要為透過網頁設計結構、內容、排版等的優化,讓YAHOO或GOOGLE等搜尋引擎更容易去讀取網站的內容, [  進而讓網站因評分較高而排名在前,讓一般大眾網友更容易發現此網站  ]  。   而由於使用DIV及CSS作網站的排版,能使得頁面程式碼變得精簡且有意義,所以能夠直接提高搜尋引擎爬行的效率,又由於爬行的效率提高了,所以對於其網站重要的內容比較不會被忽略,進而網站評分能提高;而如果使用的是TABLE排版,因為設計頁面的關係,TABLE需要愈包愈多層才有辦法去呈現其效果,所以搜尋引擎在爬行時會認為這些都是相似的頁面,極有可能忽略了網站重要的訊息,影響了網站收錄的內容和網站的評分。   由於網站建置就是希望能夠有流量,不然再高明的設計或充實的內容也是沒有人能看到,所以我們就更應該將網站的結構製作好,讓搜尋引擎能夠更有效率、更完整的爬行,收錄頁面更多的內容。   Posted by 網頁設計師 / 小P
近年來網頁設計使用css建構已成為製作網頁的主流趨勢,究其原因,除了css方便管理,表現方式更為彈性多樣之外,最關鍵在於[ css可以將"網頁外觀元素"與"網頁資訊內容"做到完全的分開管理 ],令頁面原始碼顯得更為簡潔易懂(同樣的文字編排,使用css製作可以比表格編排省下至少一半的原始碼文字量),針對搜尋引擎的友善性上也可以有更多的策略調整。   [ 使用css製作網頁的過程中,可以事先考慮到通盤的搜尋考量 ],再針對各種html標籤元素的搜尋優先順序作安排,例如重要的h2標題,就可以使用css巧妙的安排在頁首前頭,令搜尋引擎優先搜尋到,同樣粗體字效果標籤的strong與b,當然可以優先採用搜尋性較好的strong作為主引,諸如此類的種種考量,乃是使用css建構網頁的過程中最精華的觀念。   過去網頁設計慣用的表格排版在搜尋引擎日漸嚴謹的規則之下已經越來越不符實際使用需求,在容易被搜尋引擎放棄、忽略、甚至是認定為作弊網頁的情況之下,使用css建構網站才能符合網頁設計的本意,設計彈性大、易管理、最重要的是對搜尋引擎的高友善性,才能發揮網站應有的價值。 Posted by 網頁設計師 / One
第一步:到搜尋引擎去登記網址 這是消費者擁有主動權的年代,也是On Demand 的年代。所以行銷模式從「主動發出廣告訊息」變成「當消費者需要某種服務,我第一個出現並提供」。消費者運用搜尋引擎找資料,正是這種精神的體現。 然而很多網站從頭到尾就沒被搜尋引擎Bot 找到過,網頁內容當然不會被收到搜尋引擎資料庫中。網友找不到,就更別談要出現在搜尋結果第一頁。以下是較知名搜尋引擎的網址登記處,請記得去登記! Yahoo!:http://submit.search.yahoo.com/free/request Google:http://www.google.com/intl/en/addurl.html Baidu :http://www.baidu.com/search/url_submit.html 拉抬網頁分數的方法:增加站內互連 如前文所述,搜尋引擎幫每個網頁打分數的高低,會決定搜尋結果的排列順序,而你的網頁被別人的網頁連結的次數越多,這個分數越高。因此你能做的第一件事情:增加自己網站內頁相互連結的機會。與其期待別的網站來連結你,不如自己先連自己。以筆者自己的網站「數位之牆」為例,本來單篇文章之間彼此沒有連結,於是筆者創造了三個方式讓網站上將近三百篇的文章互連。 第一個稱為「歷史上的今天」。由於數位之牆已經累積六年以上的文章,因此在每篇文章結尾,列出過去六年內同一個日期發表的文章標題,並連結到這些文章的網頁去。 第二種方式,在每篇文章的結尾增加了「上一篇」與「下一篇」的連結,讓讀者看完本篇文章後能直接跳到下週的文章,或者上週的文章做更進一步的閱讀。 第三種方式,增加內文關鍵字連結。比如說,在談論「無線上網」的文章,內文提到了「手機」這個字眼。於是幫這個字加上連結,連到其他有談論到「手機」的相關文章去。 這些方式讓讀者覺得方便而不覺得突兀。一方面增加舊文章被閱讀的機率,並且以服務的角度出發方便讀者閱讀。另一方面,同時間達到增加網頁互相連結,進而增加這些網頁在搜尋引擎的分數。 以關鍵字來進行網站分類 網站經營者必須以使用者角度想事情。「當使用者腦海裡想到什麼字眼時,會到我的網站來?」以這些關鍵字將網站上的頁面分類,並且把所有跟這些關鍵字有關的文章集合到這個分類頁面下。請讀者到「數位之牆」網站上(http://www.digitalwall.com)的「 電子商務」這個分類頁面看一下,你很容易注意到,所有跟電子商務相關的文章,大約40篇左右通通放到這個分類頁面底下。 而這個分類頁面又往下連結到這40篇文章,由於這個「電子商務」的分類頁面本身分數高,所以被連結到的這40篇文章也同時被打了高分。就這樣,整體網站的所有網頁分數越拉越高。在台灣Yahoo!搜尋「電子商務」,數位之牆出現在搜尋結果第一頁的,就是這個電子商務分類網頁,而非數位之牆首頁。你希望網友查詢哪些關鍵字的時候連結到你的網頁來?用這些字來做網站分類。 此外,網頁設計師記得將關鍵字設定在HTML的Title Tag 中,這會影響到該頁面的搜尋引擎分數及呈現。例如數位之牆的電子商務分類頁,Title 就是「《個人.家庭.數位化 -數位之牆》電子商務」。早期還有網頁設計師將相關的關鍵字寫入網頁HTML中的Meta Tag中,這當然是標準作法。不過近年來由於使用假的Meta Tag來欺騙搜尋引擎的案例太多,很多搜尋引擎已經不將Meta Tag納入評分標準。 運用授權文章增加外站連結 數位之牆的文章除了每周在本站發表外,還授權給其他大型新聞網站與電子報網站發布,文章網頁也存留在這些高知名度的網站上。這些網頁都有連回數位之牆的連結,等於又幫數位之牆打了高分。 「在網路上努力創造內容的人有福了」。這些文章內容透過各式的聯盟合作廣為散佈並連結回來,將使自己的網站在搜尋引擎上得到較好的排名。當這些授權文章累積到上百篇時,你能想像它的力量嗎? 經過半年操作,數位之牆網站多年來頭一次因流量過大而當機,並接獲 ISP來信提醒網站耗用頻寬過大。其實只要了解搜尋引擎運作原理,你可以考量自己網站特性而有不同創意,而這完全不花你一毛錢!請注意!筆者並非鼓勵大家「玩弄」搜尋引擎。「歷史上的今天」,「上一篇」與「下一篇」,「關鍵字連結」,「依關鍵字分類網頁」,「創造內容並開創合作」,這些完全都是替讀者考量的貼心設計。 若不是因為筆者約略理解搜尋引擎的運作方式,可能還會完全想不透為什麼網站的每月新增訪客數量成長五倍?「把自己份內的事情做好,你就能得到新客戶」這句話在網路上一點都不假。筆者希望大家在了解搜尋引擎的運作原理後,能夠想出更多的創意來服務網站使用者,同時提升自己的網站在搜尋引擎的曝光度。只要把客戶擺在第一位,真的不愁沒生意,而這不花你什麼錢。
網站經營概念重整:首頁無所不在   前面文章談了如何運用搜尋引擎增加網站訪客,已儘可能以簡單的方式表達。若覺得艱深或者操作上有困難,也有不少業者在經營這種生意:「協助你調整網站在搜尋引擎上的排名」。當然,你得花點錢。接下去我們要談網站介面設計。網路發展多年,網站動線設計大概有一定規範(雖然可能因為地區文化不同而異)。但是大體上目前的網頁設計都是假設訪問者是從首頁進來的。   這是錯誤的概念,事實上在類似Google的全文檢索式搜尋引擎當道的今天,有很大一部分的網路使用者是直接從搜尋引擎連進網站內頁,然後根本沒想過要連結到首頁,就離開你的網站了。有的網站把「訂閱電子報」的功能,或者把「加入會員」的功能只放在首頁上,然而那些透過搜尋引擎直接連結到網站內頁文章的訪客,從來就沒機會知道首頁上有這樣的功能可用。   重要的事情必須讓訪客在內頁完成,而不要期待他們連到首頁。以數位之牆本站為例,任何內頁都可看見「訂閱電子報」,因為那就是筆者最期待訪客做的事情。換言之,要假想所有的內頁都可能是首頁。 以靜態網頁攻佔搜尋引擎 筆者先定義一下什麼叫動態網頁。舉個常見的例子,某天你在購物網站上看到一台數位相機,當場無法決定要不要買。於是把這個網頁的網址暫且先記下來,想說過兩天再回來看看。網址可能是: http://www.buysomething.com/product.php?item=ID1234567   兩天後你回來了,輸入上述的網址,結果卻再也找不到這個產品,瀏覽器直接把你丟回到購物網站的首頁去。寫信去問服務人員,網頁怎麼不見了?服務人員回答:因為賣完了,所以產品頁面被撤下來了。這就是動態網頁。這種網頁是有時效性的,某個時機點過了以後網址就沒用了,網頁就不存在了。當然,這種網頁不會被收羅到搜尋引擎內。因為可能在Bot 偵查到這個頁面之前,頁面就消失了。   以搜尋引擎行銷的觀點來看,這種網頁被生產出來又消失掉,多麼的浪費!如果他不會消失,就可能被   搜尋引擎收羅,那不就表示網友使用搜尋引擎的時候,又多了一次曝光機會?此時你該採用靜態頁面。簡單的算數:「數位相機」這個關鍵字在Google可以搜尋出大約 123 萬個繁體中文網頁。你所經營的電子商務網站,數位相機的產品頁面,在這些搜尋結果中佔了百分之幾?你不覺得應該拉高這個比例嗎?   整合站內搜尋引擎與站外搜尋 大部分的網路使用者是在Yahoo!或者Google之類的大型搜尋引擎尋找某些關鍵字,然後才找到你的網站。你會不會很好奇他們找了些什麼字?在技術上要查知這些字眼並不困難,然而光是知道還不夠。想像一下,某人在Google找「手機」這個關鍵字而來到你的網站某頁,你會不會想告訴他:「跟手機相關的文章或者產品,在本站還有30 個網頁」。這是承先啟後的動作,把來自Google的流量做更大的發揮。   大部分網站都有站內搜尋功能,然而這種功能必須跟外部大型搜尋引擎結合才能發揮威力。從上面的例子來看,察知外部送來的關鍵字,就可以用這個關鍵字啟動站內搜尋,進而帶出這30篇文章的連結。 購買關鍵字廣告以彌補不足 綜合以上,核心精神都在於「觀察網路使用者採用什麼關鍵字來搜尋」,網站經營者據以重新設計網站並建立與搜尋引擎間的關連。但是,萬一有個關鍵字是網友常用的,但是你的網站無法提供怎麼辦?此時關鍵字廣告就派上用場了。此種廣告方法可以讓你跟搜尋引擎購買特定的關鍵字,當網友搜尋這個關鍵字的時候,你的網站廣告就順勢被帶出,顯示在搜尋結果的最前面。   根據筆者的運作經驗,此種廣告的點選率大約在5%以上,意即你的廣告被顯示一百次,大約有五次會被點擊,並且連到你的網站。這個比例高不高?很高!其他傳統的網路廣告連這種水準都達不到!然而購買關鍵字廣告是有訣竅的。例如,輸入「電子商務」四個字進行搜尋,筆者的網站已經出現在相當前面的順序,因此不需要購買這個關鍵字。結果筆者購買了「何謂電子商務」這個關鍵字。   如果你想了解哪些關鍵字是搜尋引擎上較最熱門的,做為購買參靠,可在下列網頁使用「關鍵字建議工具」。輸入你想查詢的關鍵字,將自動顯示相關的辭彙在一個月內在搜尋引擎被查了多少次: http://www.content.overture.com/d/TWm/ays/index.jhtml 最後的叮嚀:有關多媒體網頁   目前的搜尋引擎最主要是以蒐羅網頁上的文字資料為主,因此我們才要如此著墨在關鍵「字」上面。但是,很多網頁是以大量的圖片構成,這些網頁被搜尋到的機會因此大大降低。此外,目前許多網站都以Flash 製作,但這些充滿聲光效果的網頁,上面的文字卻無法被搜尋引擎紀錄(搜尋引擎只能紀錄一般網頁文字),這種網站的曝光率能有多少?   這並不是要大家停用圖片或Flash ,而是網站經營者必須注意,重要的內文頁,分類頁,關鍵字頁,必須以文字呈現並且建立連結。如果非用圖片或Flash 不可,記得在該網頁上同時加上文字描述。運用搜尋引擎來進行網路行銷,此之謂第三代網路行銷。傳統的網路行銷方法效果正在急速遞減當中,新一代的網路行銷人員,對於搜尋引擎應該要有更多的認識。   附記:本系列文章所提到的搜尋引擎運作方法,是參考了Google著名的PageRank演算法。雖然該演算法以數學公式來表達並非一般人能看輕易了解,但是您仍然可以在Google的網站上看到簡單的解釋: