SEO: Search Engine Optimization

2,971 views

Published on

搜尋引擎最佳化

Published in: Technology
0 Comments
17 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,971
On SlideShare
0
From Embeds
0
Number of Embeds
73
Actions
Shares
0
Downloads
0
Comments
0
Likes
17
Embeds 0
No embeds

No notes for slide

SEO: Search Engine Optimization

  1. 1. SEO Search Engine Optimization 搜尋引擎最佳化 陳啟亮 [email_address] 知世網絡 網站資訊架構師
  2. 3. 大綱 <ul><li>搜尋 </li></ul><ul><li>搜尋引擎最佳化 </li></ul><ul><li>網站 SEO </li></ul><ul><ul><li>Google SEO guide </li></ul></ul><ul><ul><li>連結結構 </li></ul></ul><ul><ul><li>除了網站之外 </li></ul></ul><ul><li>回顧與練習 </li></ul>
  3. 4. What 什麼是 搜尋
  4. 5. Search= <ul><li>Yahoo? </li></ul><ul><li>Google? </li></ul>
  5. 6. 資訊搜尋行為 <ul><li>檢索 </li></ul><ul><li>瀏覽 </li></ul><ul><li>偶遇 </li></ul><ul><li>詢問 </li></ul>
  6. 7. 資訊搜尋工具 <ul><li>目錄 </li></ul><ul><li>索引 </li></ul><ul><li>型錄 </li></ul><ul><li>便覽 </li></ul><ul><li>分類 </li></ul><ul><li>Finding aid </li></ul>
  7. 8. 情境 | 工具 <ul><li>在這些情境中,如何檢索? </li></ul><ul><li>如何讓自己的產品在搜尋之戰中勝出? </li></ul>
  8. 9. Photo by Nienyi Ho http://flickr.com/photos/honienyi/2216528946/ CC 2.0 Attribution-Noncommercial-Share Alike <ul><li>在這些情境中,如何檢索? </li></ul><ul><li>如何讓自己的產品在搜尋之戰中勝出? </li></ul>
  9. 10. L. Photo by metrostation R. Photo by Between Here and There CC Attribution-Noncommercial-No Derivative Works 2.0 <ul><li>在這些情境中,如何檢索? </li></ul><ul><li>如何讓自己的產品在搜尋之戰中勝出? </li></ul>
  10. 11. Search= <ul><li>Yahoo! </li></ul><ul><li>Google </li></ul><ul><li>看影片 : Youtube </li></ul><ul><li>聽音樂 : KKBOX </li></ul><ul><li>買東西 : Yahoo 拍賣 </li></ul><ul><li>找地點 : Google 地圖 </li></ul><ul><li>買書 : 博客來 </li></ul><ul><li>借書 : 圖書館線上目錄 OPAC </li></ul>
  11. 12. Search= <ul><li>Yahoo! </li></ul><ul><li>Google </li></ul><ul><li>看正妹? </li></ul><ul><li>找另一半? </li></ul><ul><li>看電影? </li></ul><ul><li>新 3C 產品? </li></ul><ul><li>KTV 找歌? </li></ul><ul><li>找計程車? </li></ul><ul><li>找停車位? </li></ul>
  12. 13. What 什麼是 搜尋引擎最佳化
  13. 14. Search Engine Optimization <ul><li>改善自然搜尋結果排名 </li></ul><ul><li>Search Engine Positioning </li></ul>
  14. 15. <ul><li>1.G: offline world positioning </li></ul><ul><li>2.G: web search engine optimization </li></ul><ul><li>3.G: universal information search </li></ul>
  15. 16. Why 為甚麼要作 SEO
  16. 17. 60%-72% 的使用者會點… .
  17. 18. 付費連結 自然連結 整合搜尋
  18. 20. How 如何作 SEO
  19. 21. White & Black <ul><li>SEO 技巧分為正派 (White hat) 與 (Black hat) 邪派 </li></ul>
  20. 22. 資訊科學 > 資訊檢索 Information Retrieval 資訊搜尋技術 Search engine 演算法 algorithms 搜尋結果 Search result
  21. 23. SEO / Webmaster / Hacker 演算法 algorithms 搜尋結果 Search result 逆向工程 演算法模型 algorithms 改善搜尋結果 Search result
  22. 24. White & Black <ul><li>正派 (White hat) </li></ul><ul><ul><li>根據資訊檢索 設計原則 ,改善搜尋結果排名 </li></ul></ul><ul><li>邪派 (Black hat) </li></ul><ul><ul><li>根據搜尋引擎 演算法缺陷 ,改善搜尋結果排名 </li></ul></ul>
  23. 25. 正派 一言以蔽之
  24. 26. 以人為本 對人無障礙,也就對機器無障礙 (accessibility)
  25. 27. http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf
  26. 28. Title Tag <ul><li>取個特別、正確的頁面標題 Create unique, accurate page titles </li></ul>1
  27. 29. 標題示範 <ul><li>歡迎來到 ABCD 小鋪 </li></ul><ul><ul><li>除非你希望讓人家找到「歡迎」「光臨」「小鋪」 </li></ul></ul><ul><li>更正建議 </li></ul><ul><ul><li>ABCD 小鋪 - 球員卡、運動商品、卡片交換 </li></ul></ul>
  28. 30. tips <ul><li>Q: 標題越長越好嗎? </li></ul><ul><li>經濟地運用與網站內容相關的標題 </li></ul><ul><ul><li>充斥與網站內部無關的標題,會被惡意扣分 </li></ul></ul><ul><li>避免用說明性的標題 </li></ul><ul><ul><li>過長會被截斷 </li></ul></ul>
  29. 31. tips <ul><li>避免全站的標題都是一樣的 </li></ul><ul><li>每一頁都有自己的標題 </li></ul>
  30. 32. Meta description <ul><li>善用網頁的”詮釋資料” Make use of the &quot;description&quot; meta tag </li></ul>2
  31. 35. 搜尋結果簡述 的資料來源 <ul><ul><li>Google: </li></ul></ul><ul><ul><ul><li>meta description </li></ul></ul></ul><ul><ul><ul><li>DMOZ (open directory project) 中的描述 </li></ul></ul></ul><ul><ul><li>Yahoo! </li></ul></ul><ul><ul><ul><li>Meta description </li></ul></ul></ul><ul><ul><ul><li>Yahoo! 網站分類中的描述 </li></ul></ul></ul>
  32. 38. Friendly URL <ul><li>改善網址結構 Improve the structure of your URLs </li></ul>3
  33. 39. <ul><li>(O) http://www.abc.com/green-dress.html </li></ul><ul><li>(X) http://www.abc.com/greendress.html </li></ul><ul><li>(X) http://www.abc.com/green_dress.html </li></ul><ul><li>(X) http://www.abc.com/article.asp?id=516&n=7849w5 </li></ul>
  34. 40. navigation <ul><li>讓網站容易瀏覽 Make your site easier to navigate </li></ul>4
  35. 41. <ul><li>提供合理,好用的導覽連結 </li></ul><ul><li>Sitemap.xml </li></ul><ul><li>使用純文字連結 </li></ul><ul><ul><li>避免使用「非文字」的導覽連結。如: flash, 圖檔 </li></ul></ul><ul><li>使用「麵包屑 (breadbrumbs) 」導覽 </li></ul>
  36. 43. http://www.nytimes.com/ref/membercenter/help/siteindex.html
  37. 44. http://spiderbites.nytimes.com/
  38. 45. Sitemap.xml
  39. 46. 麵包屑 : Breadcrumbs http://www.kenston.k12.oh.us/khs/articles/breadcrumb-trail.php
  40. 48. 內容 <ul><li>提供優質內容 Offer quality content and services </li></ul>5
  41. 49. 好內容的定義 <ul><li>平易易讀 Write easy-to-read text </li></ul><ul><li>有組織 Stay organized around the topic </li></ul><ul><li>使用讀者的語彙 Use relevant language </li></ul><ul><li>創作獨特內容 Create fresh, unique content </li></ul>
  42. 50. Link text <ul><li>有意義的連結文字 Write better anchor text </li></ul>6
  43. 51. <ul><li>重要的連結,避免 </li></ul><ul><ul><li>語焉不詳: “點我”、”點此” </li></ul></ul><ul><ul><li>過於一般: “產品”、”關於我們”、”服務” </li></ul></ul>
  44. 52. <ul><li>連結文字避免太長 </li></ul><ul><ul><li>相關說明可以置於連結前後文 </li></ul></ul><ul><li>提供 title 說明 </li></ul><ul><ul><li><a href=“xxxxxx” tilte=“ 說明文字” >XXXX</a> </li></ul></ul>
  45. 53. Heading tag <ul><li>適當地使用 heading tag Use heading tags appropriately </li></ul>7
  46. 54. <ul><li>避免: </li></ul><ul><ul><li>只是在視覺上放大或美化標題 </li></ul></ul><ul><ul><li>為了美觀只使用圖檔或動畫當作標題 </li></ul></ul>
  47. 55. IMG alt <ul><li>圖片也要加上說明 Optimize your use of images </li></ul>8
  48. 56. <ul><li>避免 </li></ul><ul><ul><li>用 image01.gif 這類檔名 </li></ul></ul><ul><ul><li>為了美觀用圖檔製作重要的內容 </li></ul></ul>
  49. 57. robots.txt <ul><li>善用 robots.txt Make effective use of robots.txt </li></ul>5
  50. 58. <ul><li>robots.txt </li></ul><ul><ul><li>寫給搜尋引擎機器人看的 </li></ul></ul><ul><ul><li>宣告哪些內容拒絕被搜尋引擎檢索 </li></ul></ul><ul><ul><li>Sitemap.xml 的相反 </li></ul></ul><ul><ul><li>防君子不防小人 </li></ul></ul>
  51. 59. nofollow <ul><li>使用 nofollow 的連結 Be aware of rel=&quot;nofollow&quot; for links </li></ul>10
  52. 60. <ul><li>宣告此連結是「廢票」 </li></ul><ul><li>為了防治氾濫的 spam </li></ul>
  53. 61. 連結 , 連結結構
  54. 62. 三種連結 <ul><li>內部連結 Internal links </li></ul><ul><li>導出連結 Outbound links </li></ul><ul><li>導入連結 Inbound links </li></ul>
  55. 63. 內部連結 <ul><li>避免過深的連結 ( 見 google.4 良好的導覽 ) </li></ul><ul><li>確保搜尋引擎可以取得連結 ( 見 google.4 避免圖片或 Flash 導覽 ) </li></ul><ul><li>有意義的連結文字 ( 見 google.6 連結文字 ) </li></ul><ul><li>確保 Google 可以連結到所有網頁 ( 見 google.4 sitemap.xml) </li></ul>
  56. 64. 導出連結 <ul><li>好的導出連結: 提供使用者良好的參考資訊 </li></ul><ul><ul><li>提高使用者經驗 </li></ul></ul><ul><ul><li>提高網站信譽 </li></ul></ul><ul><li>不好的導出連結: </li></ul><ul><ul><li>過多不相關的連結 </li></ul></ul><ul><ul><li>連向信譽差的網站 ( 如 : spam) ( 見 google.10 nofollow) </li></ul></ul>
  57. 65. 導入連結 <ul><li>建立值得讓他人連結過來的品質 </li></ul><ul><li>時時關心使用者的需求 </li></ul>
  58. 66. Matt Cutts ideas <ul><li>Spotlight your search term on the page. </li></ul><ul><li>Fill in your &quot;tags.“ (see google 1,2,keyword) </li></ul><ul><li>Get other sites to &quot;link&quot; back to you. </li></ul><ul><li>Create a blog and post often. </li></ul><ul><li>Register for free tools. (google webmastertools) </li></ul><ul><li>Don't overdo it. </li></ul>http://www.usatoday.com/tech/products/services/2008-06-22-google-search-engine-optimization_N.htm
  59. 67. 網頁技術之外 <ul><li>其他媒體 </li></ul><ul><li>其他平台 </li></ul><ul><li>社群經營 </li></ul>
  60. 68. <ul><li>所有搜尋刺激都來自於其他媒體 </li></ul><ul><ul><li>不要只買關鍵字 </li></ul></ul><ul><ul><li>也不要完全不買關鍵字 </li></ul></ul>A
  61. 69. <ul><li>不是只有網站需要 SEO </li></ul><ul><ul><li>Youtube </li></ul></ul><ul><ul><li>Yahoo 生活 + </li></ul></ul><ul><ul><li>Yahoo 拍賣 </li></ul></ul>B
  62. 70. <ul><li>但是,目前國內搜尋的演算技術仍離國外有相當距離… . </li></ul><ul><li>例如:當我想要在 Yahoo 商店找 Nokia 手機… </li></ul>
  63. 73. <ul><li>當前,具有規模的資訊檢索演算法都會參考社會網絡運算 </li></ul><ul><ul><li>Google PageRank </li></ul></ul><ul><li>SEO 需要社群操作 </li></ul><ul><ul><li>切入社群需求 </li></ul></ul>C
  64. 74. 快速回顧
  65. 75. Tips 1/3 <ul><li>Content </li></ul><ul><li>Accurately content </li></ul><ul><li>Rich accurately content </li></ul><ul><li>內容 </li></ul><ul><li>正確的內容 </li></ul><ul><li>豐富且正確的內容 </li></ul>清楚的網頁標題 (meta tag) 有語義的 URL (URL friendly) 網頁內容具有語義且清楚的 HTML 結構 提供 meta: description
  66. 76. Tips 2/3 <ul><li>Links </li></ul><ul><li>Links to you </li></ul><ul><li>More external links </li></ul><ul><li>More High Quality (authority) external links </li></ul><ul><li>連結 </li></ul><ul><li>指向你的連結 </li></ul><ul><li>更多指向你的連結 </li></ul><ul><li>權威或可信度高的網站指向你 </li></ul>
  67. 77. Tips 3/3 <ul><li>了解目標使用者社群所在 </li></ul><ul><li>參與特定社群空間 </li></ul><ul><li>提供貢獻,引導正面口碑連結 </li></ul>
  68. 78. Practice
  69. 79. 3C
  70. 80. Good <ul><li>Title tag </li></ul><ul><li>Meta description </li></ul>
  71. 81. Bad <ul><li>Title tag </li></ul><ul><li>Meta description </li></ul>
  72. 82. 討論與問題 陳啟亮 [email_address] 知世網絡 網站資訊架構師

×