Modern Web 2016 分享

http://modernweb.tw/

Modern Web 2016

Modern Web 2016

Modern Web 2016

http://modernweb.tw/

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

Modern Web 2016 分享

Serrok Liu/ F2E at Optimis Corp.

Past

1. Table Layout

Past

2. meta keywords

Past

3. Google bombing

• 篇章

• 書

• 圖書館

• 網頁

• 網站

• 搜尋引擎

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

並很容易被找到

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

並很容易被找到

1. Metadata

2. Outline

Metadata

Metadata

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

Metadata

Open Graph (facebook)

http://ogp.me/

Metadata

Metadata

https://support.google.com/webmasters/answer/80407

Outline

article, section

header, footer, nav, aside

h1 ~ h3, p

table, list, figure……blahblah

Outline

Outline

Outline

<ul>

<li>

Outline

Outline

https://validator.w3.org/

Thank you