Try   HackMD

林家瑋 Spark 的個人網站備忘錄

tags: 個人
  • 主要目的在於熟悉靜態網頁的製作,掌握 SEO 的專業技術。

  • 目前已部署在 AWS S3,透過 AWS 的 CloudFront 進行內容交付與 CDN 存取。

  • 使用 Https 確保網頁安全性,加強 SEO 排名。

    • 通過線上檢測工具 - SSL Server Test
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
      (Grade A 表示通過檢測,最高等級為 A+)
  • 先前圖片壓縮格式優化的問題,已經透過線上工具 - Squoosh 解決了!

  • 並透過下列的線上檢測工具,進行網站分析:

    1. Google 的 PageSpeed Insights,行動版得分平均為95分,電腦版平均得分為100分。

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

    1. Google 的 行動裝置相容性測試,測試結果為「網頁適合透過行動裝置瀏覽」。

      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →

    2. WebPageTest,使用 Simple Testing 模式,以 Mobile 4G 進行測試,結果如下(分數最高為 A+):

    • Security score: F
    • First Byte Time: A
    • Keep-alive Enabled: A
    • Compress Transfer: A
    • Compress Images: A
    • Cache static content: A
    • Effective use of CDN: OK (這一項目沒有分數高低的差別,只要有使用 CDN 就算通過。)
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
  • 目前只在 Google & Yahoo 進行 SEO,透過關鍵字「林家瑋 spark」等等關鍵字,就可以在搜尋引擎的第一頁看到我的個人網站。