當使用者將網址複製、貼上 LINE 時會在對話視窗顯示網頁標題、描述和縮圖，這些資訊是從頁面的 Open Graph 標籤抓取而來，簡單來說，網頁開發者會透過 Open Graph 標籤指定網站標題、說明、固定網址、語言和圖片鏈結等資訊，讓搜尋引擎、社群網站或即時通訊軟體使用這段內容來呈現出預覽效果，因此完善 Open Graph 標籤資訊很重要，有助於讓網頁在各種平台顯示正確資訊。
標籤
Meta Tag Generator 網站資訊標籤產生器，為搜尋媒體和社群網路最佳化
對我來說，要讓網站在搜尋引擎取得好的排名表現，把程式碼寫正確是首要任務，因此我相當重視 Google 之前釋出的「搜尋引擎最佳化入門指南」說明文件，如果你對於開發網站有興趣，或是工作也會碰到相關內容，之前推薦過「HEAD 網頁開發參考手冊」很有用，它收錄 HTML5 在會出現的各種元件和使用範例，幫助開發者寫出更為完整全面的網頁標頭，對不想要翻找艱澀繁瑣說明文件的朋友 HEAD 也直接給出最基本的標頭範例。
Detailed SEO Extension 快速得知網頁的搜尋引擎最佳化相關資訊（Chrome 擴充功能）
通常在網站流量出現變化時網站管理者會去探究原因，如果你的訪客多為來自搜尋引擎的自然流量，有很大機會是搜尋引擎排名下降或類似問題，當然各家公司使用的演算法技術是商業機密，但通常都圍繞著一些大原則，像是被我視為最重要的 Google 搜尋引擎最佳化入門指南就是最核心的參考書，當中有提到使用正確語法清楚表達網頁資訊。
Bg-Patterns 日本免費網頁背景素材，提供常見格式及向量圖下載
如果要找尋一些很細膩、有質感的網頁素材，日本網站是個很好的去處，像是之前介紹過的 FLAT ICON DESIGN 收錄許多扁平化設計圖示，還有 FREE LINE DESIGN 提供各種分隔線素材，相片的話可以找找東京デート、Model.foto、photoAC、BIZUTART 和 PAKUTASO 等等，應該都會有不少收穫。有些網站其實很適合使用這一類素材，放上後的裝飾效果更能提升頁面整體質感。
修復 WordPress Gravatar 大頭貼圖片遺失 ALT 標籤 SEO 問題
本文參考資料 Missing WordPress Gravatar ALT tag value? How to fix, 原作者 App Shan。
如果有使用 WordPress 架站的話一定對 Gravatar 不陌生，Gravatar 算得上十年來最流行的大頭貼服務，只要在網站上以 Email 註冊一個帳號，上傳頭像與該信箱地址連結，在支援大頭貼功能的部落格留言後就會顯示你的頭像，而最多人使用的 WordPress 平台就支援 Gravatar（畢竟他們也是同一家公司 Automattic 旗下的項目）。即使現在比較多網站直接使用 Facebook 留言框取代內建的留言功能，依然會在作者介紹的欄位使用 Gravatar 大頭貼。
Metatags.io 線上預覽、編輯產生對應的 Meta 標籤
Paper-co 免費下載紙張紋理材質背景，高畫質圖片可做商業用途
網路上有各種素材資源可免費下載使用，如果花點時間搜尋通常能有收穫，當然在亞洲或美國網站找到的類型不太一樣，我個人比較喜歡日系素材，更為精緻細膩且符合我的需求，例如：Free line design 提供各種分隔線素材；Flat icon design 則有扁平化設計的圖示集免費下載，還有像是 Stockio 收錄各類型素材的整合式網站。
