跳到主要内容

中繼標記 Meta Tag

以前,我們可以說meta tag是讓搜尋引擎看懂你的網站,但現在facebook有自己的meta tags、Twitter也有自己的meta tags,meta tags越來越繁雜,前端工程師往往需要認真閱讀每個tag的定義,曠日廢時。

如果你是第一次寫meta tags,看完類似的教學文後,你通常需要花點時間撰寫html code,再到各個平台上測試結果,中間修修改改、來來回回,其實頗費神,加上有些tag已經被淘汰,或者更新後不適用了,你可能又讀了兩三篇文章才找到正確的撰寫方式。

meta tag 簡易撰寫步驟

  1. 判別網站類型

網站類型有很多種,可能是Landing Page、部落格、新聞、個人作品集、公司網站、購物官網,根據你的網站而定,也有可能是同時有部落格功能也有購物功能的複合型的網站。

  1. 找出經典案例

根據你的網站類型,找出一個經典的、國際的、第一名的代表企業。

例如部落格可以挑Medium、新聞就商周、數位時代、CNN等等,個人作品集可以找Linkedin、公司網站就根據產業別,可以是Apple、Rolex、Gucci等等。

  1. 挑出 meta tag 的部分

複製網站原始碼(chrome右鍵),並挑出 meta tag 的部分

  1. 把meta tag改成你要的樣子

可選(使用第三方工具)

https://metatags.io/

未完.....

參考資料