使用方式
- 輸入網頁標題和一至兩句的描述。
- 新增 canonical URL，並選擇是否允許搜尋引擎為網頁建立索引及追蹤網頁上的連結。
- 填入 Open Graph 圖片，以及需要與標題和描述不同的欄位，再選擇 Twitter card 類型。
- 複製產生的 HTML 或下載檔案，並貼到網頁的 <head> 內。
運作方式
產生器只會寫入您需要的標籤。所有值都會經過 HTML 跳脫（& < > " 和 ' 會轉換為實體字元），因此標題即使包含引號或角括號，也不會破壞標記。
各標籤的用途：charset 告知瀏覽器文字編碼，應放在 head 的開頭；viewport 讓網頁在手機上依裝置寬度排版；title 會顯示在瀏覽器分頁和搜尋結果中；meta description 可能會用作搜尋摘要，但不影響排名；canonical link 告知搜尋引擎，含有重複內容的網頁中哪個 URL 是主要版本；robots 設為 noindex 可讓網頁不出現在搜尋結果中，而 nofollow 則會要求爬蟲不要追蹤網頁上的連結。爬蟲必須能夠存取網頁，robots 標籤才會生效，因此請勿同時在 robots.txt 中封鎖該網頁。
Open Graph 標籤（og:…）會控制許多社群與聊天應用程式中的連結預覽。如果 og:title、og:description 或 og:url 為空，工具會沿用 title、description 和 canonical URL。支援 Twitter card 標籤的平台會以 Open Graph 值作為標題、描述和圖片的備用資料，因此只會產生 twitter:card。
範例
部落格文章
標題、描述、canonical URL、1200×630 的 og:image 和 summary_large_image 大約會產生十行標籤，涵蓋搜尋結果和連結預覽所需資訊。
不列入搜尋結果的感謝頁面
取消勾選「允許建立索引」，即可加入 <meta name="robots" content="noindex, follow">。訪客仍可瀏覽此頁面，但它不應出現在搜尋結果中。
含有引號的標題
標題 Ask "Anything" & <Learn> 會寫成 Ask "Anything" & <Learn>，瀏覽器顯示時會與輸入內容完全相同。
常見問題
meta keywords 標籤有助於 SEO 嗎？
沒有。多年來，主要搜尋引擎一直不採用 meta keywords 作為排名依據，因此這個產生器不會加入該標籤。
Open Graph 和 Twitter card 標籤都需要加入嗎？
通常除了 Open Graph 標籤外，只需要加入 twitter:card，因為標題、描述和圖片會以 og: 值作為備用資料。
這些標籤應放在哪裡？
放在每個頁面的 <head> 元素內。使用 Next.js、WordPress 佈景主題或靜態網站產生器等框架時，請透過其 metadata 設定輸出相同的標籤。
每個網頁都應該有 canonical 標籤嗎？
建議加入，特別是相同內容可透過多個 URL 存取時（例如追蹤參數、排序選項、http 和 https）。網頁的 canonical URL 可以指向自身。
隱私權
標籤會在您的瀏覽器中產生。您輸入的內容不會上傳或儲存。