iT邦幫忙

2023 iThome 鐵人賽

DAY 25
0

搜不到的Side Project 網頁

https://ithelp.ithome.com.tw/upload/images/20231010/20107703YKCR3tXbeR.png

儘管我們前期投入了大量心力來開發多項功能,卻發現我們的網站頁面在 Google 搜尋結果中無法被找到。

可能還有需要調整的部分?

SEO(搜尋引擎優化)

目的:提升網站在搜尋引擎的排名,增加網站的能見度和流量。
結果:透過優化,能有效地提高轉單率和業績。

Core Web Vitals(核心網頁指標)

由Google提出:一組用於評估網頁使用者體驗的指標。
主要焦點:網頁的加載性能、互動性和視覺穩定性。
重要性:這些指標是Google搜尋排名的一部分,對網站所有者和開發者來說,優化這些指標是很重要的一部分。

其他

待查詢更多資料

什麼是 Core Web Vitals 指標


附註:圖片來自 All you need to know about CWV (Core Web Vitals) and its Importance in the “DIGITAL MARKETING”

  1. Largest Contentful Paint (LCP): 這個指標測量網頁主要內容渲染到屏幕所需的時間。理想的 LCP 時間應該在 2.5 秒內。
  2. First Input Delay (FID): 這個指標測量用戶首次與網頁互動(例如點擊按鈕)到瀏覽器實際開始處理這些互動事件所需的時間。理想的 FID 時間應該在 100 毫秒內。
  3. Cumulative Layout Shift (CLS): 這個指標測量網頁在加載過程中視覺內容的穩定性。換句話說,它測量網頁元素在加載過程中的移動程度。理想的 CLS 分數應該小於 0.1。

Pagespeed Insight 裡我的 CWV

2023年09月13日
https://ithelp.ithome.com.tw/upload/images/20231010/201077035bIkVCcA6N.png

2023年10月10日 在測試發現 LCP 因為 gtag 的關係掉了
https://ithelp.ithome.com.tw/upload/images/20231010/20107703cfLfXj5IiL.png

有一個很低的分數是關於無障礙功能?

什麼是無障礙功能?根據 MDN 提供的內容

無障礙網頁的定義: 無障礙網頁是指設計和開發網站的過程,旨在讓更多的人可以輕鬆使用該網站,無論他們是否有身心障礙,使用不同的設備,或處於不同的網速環境。

為什麼無障礙很重要: 無障礙網頁不僅是一個倫理道德的問題,還是法律的一部分,可以擴大服務或產品的市場。此外,它有助於提升網站的搜索引擎優化(SEO)和公共形象。

無障礙對不同障礙群體的影響: 包括視覺障礙者、聽覺障礙者、行動障礙者和認知障礙者。對於每個群體,遵循相關的輔助技術和設計原則,以確保他們能夠輕鬆訪問網站內容。

如何實現無障礙網頁: 建議在專案的早期考慮無障礙設計,並在開發過程中進行測試。而 Web Content Accessibility Guidelines(WCAG)可作為一個重要的參考,這是一組關於無障礙網頁的指南。同時,使用 WAI-ARIA 規範來改善 HTML 元素的語義訊息。

無障礙網頁設計是一個重要的主題,可以確保網站對所有人都是可訪問的,無論他們的能力或環境如何。

使用 search console 來看看原因

搜索引擎優化(SEO)不是一個短期內就能見效的過程,而是需要長期的努力和持續優化。這不僅涉及到多方面的檢測和驗證,還需要專門抽出時間來進行。因此,SEO 是一個不可或缺且必須長期投資的重要環節。

search console 顯示需要一天的時間才會產生結果
https://ithelp.ithome.com.tw/upload/images/20231010/20107703xeTDHj1WQO.png

參考資料:
改善 SEO 的幾種方法 - GitHub Pages x Jekyll x Blog


上一篇
可用性測試與回饋
下一篇
優化 (重構)
系列文
打造紐時風格的時間線小遊戲30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言