0/23 網站設計的最佳化設計, 2008 解密 SEO 如何讓網站排名第一 收尋引擎最佳化與網站行銷策略 第四章 網站設計的最佳化操作 學號 : G 姓名 : 林雅惠

1/23 網站設計的最佳化設計, 2008 SEO 與網站設計  4.1 網站設計的可用性原則  4.2 第三代網站設計思維  4.3 適應搜尋引擎的內容管理  4.4 為收尋引擎做一個網站地圖  4.5 為 Google Sitemap 告訴 Google

2/23 網站設計的最佳化設計, 2008 SEO 與網站設計..  SEO 的目標  帶來網站流量 ─ 網站的結構、設計與內容決定了流量  第三代網站設計思維  適應搜尋引擎為主的網站設計概念  網站設計針對收尋引擎的需求  強調收尋引擎對網站的重要作用 ─ 沒有搜尋引擎那來的訪客 ?

3/23 網站設計的最佳化設計, 網站設計的可用性原則 網站若沒搜尋引擎的宣傳，無法成為良好的行銷窗口  實用性和藝術性矛盾嗎 ?  搜尋引擎尚未具備「審美」能力，對網站美醜「沒有感覺 」  SEO 可以針對網站的藝術性採取文字補充措施，使藝術化 的網站可能地獲得在搜尋結果中搶到好的排名  諾基亞公司的 N-Gage 遊戲手機網站 採用多 Flash 和圖片效果，經 SEO 處理，依然獲得滿意排序結果

4/23 網站設計的最佳化設計, 網站設計的可用性原則 網站若沒搜尋引擎的宣傳，無法成為良好的行銷窗口  Google 怎麼看待網站主題  網站「包山包海」涵蓋所有資訊 ─ 違背網站建置之重要原則「主題針對性」  搜尋引擎判斷網站相關性之三要素  網站所使用之關鍵字  你的網站被連結的關鍵字  你用來連結網站的關鍵字 如果連搜尋引擎都不知該放到哪一類別 → 網站不易找尋 → 缺乏人氣 保持主題的特性和針對性，才能使搜尋引擎最佳化發揮作用。 「簡單」才是最好的 ─ 永恆的真理

5/23 網站設計的最佳化設計, 網站設計的可用性原則 網站若沒搜尋引擎的宣傳，無法成為良好的行銷窗口  重視網站結構一致性  網站力求一致性，不摻雜無關資訊

6/23 網站設計的最佳化設計, 網站設計的可用性原則 網站若沒搜尋引擎的宣傳，無法成為良好的行銷窗口  W3C 瀏覽器相容驗證  網頁是由 HTML 或 XML 語言寫成  任一語言都有基本規則或標準需遵守，針對標準所進行之 測驗稱做「驗證」  驗證幫助編寫之標準網頁，透過不同之瀏覽器，都能完美呈 現網頁內容  並保證收尋引擎免於遭遇網頁程式碼語法錯誤，而不能解讀 網頁內容 

7/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  站在網站使用者的角度，注重使用者經驗  根據使用者的需求、思考模式所設計的網站架構與主次安 排 ─ 網站設計的第三代思維  如 : 產品介紹、客戶服務等排列方式

8/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  選個好記的網域名稱  使用者易記  Google 收尋偏好

9/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  站內連結不可小覷  站內連結，使每一頁有次序地首尾相接、合理設置，能使 網站整體獲得收尋引擎的價值認可  建立網站地圖，使收尋引擎了解網站結構

10/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  摒棄使用框架  搜尋引擎以「爬行」方式搜尋網站  遇到多網頁組合在一起時，只隨著一條軌道走，存取一網 頁

11/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  使用 CSS 和外掛  CSS 稱為串接樣式表 ─ 將網頁標籤建立統一規範  可將冗長 JavaScript 等一長串程式以連接方式外掛使用  減少網頁檔案大小、快速讀取網頁資料、加快網頁顯 示速度  可將網頁開頭之不重要程式碼移至網頁結尾 以便收尋引擎快速讀取網頁中心資料

12/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  外掛 JavaScript  網頁使用 JavaScript 產生特殊效果，會使搜尋引擎花費時間 在讀取程式碼內容之後，才能存取到網站的實際內容  使用外掛處理程式，可縮減冗長之程式碼，加速引擎讀取 網頁內容速度

13/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  動態網址靜態化  採用程式語言和資料庫結合方法產生顯示內容  動態網址  ical=CLTH&cat=computer&subcat=parts&displayTarget=Subcategory ical=CLTH&cat=computer&subcat=parts&displayTarget=Subcategory  透過變數的選擇，網頁才能產生特定的內容  易使網頁無法形成，收尋引擎空手而回  收尋引擎易認為，可能是陷阱或是死結循環，影響引 擎探測器工作  解決方式  製作大量靜態網頁連結到對應之動態網頁  使用工具軟體，將動態 URL 轉換為靜態 URL Exception Digital Enterprise Solution XQASP

14/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  處理 Flash 的使用  收尋引擎只能看懂文字  設計不含 Flash 純文字版網頁，並連結原來 Flash 首頁  可在 Flash 同一頁面增加文字說明  不可用 Flash 做連結，應使用純文字做超連結

15/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  圖片大小處理  圖片太大、背景太多影響浪費探測器讀取圖片內容，使收 尋引擎不能完全抓取網站內容  請幫圖片減肥，檔案大小盡量限制在最小  在圖片的 標籤註明圖片名稱，說明圖片內容

16/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  避免使用圖片做連結  收尋引擎不認識圖片  請用包含關鍵字的「超連結文字」來做引導

17/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  如何縮減冗長的 URL  保持在 65 個英文字母之內  避免建立超過三層之多層次網站  存取過於吃力，許多內容不能被搜尋引擎收錄

18/23 網站設計的最佳化設計, 第三代網站設計思維 如何吸引收尋引擎的注意力  錯誤頁的設置  製作與首頁格式一致之 404.htm ，以便當網頁錯誤業產生時 ，引導使用者繼續瀏覽該網站

19/23 網站設計的最佳化設計, 適應搜尋引擎的內容管理系統 Content Mangament System,CMS  電腦應用程式系統 (wiki 、 blog)  找到一個能運行於任何伺服器上的  符合 W3C 標準的 html 網頁 適應現代網站需要 CMS ，能製作出訪客喜歡，搜尋引擎方便存取

20/23 網站設計的最佳化設計, 為搜尋引擎做一個網站地圖 Sitemap ，網站地圖，是搜尋引擎最佳化的一個重要步驟  主要作用協助搜尋引擎的機器人或蜘蛛程式，指引它們 按照地圖上的指示進入各網頁的連結，順利到達各網頁  頁面不要超過 100 個連結  使用 Google XML Sitemap 工具來與 Google 搜尋引擎溝通

21/23 網站設計的最佳化設計, 用 Google Sitemap 告訴 Google 讓各網頁站長告訴 Google ，重要網站的管道  Google Sitemap 是什麼  簡單的 XML 檔  可列出你的網站中所有網頁

22/23 網站設計的最佳化設計, 用 Google Sitemap 告訴 Google 讓各網頁站長告訴 Google ，重要網站的管道  為什麼我們需要用 Google Sitemap  Google Sitemap 提供一途徑，讓 Google 知道你的網站有價 值的資訊  你可以透過 Google Sitemap ，來瞭解 Google 是怎麼看待你 的網站

23/23 網站設計的最佳化設計, 用 Google Sitemap 告訴 Google 讓各網頁站長告訴 Google ，重要網站的管道  Google Sitemap 對 SEO 的作用  Google Sitemap 能讓 Google 機器人迅速發現你的網站，並 得知哪些是新增的 ? 哪些是重要的  適當地應用 Google 網站地圖給你的工具，能修正你的 SEO 方法，讓你的網站內容被 Google 收錄，而且能幫您檢查外 部聯結文字是否有出現錯誤或者失誤 網站最佳化過程中，做重要的兩個實踐

24/23 網站設計的最佳化設計, 2008 The End