身為網站管理員是否對網頁 <head> 的每一行原始碼瞭若指掌呢？其實這也是網頁相當重要的一部分，不過現今大多都是使用架站程式或是平台建置網站，可能很少會去注意這個部分，舉例來說，將必要的 Meta 標籤編寫正確能讓連結分享時呈現正確預覽，有助於提高被關注和點擊機會，其實這不會太難，透過 Metatags.io、Open Graph Meta 標籤產生器等工具就能輕鬆做到。
本文要介紹「Get out of my <head>」是無意間發現的一個很有趣的資訊、教學網站，協助網站管理者打造更快、更方便也更環保的網站，其中就環繞在 <head> 有哪些不必要（或過時）的原始碼，移除或以其他方式替代來獲得更好的效果。
網站為何需要優化 <head>？
舉例來說，網頁上常看到 X-UA-Compatible 標籤主要是用於指定 Internet Explorer（IE）瀏覽器的渲染模式，避免出現相容性問題，但現在基本上已經用不到了；此外，主流瀏覽器都會自動搜尋網頁根目錄的網站圖示（Favicon），因此也不需要自行定義圖示路徑和不同的圖示大小。
不過這些更動其實都很細微，也並不一定對網頁大小、速度帶來多大的幫助，有興趣的話就看一下吧！
網站資訊
網站名稱：Get out of my <head>
網站鏈結：https://getoutofmyhead.dev/
使用教學
開啟 Get out of my <head> 網站後就會看到幾個指南，數量不多大約只有五篇，加上一個連結預覽測試工具，點擊進入會看到完整說明和教學，例如 HandheldFriendly 標籤主要是指示瀏覽器或設備該頁面已針對手持式裝置進行最佳化，以確保內容在小螢幕上正確顯示，後來已經被 viewport 標籤取代以支援自適應設計。
不過依然在不少網頁看到這個過時的標籤，如果有的話記得將它刪掉。
另一個比較有趣的主題是「Link preview meta tags」，主要是介紹常見的社群網站、即時通訊軟體分別支援哪一些標籤和協定，例如 Open Graph（OG）標籤支援度最高，幾乎所有平台都支援！
此外，在 Meta 標籤中的 description 和 Twitter Card 也有非常高的支援度，若希望連結預覽在第三方平台顯示良好建議可以強化 Open Graph 標籤，並完善幾個必要的 Meta 標籤。
Get out of my <head> 網站給出非常完整的說明和建議，例如有些過時的標籤記得刪掉，或是使用比較新的替代方案來取代，網站開發者不妨參考看看，若有問題也可以在搜尋引擎進行深入搜尋或是以 AI 工具進行提問。
