工具用的順手嗎?
你的回饋能幫助我們做得更好
幫助網站管理員快速生成符合SEO標準的HTML meta標籤程式碼,提升搜索引擎可見度。
概覽
了解工具能解決的問題、計算或處理邏輯,以及資料邊界。
這個工具讓你為單一網頁填入標題、描述、關鍵字、作者、頁面網址、分享圖片、網站名稱及 Twitter 帳號,並組合成可複製的 HTML 片段。輸出分成基本資料、Open Graph 社群分享欄位,以及 Twitter Card 欄位;後兩者會使用你提供的標題、描述、網址與圖片。title 是瀏覽器與搜尋結果可參考的頁面標題,meta description 則是供搜尋服務參考的頁面摘要,社群標記則提供分享卡片所需資訊。
頁面上的搜尋結果與社群卡片只是依目前輸入繪製的外觀示意,並非向 Google 或社群平台查詢後的實際結果。Google 主要從頁面內容產生搜尋摘要,有時才會採用 meta description;同一頁面也可能因搜尋詞不同而顯示不同摘要。Google 搜尋摘要說明。HTML 的 title 與 meta 元素應放在文件 head;可參考 WHATWG HTML Standard。
指南
依步驟完成操作,並透過範例核對輸入與結果。
在基本資料區填入該頁的標題與描述,可再補充關鍵字、作者。標題旁有 60 字元計數提示,描述旁有 160 字元提示;這是介面提示,不是搜尋平台保證採用的固定上限。
切換至社群資料區,填入完整頁面網址、分享圖片網址、網站名稱及選填的 Twitter 帳號。請使用預計發布的正式頁面和可公開讀取的圖片網址。
在預覽區確認標題、描述、網址和圖片是否一致,再切換至程式碼檢視。預覽是示意,程式碼才是工具依輸入組成的標記;按複製後,貼入網站管理方式允許編輯的該頁 head 區域。
確認網站最後輸出的 HTML 只有一組正確的標題與相關標記,並檢查頁面和圖片可被目標平台存取。若使用內容管理系統,先確認它是否已自動產生相同欄位,以免重複輸出。
情境
查看這項工具在不同工作與生活流程中的用法。
新增產品、活動或文章頁時,先為該頁準備對應的標題、摘要與作者資訊,再複製輸出交由網站編輯流程加入 head。逐頁填寫有助於避免每個頁面都沿用首頁文案。
行銷或內容編輯人員可填寫頁面網址、分享圖和網站名稱,查看示意卡片的內容是否互相吻合,再把 Open Graph 與 Twitter Card 標記交給網站維護者發布。
不熟悉標記語法的編輯者可先整理欄位並複製片段,附上目標頁面交由工程人員檢查、逸出文字並整合至現有模板。產生片段不會替網站部署或修改頁面。
問答
集中解答常見疑問與容易混淆的問題。
不一定。Google 主要依頁面內容自動產生摘要,認為 description 更適合時才可能採用;顯示內容也可能隨查詢改變。
不能。Google Search 文件明確說明 meta keywords 不會影響其索引或排名。這個欄位仍會出現在生成片段中,但不應視為 Google 排名設定。
60 與 160 是介面上的計數提示,工具仍會依輸入組成程式碼。Google 搜尋結果的摘要長度會依裝置可用寬度調整,無法用這兩個數字保證完整顯示。
先確認正式頁面已發布、分享網址與圖片網址可公開存取,並檢查頁面實際 HTML 是否包含更新欄位。此工具的預覽不會讀取平台已快取的卡片;平台端實際呈現仍依其抓取與更新方式而定。
須知
使用前了解適用範圍、結果限制與必要提醒。
工具會照輸入文字直接組成標記,並不會替輸入中的引號或角括號進行 HTML 屬性逸出。複製前先檢查這些字元;若欄位包含它們,請由熟悉 HTML 的人員按屬性規則處理,避免內容破壞標記結構。檢查 title、description、網址和圖片確實屬於同一頁,也要確認網站模板沒有重複輸出標題或分享標籤。
這是單頁標記產生與示意預覽工具,不會掃描既有網站、分析關鍵字、評分 SEO、部署頁面或驗證搜尋索引。搜尋排名、摘要內容與分享卡片最終外觀由各平台依頁面及其處理方式決定;產生標記不保證排名、收錄或固定顯示文字。
推薦
查找相關工具、專題與可用的 API 能力。