SEO Checker 專業 SEO 報告工具,找出各種網頁問題並提供解決方案

SEO Checker 專業 SEO 報告工具,找出各種網頁問題並提供解決方案

如果說到要怎麼改善搜尋引擎最佳化(SEO)成效,我通常會說先把程式碼寫對寫正確,然後檢查一下網站速度使用者體驗,尤其是 Google 已經將網站使用體驗核心指標(Core Web Vitals)列為搜尋排序的因素,如何最佳化三項指標:LCP、FID 和 CLS 就是目前最重要的工作,另一方面,必須要仔細閱讀「Google 搜尋引擎最佳化入門指南」有助於建立起正確的觀念。以往各項網站最佳化操作依然可行,也是網站管理者必須要注意而且時時刻刻檢視的項目,透過一些工具進行分析有助於找出並且釐清應該進行的相關操作。

SpeedVitals 免費網站性能分析工具,最佳化網站使用體驗

SpeedVitals 免費網站性能分析工具,最佳化網站使用體驗

身為網站管理者經常會去改動網頁各項參數,或是調整看得到的版型設計等相關細節,在搜尋引擎即將開始提高網站使用體驗核心指標(Core Web Vitals)佔比之際,需要開始最佳化網站使用者體驗,有助於讓網站在搜尋結果獲得更多的曝光機會。大多數情況會使用 Google PageSpeed Insights 去進行測試評分,但它給的建議較少,搭配 GTmetrix 可以獲得更多的分析結果,不過 GTmetrix 有每日可免費使用次數限制,接下來的服務是免費替代方案。

設定 Cloudflare 健康情況檢查監測特定伺服器或網站,無法連線時發送通知

設定 Cloudflare 健康情況檢查監測特定伺服器或網站,無法連線時發送通知

上週因機房的網路連線異常,導致免費資源網路社群網站有幾分鐘無法連線時間,預先設定的網站監控服務也陸續傳送警報通知,例如我介紹過的 Uptime Robot 就有手機應用程式可推送通知;或是另一個 Better Uptime 在監測網站變化上也相當即時快速(可惜它的免費方案不能推送應用程式通知)。如果你是使用 WordPress 架站的話,官方的 Jetpack 外掛提供相當多模組功能,其中就有一項監測服務 Jetpack Monitor 也很有用,完全不用額外設定,網站異常時會以 Email 通知。

啟用 Cloudflare Browser Insights 收集網站 Web Vitals 和效能指標

啟用 Cloudflare Browser Insights 收集網站 Web Vitals 和效能指標

為了讓網站往好的方向成長,平常就要持續實驗、調整然後分析來找出可以最佳化的項目,維持網站內容新鮮度也很重要,就我的經驗來說我和大部分站長一樣都會透過 Google PageSpeed Insights 檢測網站評分,參考結果提供的說明進行調整,或是使用 Google 「Web.dev」協助開發者打造出更現代化網頁,其實追求分數高低沒有什麼實質意義,反而是解決網站已知問題較有幫助,畢竟每個案例都大不相同,對其它網站有用的最佳化方式也不一定適合自己。

Simple Ops 最簡單的網站效能監測服務,指標分數發生變化時發送通知

Simple Ops 最簡單的網站效能監測服務,指標分數發生變化時發送通知

雖然介紹過不少網站監測服務,但大多數仍以監控可正常運作時間(Uptime)為主,也是目前比較主流的監測項目,當網站無法正常連線時會透過 Email 、簡訊或是其他渠道發送警報,讓管理者在最短時間修復問題,減少因無法開啟網站造成的損失。除了可正常連線外,其實還有許多可以監控的因素(畢竟網站可不是只有能不能打開這麼簡單一件事),像是效能、速度和網站體驗核心指標等等都可能會因為時間或是更新而有變動。

JetBrains Mono 更適合閱讀程式碼的等寬字型,內建四種字重斜體可商用

JetBrains Mono 更適合閱讀程式碼的等寬字型,內建四種字重斜體可商用

這幾年不少大公司都把字型開放出來讓需要的使用者可以自由下載使用,例如微軟專為新的終端機程式設計的 Cascadia Code,美國政府在 USWDS(U.S. Web Design System)設計的 Public Sans,IBM 公司自行開發的 IBM Plex 字型,或是由 Red Hat 贊助以 Highway Gothic 為靈感設計的 Overpass Font 等等,這些字型都有非常高的品質,針對特定功能或需求而生,更重要的是授權方式清楚,使用時也不用擔心侵權等問題。

The End of Cookie Banners 同意讓網站使用 Cookie?美觀又好用的提示工具可免費加入網站

The End of Cookie Banners 同意讓網站使用 Cookie?美觀又好用的提示工具可免費加入網站

很多網站在需要用到 Cookie 時都會跳出提示訊息,詢問使用者是否同意讓網站取用資料,這在歐盟個資法 GDPR 上路後幾乎已經變成基本配備,大家需要按的就是我同意,或是直接把這條提示通知關閉(如果你已經厭倦瀏覽網站時經常跳出 Cookie 通知,可使用 I don’t care about cookies 外掛讓它自動關閉隱藏),在流程上已算善盡告知義務,如果想在自己的網站或網路服務放上同意使用 Cookie 的提示功能,你知道應該怎麼做嗎?

Frrames 瀏覽器視窗與裝置外框向量圖免費下載,製作擷圖更有質感

Frrames 瀏覽器視窗與裝置外框向量圖免費下載,製作擷圖更有質感

在撰寫文章的過程中,我很常需要自行製作螢幕擷圖,就我的經驗來說,帶有視窗外框和陰影效果會讓圖片更具有質感,但相對也會增加擷圖的時間和難度,例如我必須手動將視窗調整到最適切的大小,也要確保背景顏色不會太過複雜影響到圖片呈現的內容。如果你要展示的畫面需要帶有視窗效果,除了自己截圖外,可能還要透過繪圖軟體進行細部編修,那麼有沒有更好的解決方案呢?