SEO(Search engine optimization，搜尋引擎最佳化)，經過SEO的網頁可以在搜尋引擎中自然獲得極佳的名次，被點選的機率必然大增，業務量及訪客也將大幅的增加。

當在Yahoo以及Google搜尋引擎打上要搜尋的關鍵字時，搜尋引擎就會在第一頁當中列出大約十個的搜尋結果，以及在上方及右邊剩餘空間內打上付費的網路行銷廣告。

以下列出SEO的變項，如果能一一的加以最佳化，必定能夠大幅提升您網站針對某個關鍵字的排名：

網頁內容出現關鍵字
在實際執行最佳化的時候要注意，關鍵字出現的次數確實會影響排名的順序，整個網頁出現的關鍵字次數愈多者的排名有高過低者的趨勢，但要注意關鍵字出現以自然語文的頻率為佳。若過度人造關鍵字的插入，有可能被歸類為作弊。

網頁標頭(HEAD)內出現關鍵字
網頁的原始碼中最前的一段就是HEAD，其中有多個項目內可以出現想要SEO攻略的關鍵字。我們直接列出原始碼供您抄襲，是您最佳化成功最快速的好工具。

html
head
title SEO - 搜尋引擎SEO排名不能說的秘密 /title
meta name="description" content="SEO"
meta name="keywords" content="SEO"

上面的title是網頁的標題，這裡一定要出現您的關鍵字。
上面的meta name="description".. 是網頁的說明，這裡一定要出現您的關鍵字。
上面的meta name="keywords".. 是網頁的關鍵字宣告，這裡一定要出現您的關鍵字，可以用,分隔多個關鍵字。

這三個項目還有一個奧秘的可能性，凡是做字串的比對，我們要知道，在句子的一開頭就比對正確，那通常是高相關性，因此例如在title當中，我們建議把您要最佳化的關鍵字放在最先頭

網頁的語言宣告
您的網路生意的市場在哪裡？台灣還是大陸？在台灣，你就要用繁體中文的網頁，在大陸你就要用簡體中文的網頁，一個繁體中文的網頁還是一個簡體中文的網頁擺在你面前，你大概也可看得出來，但你要知道，搜尋引擎的索引程式 (Spider) 只不過是一支人寫的程式，他是看不懂你在寫什麼語言的，因此你的網頁到底是什麼語言，這是非常重要的一件事情，一定要告訴搜尋引擎知道，這是搜尋引擎SEO常被人忽略的一塊。

如果搜尋引擎誤判你的網頁語言，將會有很嚴重的後果，例如你的網頁是繁體中文但被誤判為別的語言，當繁體中文用戶的搜尋要求被處理的時候。您的網頁將會被降低優先權，因為語言不合。

因此若要SEO我們絕對不能讓搜尋引擎來”猜”我們的網頁語言是什麼，我們一定要明確的告訴搜尋引擎這個網頁使用的語言為何，以下是宣告網頁語言的原始碼。您可直接抄襲來使用。

html
head
meta http-equiv="Content-Type" content="text/html; charset=big5"
/head

charset的部分為big5表示為繁體中文，gb2312為簡體中文，utf8為萬國語言。這邊又來了一個重點，許多人說認為big5是一種不良的編碼方式，因此在設計網頁的時候喜歡用utf8萬國語言，這是對搜尋引擎SEO極為不利的一種做法，因為萬一搜尋引擎判斷不出你的網頁主要語言是什麼的時候，你就別想在該種語言的搜尋結果內出現了。

網頁原始碼的HTML標籤 - 與搜尋引擎SEO具有關聯性
仔細檢視HTML原始碼其中幾個與SEO相關的：
1. HEADINGS: 這是所謂的標頭，就好像報紙頭版的標題，這裡出現關鍵字絕對與提升你的關鍵字相關度。原理就是通常人們再撰寫文章的時候會以這個段落的主題為標題，因此這個段落的文字自然語該標題呈現相關狀態。
範例：

SEO

SEO

2. PARAGRAPH: 這是所謂的段落，段落在原始HTML的設計當中就是用來包括文章段落用的。因此我們在設計網頁的時候要千萬注意別亂用 P 於沒有語意的地方，有些時候你的網頁原始碼從上面算起好幾千個字元了都還沒出現具有語意的文章，那搜尋引擎又要如何判斷哪些文字具有語意呢，就是靠 P。

範例：

SEO is good

3. 粗體字及斜體字，為您的關鍵字加上一兩個粗體或斜體也能增加一點與關鍵字的關聯性，不過應該也只能增加一點點。

網域名稱Domain Name - 搜尋引擎優化的捷徑
網域名稱對於關鍵字搜尋的排名具有相當大的優勢，原因是通常網域名稱與該網站內容呈現高度的相關性，例如www.ibm.com就是IBM公司的官方網站。網域名稱具有獨一無二的特性，一旦被某人搶先使用就沒有第二個人能使用。幾乎所有的商業組織公司行號都早已把自己公司的商標搶先註冊起來，在搜尋引擎搜尋該商標名稱也通常會找到正確的該公司網站。這是一種自然而然的情形，一個公司一定會盡力把自己的公司商標的網址搶下來，這也是Goodgle與Yahoo能大膽的提高網域名稱與關鍵字比對的相關性的原因。

如果要SEO的關鍵字是英文的，那能夠取得一個SEO的捷徑！趕緊去申請一個帶有你的關鍵字的網域名稱吧！甚至若是真的找不到，在關鍵字前後加一個字也算數，例如ibooks.com.tw，但是這就不算百分之一百吻合了。

另外，還有一個跟網域相關的變項存在，但目前尚無關查到其與SEO的關聯性，在此提供參考，就是網域的whois資訊，因為whois資訊中，是實上是有登記該網址位於哪一個國家或地區中，因此有助於搜尋引擎判斷該網頁的地理位置。有些人網站明明就放在台灣，但whois資訊確寫著美國，也許有一天這個變項納入了，也會影響到網站於該區域的排名喔。

網頁檔案存放目錄（資料夾）及檔案名稱
理論基礎就是一般人資料夾分類的方式本來就是表示這個資料夾下的文件具有該資料夾名稱的共通性，而檔案名稱的命名方式更是直接了當的表示了這份文件的內容屬性。

因此如果你要SEO的關鍵字是英文的，那就很簡單，如果你要最佳化SEO這個字，那就把這個檔案的URL訂為：

http://www.seo.com/seo/seo.html

但是很抱歉，目前Google與Yahoo也似乎只承認英文關鍵字的部分，中文的關鍵字要用這種方法，也許也是要等到將來。

網站主機的地理位置 - 一個與內容無關卻搜尋引擎排名的重要因素
稍微好奇一點的網友就會發現，當你打上www.google.com與www.google.com.tw的時候出現的是兩套東西，一套是針對全世界（美國為主）的google，而另一套是針對台灣地區用戶的google，在台灣的google與美國的google搜尋同樣的關鍵字，出來的搜尋引擎排名結果是完全不一樣的。

基本上，在美國google（全球搜尋引擎排名）搜尋的結果具有以下特性，英文的網頁被提高了優先出現的機會，網站放置在美國的虛擬主機的網頁具有更高的優先性。

在台灣的google搜尋的結果具有以下特性，中文（繁體）的網頁最優先出來，且網站主機放置在台灣的IP者提高了優先度，甚至還有一種選項”台灣的網頁”完全提升了台灣IP的優先性。

因此這邊提供一個很簡單的原則，如果你要在台灣做生意，千萬別貪便宜跑去美國租GoDaddy，如果你要做德國的外銷生意，就請到德國租一個虛擬主機。最好的方法就是自己架站！保證在你當地經營，不然用到什麼國內的虛擬主機廠商，但實際上機房在美國，那就慘了。

真實的時光機器 - 搜尋引擎
人有分男女老少，網頁也有分新舊，到底是新的網頁好還是舊的網頁好，這個實際上除了用人工，很難去判斷，但是單純以資訊的角度來說，新的常常比舊的好，試想當您在搜尋一組關鍵字的時候，您希望是找到最新的網頁資訊，還是八年前，八年沒更新過的網頁資訊呢?

因此網頁的最後修改日期，也有可能成為搜尋引擎排名的關鍵因素之一，聰明的站長們，要記得時時更新您的網頁喔，就算不更新，最少也要動個日期，隨便加幾個字更動一下內容，好讓搜尋引擎知道這個網頁又更新了。

究竟搜尋引擎是如何知道網頁的日期呢？答案很簡單，就是透過所謂的HTTP Header，Web Server回應的HTTP Header當中包括了這個網頁的最後修改日期，而這個資料通常是由Web Server在讀取該檔案的時候一併取得的。

網站的PR等級：一級好站還是無名小站(Google搜尋引擎專用)
所謂網站的等級，一般指的是google的PR值，也就是PageRank，PR值愈高，搜尋引擎排名愈容易名列前茅，只要安裝google免費提供的google toolbar軟體並授權它使用PR值資訊，就可以輕鬆的查詢你拜訪的每一個網站的PR值，就算內容完全相同的兩個網址，擁有不同的PR值，在搜尋結果呈現的時候，高PR值的網站具有優先性。

PR值最低為0，最高為10，愈高愈好，它確實影響了搜尋引擎排名的順序，提升PR值的方法眾說紛紜，但基本上有著兩個原則，一是開了愈久的網站普遍較高，二是愈多人連結及拜訪的網站PR值愈高，基本上PR值的設計不就是為了要評鑑網路上所謂重要的網站，好站嗎？因此你只要把你的網站經營好，讓他成為網路上重要的網站，那久了PR值自然就高起來了！

PR值雖然愈高愈好，但可以確定的是低PR值的網站一樣可以排在高PR值的網站前面，因此SEO的原理就是了解所有變項，針對所有變項做最佳化，必能獲得成功。

在Yahoo上並無相對應的工具可以評鑑一個網站在Yahoo中是否為重要的網站。

網頁的連入連結（Linking IN）
你的網頁上說你是”良心商店”，網友說你是”黑心商店”，那在google及yahoo的心目中你到底是良心商店還是黑心商店呢？答案就是網頁的連入連結。

所謂的連入連結就是在別人的網站中，有加入你的網站的連結時，那個連結上面帶著的關鍵字。以下是一個範例：

這裡有一間黑心商店

在這個連結當中，連結本身的文字以及title也就是說明這個連結的文字都出現了黑心商店的關鍵字，因此你的網址已經與黑心商店扯上關係了。即便你一直在你的網站上強調良心商店的關鍵字，還是沒法消掉黑心商店的關聯性。

因此正確的連入連結方式應該為

這裡有一間良心商店

另外我們常常看有人寫什麼　點我　這樣子的連結，這樣子就讓你的網頁與”點我”這兩個字扯上關係啦。因此當有機會登錄你的網址到別的網站，或是要求別人加入連到你的網站的連結的時候，一定要正確的指定連入連結的格式。才不會把你的網站關連到錯誤的關鍵字。例如你公司叫做”ｘｘ公司”主要的商品是”電磁爐”，如果你要主打電磁爐的關鍵字SEO，甚至在要求別人加入連結的時候就直接只打　電磁爐　了，這樣才有最強的SEO效果。

網頁的連出連結（Linking OUT）
所謂的連出連結，就是你自己在你網站上加入連結到別人的網站的連結，為什麼這樣的連結也能增加你網站SEO與某個關鍵字的關聯性呢進而又能提升搜尋引擎排名？其理論基礎就在於，有許多介紹形的網站，他就是介紹某種類別的東西，而在介紹的同時，他又必需增加連出的連結，然而若是輕易的增加連出連結就能增加本網站與某關鍵字的關聯性，那不是很容易做弊嗎？

搜尋引擎可不怕這個，因為他也知道如果您的網站是在做生意的，你怎麼可能會加入連結到同類型競爭對手的連結呢，這也抑制這種評量機制被做弊的可能性，這也是我們常常看到在做同類型產品比較，或是介紹的網址，常常於搜尋結果中名列前茅的原因。

但是這個連出連結要怎麼加才不會加錯？很簡單，使用google toolbar的PR功能，可以看到一個網址的相關網站，要被你連結的網站本身就一定要關連於正確的關鍵字，你在去加這個連結才有效果。

網頁關鍵字的同義字
所謂的同義字。通常發生在縮寫上面，什麼是SEO呢？上Google一查，發現原來是Search engine optimization，但是重點來了，我們看看Google搜尋的結果，我們明明只是搜尋SEO但它卻把Search engine optimization一併標示為紅字了。

影像檔案的奧秘
說明：影像檔就是像是jpeg這樣的檔案，對搜尋引擎最佳化SEO有什麼影響呢？我們假設一個網頁中如果包含了跟目前正在搜尋的關鍵字相關的影像檔，能夠增加這個網頁與該關鍵字的關聯度好了，那麼要如何讓Google搜尋引擎知道這個網頁中的圖檔與該關鍵字相關呢？以下有幾種方法，哪一種有用，哪一種重要，這我們不曉得，但聰明的人一定是全部把它標示清楚。

方法一
圖形檔名的命名: 這個再簡單不過了，一張圖片就叫做　關鍵字.jpg 例如 seo.jpg 大辣辣的放在你網頁上，這個是一定要的。

方法二
HTML標籤的ALT屬性: 這個ALT的意思就是替代文字的意思，他的原始用途是說在那些無法顯示圖片的瀏覽器當中，可以顯示出替代的文字。但後來漸漸被運用到成為圖形檔的說明文字之上。

閱讀全文...

申請放置網站的空間
若要架設網站，需要一部24小時不停運作的主機來放置網站檔案，為節省成本，通常我們是向有提供網站空間服務的公司(例如：中華電信、Sonet...)租用伺服器上的網站空間來放置網站。在比較時可依你網站的需求，朝下列幾個方向進行評估：

1.網站主機在國內或國外
2.網站空間的費用與容量
3.是否支援程式或資料庫
4.檔案的上傳方式
5.免費廣告的干擾
6.安全性與流量

無論申請哪一家業者的網站空間，都會附帶專屬的網站，例如"http://www.你的帳號+主機名稱.com"，經常是又臭又長，很難記憶。你可以考慮向財團法人台灣網路資源中心TWNIC(http://www.twnic.net)這個機構付費購買一個正式的網址(例如http://www.flag.com.tw)，再透過轉址的設定，就能讓網址和你的網站產生連結。

上傳網站
網站空間申請好以後，接着就要將電腦裡的網站上傳到Web伺服器了。Dreamweaver已經內建FTP功能，若要使用此功能，務必申請支援FTP上傳功能的網站空間(例如http://ihost.tw/)，取得上傳時必須的FTP帳號、登入密碼等資訊。

定義本地與遠端網站
為了讓Dreamweaver知道檔案要上傳到哪裡，首先要讓定義好本地與遠端網站，「本地」就是我們自己的電腦，而「遠端」指的就是要上傳的電腦。

與遠端伺服器連結
設定好遠端網站之後，按下連線至遠端主機鈕，才會連結到遠端伺服器並登入。若連接失敗，請檢查帳號、密碼或FTP位址有無輸入錯誤，有時也可能是網路太慢造成連結錯誤，你可以稍等一下連結看看。

上傳整個網站
經過前面的設定後，終於可以開始上傳檔案了，由於這是我們第一次上傳，所以要將所有的檔案都上傳到遠端網站上。檔案上傳完畢後，只要在瀏覽器輸入申請的網址，就能瀏覽和測試自己的網站了。以後若要再將網站上傳到同樣的遠端主機，就不必再重新設定FTP主機位址了，只要在按一次「連線至遠端主機」鈕，就可以立即連結到遠端網站並傳輸檔案。

閱讀全文...

加入FLASH動畫
我們常在網頁上看到Flash動畫(副檔名為*.swf，因此也可稱為SWF動畫)，檔案小且不易失真，可以說是目前最廣泛用於網頁的動畫格式。

加入Flash動畫之前的準備工作：
1.安裝Flash Player，以便用瀏覽器觀看動畫。
2.解除瀏覽器對ActiveX元件的封鎖。
3.下載與安裝Firefox相容的Flash Player。

加入Flash動畫的方法
方法1：從｢插入｣面板加入Flash動畫。
方法2：從｢檔案｣面板加入Flash動畫。
方法3：從｢資源｣面板加入Flash動畫。

加入FLV視訊影片
許多人會把影片放到網頁中和親友分享，然而視訊檔案的體積通常很大，常讓瀏覽者耗費時間等待下載。如果你要加入網頁的影片還不是FLV格式(副檔名為*.flv)，請先透過FLV影片轉檔軟體來轉換格式。只要安裝Flash CS3以上的版本，即可使用隨附的Flash Video Encoder來轉檔，或者也可上網以"FLV Encoder"等關鍵字來搜尋及下載其它免費的FLV轉檔軟體來轉換格式。

加入背景音樂
在網頁中除了豐富的圖文內容，如果再配上好聽的音樂，會更吸引人喔！目前可運用在網頁中的音樂格式有wav、midi、au、mp3...等，不過考量到檔案的大小及瀏覽器的支援度等因素，大多採用mp3格式做為網頁的背景音樂。當我們要在網頁中瀏覽多媒體檔案，必須先在瀏覽器中安裝可播放該格式的外掛程式才能順利瀏覽。

閱讀全文...

網頁是由HTML所構成，但是HTML標籤的變化有限，例如開啟一個新網頁，背景一定是白色，輸入的文字都是黑色、設定超連結的文字則會變成藍色並帶有底線...等。若要做出精美的網頁，就必須依網站風格做視覺上的調整。有鑒於此，W3C協會頒布了一套CSS規則，用來擴展HTML的功能，使設計者可以更彈性地編排網頁。

CSS的全名為Cascading Style Sheets，中文稱為串接樣式表，是一種用來描述網頁外觀樣式的語法，可說是網頁設計的精隨。不僅可重新定義HTML標籤原有的樣式，還能自行定義規則並套用在HTML標籤上，讓相同的HTML標籤擁有不同的樣式效果；透過CSS豐富靈活的設定，我們就能跳脫傳統HTML的束缚，設計出更有變化的網頁。

使用Dreamweaver設計網頁的過程中，經常需要運用CSS來改變版面的視覺呈現，例如控制文字的字體、字級、顏色、粗體、底線...等；除了文字之外，其他各類網頁元素亦可用CSS來控制，像是設定邊框或背景色、決定元素的位置...等，全部交給CSS也沒問題!

閱讀全文...

在編排網頁時，並不是將元素通通塞進網頁就好了，而是採用「分區置入」的方式，先分析網頁版面而大概可以劃分成幾個區塊(block)，例如「標題區」、「選單區」...，然後就開啟網頁編輯軟體，建立出這些區塊。剛建立好的區塊還是空的，分別在每個空區塊填入內容後，才會產生我們理想中的緊密版面。

再劃分區塊時要注意的是，請粗略地劃分出「大」區塊就好，不要將網頁劃分得太細、太複雜，因為本階段是要規畫網頁「架構」，而不是製作網頁的「細節」。

網頁區塊劃分好以後，接著可以先為各區塊命名。在規劃的過程中你可能已經決定某區塊是標題區、某區塊是內容區...，但是為了方便後續的操作，必須使用CSS可以控制的ID名稱，因此請不要使用空格、特殊符號或中文字命名。此外，第1個字元務必使用英文字，第2個字元開始用英文或數字皆可。

以Dreamweaver編排網頁的第一步，就是要建立出我們規劃好的區塊，這裡要使用HTML中的Div標籤來完成。Div標籤看起來只是一個扁平的長條形空白方框，可別小看他哦!只要透過CSS樣式為Div標籤指定寬、高度，扁平的Div標籤就搖身一變成指定大小的空白區塊。

在設定各區塊的樣式前，首先要設定整體頁面的屬性，這樣一來假如有各區塊共通的設定，例如字型、邊框等樣式，都可以先行設定完畢。為了將樣式套用到整體頁面，我們要將CSS套用在body標籤上。當版面規劃完成後，就可以開始將各種網頁元素加入到區塊中囉!

而在實務上，我們通常會將網站中每頁共同的CSS樣式彙整再同一個CSS檔案內，再將各網頁連結到該CSS檔案(稱為外部樣式表)。這樣做的好處是，將來要修改CSS樣式定義時，只需修改一個CSS檔，不必把每個網頁都打開來修改，省時又有效率。

閱讀全文...

開始著手設計網頁時，一般流程分為四項：

1.收集資料
著手設計網站之前，總是千頭萬緒，總是很多資料都想呈現，一時之間也摸不著頭緒，建議您把所有想放的圖片、文字、甚至音樂等素材，以及曾經收集的一些喜歡的參考網站，及參考資料，分門別類整理好，它們都將是您網站的一部份，把資料收集齊全，才不至於做到了最後，才發現一堆重要資料根本沒地方擺。

2.網站規劃
資料收集後，要分門別類整理好，才不會導致之後的網頁項目複雜，瀏覽者逛半天都逛不出所以然，資料雜亂無章，讓瀏覽者想好好看都會看到頭疼，把一些相關的擺放在一起，例如「公司簡介」裡可以有一些子項目，如公司沿革、公司展望、公司地理位置、公司環境簡介。「產品介紹」裡頭就把公司要置放的產品，整理規劃成一類一類，產品再多都不至於看到眼花。這些分項跟項目，就可以稱之為網站架構，也可以做成網站地圖方便人家點選。

3.設計製作
架構規劃好後，就要思考網站希望呈現的方式。例如科技感、時尚感、舒服清爽風、還是熱情洋溢、鮮豔大膽？決定好風格，可以想一下網站的呈現手法，是只要一般簡單的靜態網頁，還是要做有Flash動畫的網站，或者是需要資料庫有後台可以更新資料的程式型網站。
程式資料庫的網站可以找個專業的程式設計師協助，或是更猛的可以買書來學學看要怎麼寫，這都是不錯的辦法。不過，據經驗來講，如果是很強大的功能或是急著要的網站，尋求專業會比自己摸索來的輕鬆而且省時。

4.網站完成以及經營維護
網站做好之後，當然不是放在自己的電腦孤芳自賞，一定是要找個空間置放，不管你找了一個免費的網頁空間，還是租了一個付費的虛擬空間，勇敢上傳，通知親朋好友上線批評指教，即使上線幫你挑挑錯字，都是不錯的。重點是，上傳之後才可以讓更多的人去參觀你做出來的網站作品。
事實上，網站的數目多到沒有一個可靠的數據，數量也會不停地成長，因為會上網的人越來越多，有網站已經不再是什麼特別的事情了，可以稱得上是基本配備。因為網站多，瀏覽者的選擇就多，所以一定要經營維護，定期更新資料，訪客才不會只來一次就再也不來，除此之外，做好網站行銷，就可以讓你的網站保持一定的收視率，像不時地注意自己網站的流量、瀏覽者的瀏覽路徑以及停留時間(這個需要安裝一些特別程式或是軟體)，重點是網站跟小孩一樣，需要呵護與關心才會成長茁壯囉!

閱讀全文...