SEO 網頁優化與標準化

訓練目標

  1. 學會自行改善網頁的關鍵字 (SEO) 。
  2. 學會自行維護及編製多媒體網頁內容 (影片、地圖…等) 。
  3. 學會規劃更友善的網頁內容。
  4. 學會管理網站內的文件。
  5. 學會檢驗網站的點閱率。
  6. 學會自行製作及寄發 eDM 。
  7. 懂得撙節預算，讓關鍵字廣告效益更大。
  8. 活用瀏覽器提供的網頁工具。
  9. 懂得如何與網頁服務廠商溝通。

註：『網頁』，包括部落格、網拍商品、eDM…等網頁形式文件。

培訓計劃

  1. SEO 網頁應有的認知。
    1. SEO 指的是網站的首頁？
    2. 實質文字才是 SEO 網頁的王道。
    3. 以標準 html 強化網頁內容的結構。
    4. 網址也要 SEO ？
    5. 持續地測試關鍵字搜尋結果並檢討調適。
    6. 善用搜尋供應者提供的網站分析數據。
    7. 申請標準的網域名稱並正確地設定伺服器 dns 。
    8. 網頁應提供值得參閱的資訊並妥善呈現。
    9. 網頁的內容應提供相關網頁的網狀連結。
    10. 其它優質的網站連結到的網頁也有 SEO ？
    11. SEO 不只是一時的任務。
    12. 花錢買關鍵字就可以不需要 SEO ？
    13. 行動裝置也需要 SEO 網頁？
  2. 使用免費的編製工具。
    1. Eclipse 整合式開發軟體
    2. Web APP ： html 編輯器
  3. 使用標準語言編製網頁： html 。
    1. 認識『標記語言』
    2. 元素 (elements) 與標籤 (tags)
    3. 屬性 (attributes)
  4. SEO 首要任務：建立良好的文章結構。
    1. 標題 (<h1>, <h2>, <h3>, …) ：高權重的配置。
    2. 段落 (<p>)
    3. 指向網址 (<a>)
      1. href, hreflang 屬性
      2. rel 屬性
  5. 圖片也需要 SEO。
    1. 影像參照 (<img>)
      1. src 屬性
      2. alt 屬性
    2. Data URI 數據碼取代媒體檔案。
    3. 網頁支援的影像格式。
    4. 局部使用 style 全域屬性 (global attributes) ，附加 css 設計。
    5. 圖檔應優化縮減大小，增進網頁的速度。
  6. 非文字的多媒體內容，應補強 SEO 。
    1. title 全域屬性 (global attributes)
  7. 規劃良好的網址有助 SEO 。
    1. 國際資源識別址 (IRI)
    2. 相對 (relative) 位址；絕對 (absolute) 位址。
  8. 活用瀏覽器提供的工具。
  9. 有條理地標準化網頁：條列項目。
    1. <ol>, <ul>, <li>
    2. <dl>, <dt>, <dd>
  10. html 文件的結構與 SEO 要素。
    1. <html>, <head>, <body>
    2. <title> 文件主題：極高權重的配置。
    3. <meta> 描述文件：高權重的配置。
    4. <link> 資源的連結：標示網頁間的關係。
    5. UTF 統一化編碼。
  11. 規劃具意義的結構，標準化網頁並更優化網址。
    1. <section>, <article>, <header>, <footer>, <nav>, <aside>, <address> …等。
    2. <div>, <main>
    3. id 全域屬性，指向文件內區域，網址更優化。
  12. 展示影片、動畫、地圖、音效…等多媒體內容。
    1. <video>, <audio>
    2. <object>, <embed>
    3. <iframe>
    4. <svg>, <canvas>
    5. <figure>, <figcaption>
  13. 不同語系也要 SEO 。
    1. lang 全域屬性
  14. 內文需要更強化關鍵字：字詞元素。
    1. <strong>, <em> ：高權重的配置。
    2. <abbr> ：有權重的配置。
    3. <dfn> ：有權重的配置。
    4. <code>, <kbd>, <samp>
    5. <q>, <small>
    6. <i>, <b>, <mark>, <span>
    7. <super>, <sub>
    8. <time> ：有權重的配置。
    9. <ins>, <del>, <s>
  15. 無助於標準化的表格。
    1. <table>
    2. <caption> ：有權重的配置。
    3. <tr>, <th>, <td>
    4. <tbody>, <thead>, <tfoot>
    5. <col>, <colgroup>
  16. 體驗 CSS 設計與內容的分工。
  17. 製作 eDM 及寄發。
  18. 特別用途的元素。
    1. white-space characters
    2. <pre>
    3. <blockquote>
    4. 看不見的、無法鍵盤打的、語言符號…等字元： Character Entity 。
  19. 善用網站分析數據。
    1. Google Search Console (網站管理員工具)
    2. Bing 網站管理員工具
    3. 百度 站長平台
  20. 加強非文件因素的 SEO 。
    1. SEO 服務商？花費，可靠嗎？ (Google 官方文件)

學習資格

  • 能閱讀簡單英文單字。
  • 會使用瀏覽器上網。
  • 線上自我評量 (請使用新式瀏覽器)

應用範圍

  • 網頁設計編製。
  • 雲端應用程式 (Web App) 。
  • 行動裝置應用程式 (Mobile App) 。
  • 部落格、 email 、網拍商品上架…等內容編製。
  • 網站關鍵字行銷。
  • 網拍、部落格關鍵字優化。
  • 無障礙網頁空間。

教學示範

  1. 不用 3 小時學會做圖文網頁。
  2. 純粹 html 編製的多媒體網頁。

相關證照

更新日期：