
SEO 新手在剛接觸網頁優化時,首先都會遇到程式碼不知道該如何進行 Meta Tag 元標籤屬性的添加問題,除了基本的 Title Tag 標題屬性、Keywords Tag 關鍵字屬性與 Description Tag 描述屬性之外,還有社群媒體的專用標籤。
而現在有一款免費的線上 SEO 工具「metatags.io」,能夠幫你即時的顯示網站的預覽圖,讓你快速預覽網站的標題、網址與描述在 Google 搜尋結果的顯示畫面,同時也能讓你即時的進行編輯與修改,並幫助你自動產生相對應的標籤屬性。
只要透過「metatags.io」,除了能夠預覽搜尋結果的顯示結果之外,也能迅速幫你產生 Facebook、Twitter、LinkedIn、Pinterest、Slack…等等社群媒體的社群標籤屬性,讓你的文章或網站被分享到社群媒體時,都能正確的顯示網站的圖片、標題、網址與敘述。
Meta Tag 元標籤屬性產生器 – 自動產生程式碼的線上 SEO 工具
網站名稱:Meta Tags — Preview, Edit and Generate
網站網址:https://metatags.io/
目錄
Meta Tags 線上產生器教學
步驟一
輸入指定網址
前往「https://metatags.io/」進入 Meta Tags — Preview, Edit and Generate 的頁面,在上方搜尋框中輸入你的網址:

步驟二
設定 MetaData
在「METADATA」欄位當中,可以上傳你自訂義的圖片、更改你的預設標題(Title Tag)與敘述標籤(Description Tag):

當你上傳圖片與設定標題、敘述之後,在右側就會即時顯示這些設定在 Google 搜尋結果、Facebook、Twitter…等社群媒體,當中的呈現樣式:

步驟三
點擊「GENERATE TAGS」按鈕,產生 Meta Tags 程式碼:

接著只要複製自動產生出來的 Meta Tags 到你的程式碼 <head> 當中,就大功告成拉!

metatags.io 使用心得
目前這個自動產生 Meta Tags 的線上 SEO 工具也有提供 WordPress 的付費外掛,如果你的網站是使用 WordPress 建立的,那麼你也可以參考購買他的 WordPress 外掛做使用。

不管你是使用他的免費線上工具來產生 Meta Tags,或是直接購買他的 WordPress 付費外掛,替你的網站添加 Meta Tags 標籤屬性就是這麼簡單!
如果你覺得這個線上 SEO 工具產生 Meta Tags 的功能非常好用,你可以在下方留言告訴我你的使用心得哦!
這篇文章對你有幫助嗎?
相關文章
- SimilarWeb – 免費網站流量查詢工具,可查詢網站世界排名與網站搜尋熱門關鍵字並分析競爭對手網站
- On-page SEO 網站優化 – 改善內容提升排名的秘訣
- Lihi.io 台灣免費短網址工具,可設置分流與 A/B 測試,並提供 UTM 參數設定結合 GA 整合行銷數據
- Pixelcut Image Recolor AI 自動識別快速替換照片顏色,可快速更改衣服或產品的顏色
- FoneDog Photo Compress – 免費線上圖片壓縮工具支援 JPEG, PNG, SVG, Gif 格式與批次上傳功能
- 大家找寶貝 – 寶可夢地圖網頁版教學,快速搜尋寶可夢與道館位置,Pokemon GO 推薦工具
- SaveMedia.Website 免費 YouTube 影片下載工具,支援 100+ 熱門影音網站不須註冊無限制使用
- THE TOP LINK – 免費製作數位名片,可自訂連結與圖示打造個人品牌,統一管理所有社群平台連結
- Magic Copy 免費 Chrome 擴充功能一鍵去除背景,運用人工智慧技術自動辨識圖片主體和背景
- SnapEdit Remove BG 線上自動去背工具,透過 AI 自動去除人物背景,並提供客製化背景顏色替換
- SnapEdit 透過 AI 快速移除照片中的人物與物體,並提供自動選取功能自動辨識可刪除的範圍
- ChatDOC 結合 ChatGPT 快速分析 PDF 檔案,透過 AI 快速了解資料彙總與問答,並可支援批次檔案上傳
Leave a Reply