meta tag 簡單介紹

May 24, 2016

meta tag 是html中用來描述額外資訊的tag,它可以告訴瀏覽器很多關於我們這個網頁的相關訊息,幫助瀏覽器正確且順利的解讀我們辛苦寫出來的網頁。

擺放位置

一般放在<head> </head> 之間。

相關屬性

可以直接參考(HTML <meta> Tag)[http://www.w3schools.com/tags/tag_meta.asp]

快速範例

<meta name="author" content="作者名稱">
<meta name="copyright" content="版權所有人名稱">

<link rel="author" href="google plus 個人頁網址/posts">
<link rel="publisher" href="google plus 個人頁網址">
<meta name="description" content="網頁描述">

<meta itemprop="name" content="網站名稱或標題">
<meta itemprop="image" content="要顯示的縮圖網址">
<meta itemprop="description" content="網頁描述">

<meta property="og:title" content="網站名稱或標題" >
<meta property="og:url" content="網址">
<meta property="og:image" content="要顯示的縮圖網址">
<meta property="og:description" content="網頁描述" >

參考與學習資源

SEO 老兵不死的 META TAG 美學
結構化資料 SEO 與 meta 標籤


Profile picture

Written by YU-HSIN, CHEN,
Front-end Engineer at PayPay Corporation.,
Loves pursuing modern web development.Find me on LinkedIn