iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 15
0
Modern Web

決定未來 SEO 的 25 項標準與通訊協定 (Standard and Protocol)系列 第 15

meta tag, 決定 SEO 的 25 項標準與通訊協定系列 XV

  • 分享至 

  • xImage
  •  

在 Head 中, 理論上只有幾個 tag:

  1. titlte
  2. style
  3. base
  4. link
  5. meta
  6. script
  7. noscript

這 7 個 tag 要去描述接下來真正被讀者看到, 除外都是被瀏灠器呈現 (Render) 的本體 (Body), 而 Body 有超過一百個 tag 來去 Markup 出內容, 但這幾個 head 的 tag, 說不重要是因為讀者看不到, 沒寫也沒關係, 但事實上當你考慮到 SEO 時, 又完全不是這麼一回事了.

我都說以 SEO 結構的觀點, 最重要的項目是:

  1. Domain Name 網域
  2. Directory 目錄
  3. URL 網址
  4. Title 標題
  5. Description 描述
  6. H1 Head1
  7. 其他

當然通常第 1 項網域的改變與新增是大事, 通常網頁在討論與考慮的, 在網址之外就是標題與描述了, 而標題在 HTML Tag 中就是 head 的 title, 那緊次於這些的 "描述" 呢? 這描述就躲在 meta 裏面.

所以這個 meta 到底重不重要呢? 基本上有在用 Search Console (原本叫 Webmaster Tools) 的人知道, 都會有一個 HTML 錯誤與改善, 其中有一個就是針對描述, 也就是 meta 這個 description 的 property 的使用, 若是沒有或是太短, 就是 SEO 很糟糕的事.

事實上不只 SERP (Search Engine Result Page) 有時也會使用 Description 做為網址標題後的描述, 這往往是決定讀者會不會點進的關鍵, 而後面更不用說更不用說了, 其他的 JSON-LD (ld+json) 等等的事都是排在後面附加想要加分的項目, 有時再怎樣也不會比 title 與 description 重要.

在前面幾個也提到, 在 head 裏面可以做許多事:

  1. 宣告 robots 如何讀取, 也是 meta 的一種
  2. Open Graph 都是用 meta
  3. RSS 也是種 link alternative
  4. AMP 也是靠 head 來去宣告
  5. Sitemap 也是個 link
  6. JSON-LD 是種 script
  7. Google News Crawler 也有自己的 meta, 如 news-keywords
  8. Breadcrumb 也是可以定義在 JSON-LD 中

當然雖然不完全都是靠 meta 來做定義, 但這邊就可以看到 head 的重要性與 meta 這個 tag 的重要性, 但也如同我上一篇說的, 這些標準與協定, 幾乎是沒有獨立存在的, 幾乎是共同架構出這個網頁, 網站, 知識庫的.

我是很想排出重要的 meta element 的....

  1. description
  2. robots 相關
  3. charset 與
  4. content 與 http-equiv
  5. viewport (RWD 後)
  6. Social Card/Graph (twiiter, facebook 之後)
  7. 新聞使用
  8. 作者與時間
  9. 其他 schema

上面有那些是你還沒加到呢?


上一篇
Breadcrumb, 決定 SEO 的 25 項標準與通訊協定系列 XIV
下一篇
2016, 決定 SEO 的 25 項標準與通訊協定 (Standard and Protocol)
系列文
決定未來 SEO 的 25 項標準與通訊協定 (Standard and Protocol)17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言