對我來說，要讓網站在搜尋引擎取得好的排名表現，把程式碼寫正確是首要任務，因此我相當重視 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 收錄各類型素材的整合式網站。
SuperTabs 強化瀏覽器分頁功能，快速切換頁面還可搜尋（Chrome 擴充功能）
HtmlWasher 網頁程式碼清理工具，快速去除雜亂代碼保留基本標籤
若你有接手編輯過他人網頁，或是複製其他頁面版型的經驗，應該會發現最困難的往往不是編輯網站，而是將現有的程式碼整理乾淨，讓它能夠格式化，呈現出一致的效果。尤其對於一些較為複雜的頁面，可能經過許多人無數次編輯後已經有些四不像，這時候就必須將不必要的部份代碼刪除，只留下最基本的部分，而這些過程大部分都是手動進行，不但很耗費時間心力，而且很可能因為修改錯誤而讓整個頁面跑掉。
Mega Tags 最完整社群媒體 META 標籤產生器，Facebook 社群經營必備
Everypixel Aesthetics Tool 利用類神經網路檢測相片吸睛指數，還能自動產生標籤
還記得前段時間我介紹過一款很特別的免費圖庫「Everypixel 整合 50 個頂尖免費圖庫搜尋引擎，使用演算法過濾不適合圖片還能比價」嗎？不同於其他圖庫搜尋服務，Everypixel 強調擁有相當獨特的類神經網路技術，會在搜尋結果提供使用者最適合的相片素材，也能從眾多相片來源中提前篩選掉不合用且浪費使用者時間的圖片，有助於縮短我們從龐大素材庫尋找圖片的時間，也更能找出真正有價值且對於網站有正面幫助的相片，跟以往只求數量而不要求品質的圖庫很不一樣。