HEAD 網頁開發參考手冊,收錄 HTML5 在 head 可用標籤及範例說明

HEAD 網頁開發參考手冊,收錄 HTML5 在 head 可用標籤及範例說明

如果你是自行架站的網站管理者,對網頁原始碼結構應該不陌生,若以 WordPress 架設網站通常會有完整 <head> 段落,取決於你使用的佈景主題,這部份是用來描述一個頁面的相關資訊,例如網頁標題、語言、樣式表、說明、關鍵字和略縮圖等等,很多時候會透過 SEO 外掛工具產生各種常用的 Meta Tags 以擴充佈景主題不足的部分,如果你要從頭開始寫一個網頁或佈景主題,就必須知道 <head> 有那些可用的標籤。

Checklist Design 網頁開發者必備參考手冊,助於學習更好的設計方式

Checklist Design

身為網頁開發者總會不斷重複一些類似的情境,例如協助其他公司製作網站的價目表、購物車、新手上路、網誌、招聘、聯繫頁面等等功能,可能不同公司對於內容的細節要求略有差異,但整體來說主軸不會相差太遠。舉例來說,部落格頁面需要有文章標題、縮圖、作者、內容和分享按鈕,非必要項目則有相關文章、訂閱、發佈日期和留言功能,那麼有沒有檢查清單可以讓開發者參照呢?

Killed by Google 收錄過往被 Google 關閉的產品服務列表

Killed by Google 收錄過往被 Google 關閉的產品服務列表
Copyright: miluxian / 123RF Stock Photo

網路時代大概是後浪推前浪的最佳典範,每個階段會流行起來的服務也不太一樣,例如早期知名的免空 Badongo(便當狗)在 2012 年關閉,ImageShack 曾是免費圖片空間之首,後來崛起的 Imgur 已經成為同類服務中的霸主,諸如此類的案例不勝枚舉。或許網路變化太快,若沒有跟上很快就被洪流淹沒。當然大公司也會有判斷失準的時候,不拿網路服務終結者 Yahoo 來說,就連 Google 也曾收掉不少旗下的產品和服務。

Google 推出全新網站檢測服務「Web.dev」,協助開發者打造現代化網頁

Google 推出全新網站檢測服務「Web.dev」,協助開發者打造現代化網頁

如果要說有什麼技能是網站經營者必備,搜尋引擎最佳化(SEO)大概歷久不衰,雖然看起來很容易,其實背後的學問很多,而且得依照時間不停的更新學習才行。每個人都會有一套自己的最佳化心法,對於不同類型的網站來說可能操作方式也不太一樣,但我始終認為 Google 相關工具非常具有參考價值,包括大家熟悉的 Google PageSpeed Insights 和搜尋引擎最佳化入門指南工具書,兩者在今年都有更新。

Google 搜尋引擎最佳化(SEO)入門指南更新,加入結構化資料和建立友善行動網頁

Google 搜尋引擎最佳化(SEO)入門指南更新,加入結構化資料和建立友善行動網頁
(Copyright: wdnet / 123RF Stock Photo

什麼是搜尋引擎最佳化(Search Engine Optimization,縮寫為 SEO)呢?相信網站站長們一定相當熟悉,簡單來說就是透過一些調整來提高網站在搜尋結果排名的方法,使網站更容易被找到,不過因為牽涉的因素太多太複雜,而且可能隨時都在發生變化,因此 Google 或任何搜尋引擎都很少公開談論 SEO。如果你想知道網站最佳化第一步應該何去何從,我會建議從閱讀「搜尋引擎最佳化初學者指南」開始。