metatags.io - 替你的網站自動產生 Meta Tag 元標籤屬性，改善網站排名的 SEO 工具 - TechMoon 科技月球

2021/12/25

SiteGround 3 折主機優惠 + WordPress 一鍵安裝完整教學

Hostinger 1.2 折主機優惠 + WordPress 一鍵安裝完整教學

SEO 新手在剛接觸網頁優化時，首先都會遇到程式碼不知道該如何進行 Meta Tag 元標籤屬性的添加問題，除了基本的 Title Tag 標題屬性、Keywords Tag 關鍵字屬性與 Description Tag 描述屬性之外，還有社群媒體的專用標籤。

而現在有一款免費的線上 SEO 工具「metatags.io」，能夠幫你即時的顯示網站的預覽圖，讓你快速預覽網站的標題、網址與描述在 Google 搜尋結果的顯示畫面，同時也能讓你即時的進行編輯與修改，並幫助你自動產生相對應的標籤屬性。

只要透過「metatags.io」，除了能夠預覽搜尋結果的顯示結果之外，也能迅速幫你產生 Facebook、Twitter、LinkedIn、Pinterest、Slack…等等社群媒體的社群標籤屬性，讓你的文章或網站被分享到社群媒體時，都能正確的顯示網站的圖片、標題、網址與敘述。

Meta Tag 元標籤屬性產生器 – 自動產生程式碼的線上 SEO 工具

目錄 hide

步驟一

前往「https://metatags.io/」進入 Meta Tags — Preview, Edit and Generate 的頁面，在上方搜尋框中輸入你的網址：

進入「https://metatags.io/」網站之後，在上方搜尋框輸入你的網站網址。

步驟二

在「METADATA」欄位當中，可以上傳你自訂義的圖片、更改你的預設標題（Title Tag）與敘述標籤（Description Tag）：

在「METADATA」欄位當中設定要顯示的圖片、標題與敘述

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

在右側能夠即時看到設定後網站出現在 Google 搜尋結果當中的呈現畫面與 Facebook、Twitter…等等社群媒體的呈現方式。

步驟三

點擊「GENERATE TAGS」按鈕，產生 Meta Tags 程式碼：

點擊右上方「GENERATE META TAGS」就能自動產生 Meta Tags 程式碼

接著只要複製自動產生出來的 Meta Tags 到你的程式碼

當中，就大功告成拉！

程式碼區塊當中就大功告成了！” class=”wp-image-2952″/>將自動產生出來的 Meta Tags 貼至網站的程式碼區塊當中就大功告成了！

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

不管你是使用他的免費線上工具來產生 Meta Tags，或是直接購買他的 WordPress 付費外掛，替你的網站添加 Meta Tags 標籤屬性就是這麼簡單！

如果你覺得這個線上 SEO 工具產生 Meta Tags 的功能非常好用，你可以在下方留言告訴我你的使用心得哦！