當使用者將網址複製、貼上 LINE 時會在對話視窗顯示網頁標題、描述和縮圖，這些資訊是從頁面的 Open Graph 標籤抓取而來，簡單來說，網頁開發者會透過 Open Graph 標籤指定網站標題、說明、固定網址、語言和圖片鏈結等資訊，讓搜尋引擎、社群網站或即時通訊軟體使用這段內容來呈現出預覽效果，因此完善 Open Graph 標籤資訊很重要，有助於讓網頁在各種平台顯示正確資訊。
網頁開發
SpeedVitals 免費網站性能分析工具，最佳化網站使用體驗
身為網站管理者經常會去改動網頁各項參數，或是調整看得到的版型設計等相關細節，在搜尋引擎即將開始提高網站使用體驗核心指標（Core Web Vitals）佔比之際，需要開始最佳化網站使用者體驗，有助於讓網站在搜尋結果獲得更多的曝光機會。大多數情況會使用 Google PageSpeed Insights 去進行測試評分，但它給的建議較少，搭配 GTmetrix 可以獲得更多的分析結果，不過 GTmetrix 有每日可免費使用次數限制，接下來的服務是免費替代方案。
Wicked Backgrounds 製作漂亮的波浪狀背景圖，適用於網站、簡報設計
之前介紹過一些線上背景產生器，例如 Cool Backgrounds 內建五種背景類型，可以製作三角幾何圖形、科技粒子效果、CSS 漸層背景、漸層地形圖不同色彩組合，如果想產生簡單但又有點活潑的圖案，帶有漸層色的波浪背景圖是個不錯的選擇，例如 Svg Wave、Get Waves 或 SVG Waves 都是波浪圖產生器，功能相近，使用者能調整波峰數、高度、顏色或形狀變化等等。
Fast or Slow 免費網站測速工具，從全球 18 個位置測量網頁效能速度
如果想測試網站或部落格開啟速度，可不是只有在自己瀏覽器以開發人員工具檢查而已，用感覺的方法一定不準確，而且網站開啟速度也會受到各種因素影響，其中又以地理距離最為顯著，在不同國家地區存取網站的各種資源可能會有不同的反應速度或表現，甚至某些檔案在一些區域難以開啟等等，這都要使用網站測速服務才能做到，例如之前推薦過的「16 個免費網站測速工具，分析網頁效能表現」就有很好用的選項。
ILoveAdaptive 線上測試回應式網頁設計在不同裝置呈現效果
Screen Sizes 收錄 Apple 裝置顯示器、解析度和安範圍等技術資訊
做為應用程式開發者應該會需要檢索各種裝置的顯示器大小，雖然在網路上搜尋一下就能查到資料，如果整合為單一工具會更易於查找，例如我之前推薦過「Screen Sizes 常用手機、平板電腦和顯示器螢幕尺寸大小、寬度等資訊查詢」就收錄常見的智慧型手機、平板電腦和筆電顯示器資訊，不過比較可惜的是網站似乎沒有提供較新的裝置，若是有所疏漏還是只能到其他網站搜尋。
Adobe Fonts 提供五種「文鼎中文字型」免費雲端下載，可個人和商業用途（方新書、明體、晶熙黑、魏碑、圓體）
以前有一段時間我使用台灣文鼎科技的「iFontCloud 文鼎雲字庫」網頁字型服務，因為它收錄一些自家開發設計的高品質字型，提供包括字型租賃和網頁字體服務，可將頁面中所使用的字以雲端技術套用為其他字型，使用者無需取得這些字型也能讓網頁呈現更好的效果，網頁字型技術在 Adobe Fonts（以前稱為 Typekit）和 Google Fonts 都有提供，Adobe Fonts 渲染速度和效果較好，如果你有訂閱 Creative Cloud 的話還能從網站免費取得各種字型。
VISIWIG 整合免費圖示、背景圖和紋理效果，一鍵複製 CSS、SVG 程式碼
這幾年有不少背景圖案製作工具，都可以在線上預覽、客制化圖形細節，最終產生 CSS 和 SVG 格式，甚至在不用下載任何檔案的情況下直接複製程式碼，加入網頁就會獲得非常好的效果，兼具品質和效能，也不會拖慢網頁速度。例如之前我厭過的 Hero Patterns 快速產生重複圖案 CSS 背景；CSS Background Patterns 也能製作各種純色彩背景圖，如果需要背景圖也能試試看接下來要介紹的服務。