以圖書資訊學的角度來看 HTML 與 SEO

SITCON 2016 Talk

Transcript

1. 犥瑽䨗虻懱䋊ጱ薫ଶ 㬵፡+70/膏6(2 Serrok SITCON 2016
2. Serrok Web Master (as Front End Engineer) Marketing Dept. QNAP Systems, Inc. Ӯ碝य़䋊虻懱㯽砮䋊羬 + ಅ F2E at HITCON ZeroDay did contribute to VulReport
4. https://zeroday.hitcon.org 咳匍磪၏牫疰Ӥ ZeroDay 蝢䁭 脲蔽
5. 犥瑽䨗虻懱䋊ጱ薫ଶ 㬵፡+70/膏6(2
6. Computer Science x Library Science x Information Science
7. ้妿୚蚏籆抷ጱԪ HTML5 Semantic Elements Schema.org SEO
8. 5GOCPVKE
9. ౯㮉᮷䓄螂ጱᤁԪ̴ԏӞ Table Layout *GCFGT 0CX #TVKENG
10. ౯㮉᮷䓄螂ጱᤁԪ̴ԏԫ ㆝真的 Metadata ҁ瑃蝡ฎ4[[3ਥ翕Ӥጱ҂
11. ౯㮉᮷䓄螂ጱᤁԪ̴ԏӣ Googlebombing I WILL FIND YOU, AND DROP YOUR RANK!!
12. <div> ౯㮉᮷䓄螂ጱᤁԪ̴ԏࢥ <div> <div> <div> <div> <div> <div>
13. ౯㮉᮷䓄螂ጱᤁԪ̴ԏࢥ ፥䋿ԏ縄物ᤩ褲莯ጱ፥䋿 ᒫӣᒍ牏๚Ꭳ ᒫم℄牏碻ԏ獣 ̴̴ݺ穥牧Ӟ螇ጮ襮ℂݗӾ缋ڊ牧碂樄牧ᣟ獈襇襮Ӿ牐櫝樄ጳउ盅牧娣ਞ褧膏౯㮉ࣁ उक़䨝ݳ牧ԏ盅ጱ᪠纷૪䷱磪஠ᥝ瞥褧牧䨝姘瞱蝡䰬ጱ獌Ո奲ݳፗک蝱獈瓺૲݈ේ㾴 ह牐౯㮉य़禊臺Ӥӣ牏Բॠૢݦጱ碻樌粖ک蝡愊牧蝡ฎ౯蝡ኞᒫӞ稞ඣ᩼蝡讕ṛጱઊ牧 ౯犖䷱మ螂ᛔ૩磪誢ێ胼蝡䰬粖牐 H1 H2 H3 P
14. ౯㮉᮷䓄螂ጱᤁԪ̴ԏࢥ ፥䋿ԏ縄物ᤩ褲莯ጱ፥䋿 ᒫӣᒍ牏๚Ꭳ ᒫم℄牏碻ԏ獣 ݺ穥牧Ӟ螇ጮ襮ℂݗӾ缋ڊ牧碂樄牧ᣟ獈襇襮Ӿ牐櫝樄ጳउ盅牧娣ਞ褧膏 ౯㮉ࣁउक़䨝ݳ牧ԏ盅ጱ᪠纷૪䷱磪஠ᥝ瞥褧牧䨝姘瞱蝡䰬ጱ獌Ո奲ݳፗ ک蝱獈瓺૲݈ේ㾴ह牐౯㮉य़禊臺Ӥӣ牏Բॠૢݦጱ碻樌粖ک蝡愊牧蝡ฎ ౯蝡ኞᒫӞ稞ඣ᩼蝡讕ṛጱઊ牧౯犖䷱మ螂ᛔ૩磪誢ێ胼蝡䰬粖牐 DIV DIV DIV DIV
15. 瑽䨗虻懱虻懱㯽砮縄Ӿጱ ,QIRUPDWLRQ牏+70/膏6(2 HTML SE/SEO Information Science Library Science
16. Data, Information, Knowledge
17. information data information knowledge 罉䮝 茭䮝 䛧茭 截疵
18. 靈的轉移
19. +PHQTOCVKQP
20. +PHQTOCVKQP Inform, Form, Format, Formation
21. Inform Form Format Formation 承᥺ 肨ူ Ӿ෈ 䔂扖 HTTP㶧ਧ 奈෈ਁ෈կ HTML 翕殷獉਻
24. 缰ᒍ 䨗 瑽䨗記 翕殷 翕ᒊ 矾疨୚砻
25. ெ讕虏䨗磪ଧ瑿硩蝱瑽䨗記愊牧 㪔盄਻ฃᤩತک牫 ெ讕虏翕ᒊᤩ矾疨୚砻ྋ嘦瑿ᔱ୚牧 㪔盄਻ฃᤩತک牫
26. 䨗Ӿጱ缰ᒍ 翕ᒊӾጱ翕殷
27. य़姛 Outline 樄তԏ獮牧ض硈ਧ
30. 6ORJDQᛔ犥傶ฎ+ Ӟᗭ+ู࿆ ಩+޾蘂ԧ Ӟ㮆6(&7,21牧ݱᛔ蔭蝄
31. article, section h1 ~ h3, p header, footer, nav, aside
32. ፥䋿ԏ縄物ᤩ褲莯ጱ፥䋿 ᒫӣᒍ牏๚Ꭳ ᒫم℄牏碻ԏ獣 ̴̴ݺ穥牧Ӟ螇ጮ襮ℂݗӾ缋ڊ牧碂樄牧ᣟ獈襇襮 Ӿ牐櫝樄ጳउ盅牧娣ਞ褧膏౯㮉ࣁउक़䨝ݳ牧ԏ盅 ጱ᪠纷૪䷱磪஠ᥝ瞥褧牧䨝姘瞱ŏŏ ᒫ犊℄牏肜㴨㾴 ̴̴螂हٚᤩ獲Ӟ稞ጼฎ毆碘ӾጱԪ眐牧蝱獈獉उ ᥝ耙Ӟ稞螂ह纶牧螂螲ह䲒礚ٚᤩುӣ螇牧ታ໒羳 ሴ㾴ਠ獊犋硯螂犨֜胼萞硲獅䋿㾴䓚޾虶ਥݗ蔽ጱ 秚䨝牐吚簁牧ٚ犋笕牧螭ฎ஑犓犓಩桽耙ڊ㬵牧玽 㳷螂犋݄牧䷱瞁ࠖŏŏ
    
    
    )&"%&3
    
    
    "35*$-&
    
    
    4&$5*0/ H1 H2 H3 P
    
    
    4&$5*0/ H3 P
33. table, list, figure……blahblah
34. div table? Come on…… div list? div doggy? div blahblah……
35. <div> ?
36. <ul>
37. 犥獉਻礍䯤傶໐ஞ砰䌃+70/牧 क़薪Ի妔&66究ਧ牐
38. >0HWDGDWD@ +70/PHWD! 'XEOLQ&RUH  2SHQ*UDSK 7ZLWWHU&DUG ŏŏRUPRUH
39. ㆝真的 Metadata ࣁ螹䘣ጱ矾疨୚砻ᄍᓒဩጱ窸শӥ牧 犋ᥝྂ詢矾疨୚砻牧 ࢩ傶牧ਙ瞟஑֦֘牐
41. Computer Science x Library Science x Information Science
42. অአૡٍ W3C Validator W3CጱHTMLୌ捍䨗 W3CጱHTML5ୌ捍䨗 https://validator.w3.org https://www.w3.org/TR/html/ https://www.w3.org/TR/html5/
43. Show Outline
44. ౯ጱ䔂扖疰ک蝡螲牧 蘛蘛ݱ֖य़य़ P BB P