Modern Web 2016 分享

http://modernweb.tw/

Modern Web 2016

Modern Web 2016

Modern Web 2016

從圖資學出發,探索網頁與搜尋引的本質,一起好好寫HTML吧

Modern Web 2016 分享

Serrok Liu/ F2E at Optimis Corp.

Past

1. Table Layout

Past

2. meta keywords

Past

3. Google bombing

Past

4. <div>

Past

4. <div>

Past

4. <div>

  • 篇章

  • 圖書館

  • 網頁

  • 網站

  • 搜尋引擎

怎麼讓有序地收進圖書館裡,

並很容易被找到

怎麼讓網站有序地收進搜尋引擎裡,

並很容易被找到

  1. Metadata

  2. Outline

Metadata

Metadata

  • HTML <meta> (Dublin Core)
  • Facebook: OpenGraph
  • TwitterCard

Metadata

Open Graph (facebook)

Metadata

Metadata

Outline

article, section

header, footer, nav, aside

h1 ~ h3, p

table, list, figure……blahblah

Outline

Outline

Outline

<ul>

<li>

Outline

Outline

Thank you

Made with Slides.com