SEO Search Engine Optimization 搜尋引擎最佳化 陳啟亮 [email_address] 知世網絡 網站資訊架構師

大綱 搜尋 搜尋引擎最佳化 網站 SEO Google SEO guide 連結結構 除了網站之外 回顧與練習

搜尋

搜尋引擎最佳化

網站 SEO

Google SEO guide

連結結構

除了網站之外

回顧與練習

What 什麼是 搜尋

Search= Yahoo? Google?

Yahoo?

Google?

資訊搜尋行為 檢索 瀏覽 偶遇 詢問

檢索

瀏覽

偶遇

詢問

資訊搜尋工具 目錄 索引 型錄 便覽 分類 Finding aid

目錄

索引

型錄

便覽

分類

Finding aid

情境 | 工具 在這些情境中，如何檢索？ 如何讓自己的產品在搜尋之戰中勝出？

在這些情境中，如何檢索？

如何讓自己的產品在搜尋之戰中勝出？

Photo by Nienyi Ho http://flickr.com/photos/honienyi/2216528946/ CC 2.0 Attribution-Noncommercial-Share Alike 在這些情境中，如何檢索？ 如何讓自己的產品在搜尋之戰中勝出？

在這些情境中，如何檢索？

如何讓自己的產品在搜尋之戰中勝出？

L. Photo by metrostation R. Photo by Between Here and There CC Attribution-Noncommercial-No Derivative Works 2.0 在這些情境中，如何檢索？ 如何讓自己的產品在搜尋之戰中勝出？

在這些情境中，如何檢索？

如何讓自己的產品在搜尋之戰中勝出？

Search= Yahoo! Google 看影片 : Youtube 聽音樂 : KKBOX 買東西 : Yahoo 拍賣 找地點 : Google 地圖 買書 : 博客來 借書 : 圖書館線上目錄 OPAC

Yahoo!

Google

看影片 : Youtube

聽音樂 : KKBOX

買東西 : Yahoo 拍賣

找地點 : Google 地圖

買書 : 博客來

借書 : 圖書館線上目錄 OPAC

Search= Yahoo! Google 看正妹？ 找另一半？ 看電影？ 新 3C 產品？ KTV 找歌？ 找計程車？ 找停車位？

Yahoo!

Google

看正妹？

找另一半？

看電影？

新 3C 產品？

KTV 找歌？

找計程車？

找停車位？

What 什麼是 搜尋引擎最佳化

Search Engine Optimization 改善自然搜尋結果排名 Search Engine Positioning

改善自然搜尋結果排名

Search Engine Positioning

1.G: offline world positioning 2.G: web search engine optimization 3.G: universal information search

1.G: offline world positioning

2.G: web search engine optimization

3.G: universal information search

Why 為甚麼要作 SEO

60%-72% 的使用者會點… .

付費連結 自然連結 整合搜尋

How 如何作 SEO

White & Black SEO 技巧分為正派 (White hat) 與 (Black hat) 邪派

SEO 技巧分為正派 (White hat) 與 (Black hat) 邪派

資訊科學 > 資訊檢索 Information Retrieval 資訊搜尋技術 Search engine 演算法 algorithms 搜尋結果 Search result

SEO / Webmaster / Hacker 演算法 algorithms 搜尋結果 Search result 逆向工程 演算法模型 algorithms 改善搜尋結果 Search result

White & Black 正派 (White hat) 根據資訊檢索 設計原則 ，改善搜尋結果排名 邪派 (Black hat) 根據搜尋引擎 演算法缺陷 ，改善搜尋結果排名

正派 (White hat)

根據資訊檢索 設計原則 ，改善搜尋結果排名

邪派 (Black hat)

根據搜尋引擎 演算法缺陷 ，改善搜尋結果排名

正派 一言以蔽之

以人為本 對人無障礙，也就對機器無障礙 (accessibility)

http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf

Title Tag 取個特別、正確的頁面標題 Create unique, accurate page titles 1

取個特別、正確的頁面標題 Create unique, accurate page titles

標題示範 歡迎來到 ABCD 小鋪 除非你希望讓人家找到「歡迎」「光臨」「小鋪」 更正建議 ABCD 小鋪 - 球員卡、運動商品、卡片交換

歡迎來到 ABCD 小鋪

除非你希望讓人家找到「歡迎」「光臨」「小鋪」

更正建議

ABCD 小鋪 - 球員卡、運動商品、卡片交換

tips Q: 標題越長越好嗎？ 經濟地運用與網站內容相關的標題 充斥與網站內部無關的標題，會被惡意扣分 避免用說明性的標題 過長會被截斷

Q: 標題越長越好嗎？

經濟地運用與網站內容相關的標題

充斥與網站內部無關的標題，會被惡意扣分

避免用說明性的標題

過長會被截斷

tips 避免全站的標題都是一樣的 每一頁都有自己的標題

避免全站的標題都是一樣的

每一頁都有自己的標題

Meta description 善用網頁的”詮釋資料” Make use of the "description" meta tag 2

善用網頁的”詮釋資料” Make use of the "description" meta tag

搜尋結果簡述 的資料來源 Google: meta description DMOZ (open directory project) 中的描述 Yahoo! Meta description Yahoo! 網站分類中的描述

Google:

meta description

DMOZ (open directory project) 中的描述

Yahoo!

Meta description

Yahoo! 網站分類中的描述

Friendly URL 改善網址結構 Improve the structure of your URLs 3

改善網址結構 Improve the structure of your URLs

(O) http://www.abc.com/green-dress.html (X) http://www.abc.com/greendress.html (X) http://www.abc.com/green_dress.html (X) http://www.abc.com/article.asp?id=516&n=7849w5

(O) http://www.abc.com/green-dress.html

(X) http://www.abc.com/greendress.html

(X) http://www.abc.com/green_dress.html

(X) http://www.abc.com/article.asp?id=516&n=7849w5

navigation 讓網站容易瀏覽 Make your site easier to navigate 4

讓網站容易瀏覽 Make your site easier to navigate

提供合理，好用的導覽連結 Sitemap.xml 使用純文字連結 避免使用「非文字」的導覽連結。如： flash, 圖檔 使用「麵包屑 (breadbrumbs) 」導覽

提供合理，好用的導覽連結

Sitemap.xml

使用純文字連結

避免使用「非文字」的導覽連結。如： flash, 圖檔

使用「麵包屑 (breadbrumbs) 」導覽

http://www.nytimes.com/ref/membercenter/help/siteindex.html

http://spiderbites.nytimes.com/

Sitemap.xml

麵包屑 : Breadcrumbs http://www.kenston.k12.oh.us/khs/articles/breadcrumb-trail.php

內容 提供優質內容 Offer quality content and services 5

提供優質內容 Offer quality content and services

好內容的定義 平易易讀 Write easy-to-read text 有組織 Stay organized around the topic 使用讀者的語彙 Use relevant language 創作獨特內容 Create fresh, unique content

平易易讀 Write easy-to-read text

有組織 Stay organized around the topic

使用讀者的語彙 Use relevant language

創作獨特內容 Create fresh, unique content

Link text 有意義的連結文字 Write better anchor text 6

有意義的連結文字 Write better anchor text

重要的連結，避免 語焉不詳： “點我”、”點此” 過於一般： “產品”、”關於我們”、”服務”

重要的連結，避免

語焉不詳： “點我”、”點此”

過於一般： “產品”、”關於我們”、”服務”

連結文字避免太長 相關說明可以置於連結前後文 提供 title 說明 <a href=“xxxxxx” tilte=“ 說明文字” >XXXX</a>

連結文字避免太長

相關說明可以置於連結前後文

提供 title 說明

<a href=“xxxxxx” tilte=“ 說明文字” >XXXX</a>

Heading tag 適當地使用 heading tag Use heading tags appropriately 7

適當地使用 heading tag Use heading tags appropriately

避免： 只是在視覺上放大或美化標題 為了美觀只使用圖檔或動畫當作標題

避免：

只是在視覺上放大或美化標題

為了美觀只使用圖檔或動畫當作標題

IMG alt 圖片也要加上說明 Optimize your use of images 8

圖片也要加上說明 Optimize your use of images

避免 用 image01.gif 這類檔名 為了美觀用圖檔製作重要的內容

避免

用 image01.gif 這類檔名

為了美觀用圖檔製作重要的內容

robots.txt 善用 robots.txt Make effective use of robots.txt 5

善用 robots.txt Make effective use of robots.txt

robots.txt 寫給搜尋引擎機器人看的 宣告哪些內容拒絕被搜尋引擎檢索 Sitemap.xml 的相反 防君子不防小人

robots.txt

寫給搜尋引擎機器人看的

宣告哪些內容拒絕被搜尋引擎檢索

Sitemap.xml 的相反

防君子不防小人

nofollow 使用 nofollow 的連結 Be aware of rel=&quot;nofollow&quot; for links 10

使用 nofollow 的連結 Be aware of rel=&quot;nofollow&quot; for links

宣告此連結是「廢票」 為了防治氾濫的 spam

宣告此連結是「廢票」

為了防治氾濫的 spam

連結 , 連結結構

三種連結 內部連結 Internal links 導出連結 Outbound links 導入連結 Inbound links

內部連結 Internal links

導出連結 Outbound links

導入連結 Inbound links

內部連結 避免過深的連結 ( 見 google.4 良好的導覽 ) 確保搜尋引擎可以取得連結 ( 見 google.4 避免圖片或 Flash 導覽 ) 有意義的連結文字 ( 見 google.6 連結文字 ) 確保 Google 可以連結到所有網頁 ( 見 google.4 sitemap.xml)

避免過深的連結 ( 見 google.4 良好的導覽 )

確保搜尋引擎可以取得連結 ( 見 google.4 避免圖片或 Flash 導覽 )

有意義的連結文字 ( 見 google.6 連結文字 )

確保 Google 可以連結到所有網頁 ( 見 google.4 sitemap.xml)

導出連結 好的導出連結： 提供使用者良好的參考資訊 提高使用者經驗 提高網站信譽 不好的導出連結： 過多不相關的連結 連向信譽差的網站 ( 如 : spam) ( 見 google.10 nofollow)

好的導出連結： 提供使用者良好的參考資訊

提高使用者經驗

提高網站信譽

不好的導出連結：

過多不相關的連結

連向信譽差的網站 ( 如 : spam) ( 見 google.10 nofollow)

導入連結 建立值得讓他人連結過來的品質 時時關心使用者的需求

建立值得讓他人連結過來的品質

時時關心使用者的需求

Matt Cutts ideas Spotlight your search term on the page. Fill in your &quot;tags.“ (see google 1,2,keyword) Get other sites to &quot;link&quot; back to you. Create a blog and post often. Register for free tools. (google webmastertools) Don't overdo it. http://www.usatoday.com/tech/products/services/2008-06-22-google-search-engine-optimization_N.htm

Spotlight your search term on the page.

Fill in your &quot;tags.“ (see google 1,2,keyword)

Get other sites to &quot;link&quot; back to you.

Create a blog and post often.

Register for free tools. (google webmastertools)

Don't overdo it.

網頁技術之外 其他媒體 其他平台 社群經營

其他媒體

其他平台

社群經營

所有搜尋刺激都來自於其他媒體 不要只買關鍵字 也不要完全不買關鍵字 A

所有搜尋刺激都來自於其他媒體

不要只買關鍵字

也不要完全不買關鍵字

不是只有網站需要 SEO Youtube Yahoo 生活 + Yahoo 拍賣 B

不是只有網站需要 SEO

Youtube

Yahoo 生活 +

Yahoo 拍賣

但是，目前國內搜尋的演算技術仍離國外有相當距離… . 例如：當我想要在 Yahoo 商店找 Nokia 手機…

但是，目前國內搜尋的演算技術仍離國外有相當距離… .

例如：當我想要在 Yahoo 商店找 Nokia 手機…

當前，具有規模的資訊檢索演算法都會參考社會網絡運算 Google PageRank SEO 需要社群操作 切入社群需求 C

當前，具有規模的資訊檢索演算法都會參考社會網絡運算

Google PageRank

SEO 需要社群操作

切入社群需求

快速回顧

Tips 1/3 Content Accurately content Rich accurately content 內容 正確的內容 豐富且正確的內容 清楚的網頁標題 (meta tag) 有語義的 URL (URL friendly) 網頁內容具有語義且清楚的 HTML 結構 提供 meta: description

Content

Accurately content

Rich accurately content

內容

正確的內容

豐富且正確的內容

Tips 2/3 Links Links to you More external links More High Quality (authority) external links 連結 指向你的連結 更多指向你的連結 權威或可信度高的網站指向你

Links

Links to you

More external links

More High Quality (authority) external links

連結

指向你的連結

更多指向你的連結

權威或可信度高的網站指向你

Tips 3/3 了解目標使用者社群所在 參與特定社群空間 提供貢獻，引導正面口碑連結

了解目標使用者社群所在

參與特定社群空間

提供貢獻，引導正面口碑連結

Practice

3C

Good Title tag Meta description

Title tag

Meta description

Bad Title tag Meta description

Title tag

Meta description

討論與問題 陳啟亮 [email_address] 知世網絡 網站資訊架構師