ゼロから始める セマンティックSEO & 構造化データ at CSS Nite LP36
16 likes8,859 views
The document discusses using structured data and schema.org to provide semantic markup on web pages. It provides examples of using Microdata, RDFa and JSON-LD with schema.org to markup events, people and other types. Key points covered include introducing schema.org and its types like Event, Person, Place. Examples are given of marking up a CSS conference event with details like name, date, location and performer. Embedding JSON-LD is demonstrated to add semantic schema annotations.
ゼロから始める セマンティックSEO & 構造化データ at CSS Nite LP36
- 1. ئַٗ㨣 إوٝذ؍حؙ4&0 圓鸡⻉ر٦ة by Kenichi Suzuki
- 2. 荈䊹稱➜
- 3. script type=application/ld+json { @context: http://schema.org, @type: BusinessEvent, name: CSS Nite LP36「ビジネスに活用できる2014年SEOトレンド」, startDate: 2014-09-20, subEvent: { @type: BusinessEvent, name: ゼロから始めるセマンティックSEO 構造化データ, performer: { @type: Person, name: 鈴木謙一, url: http://www.suzukikenichi.com/blog/ } } } /script
- 4. Let’s get started! ©The LEGO Group
- 5. ˖ إوٝذ؍حؙ嗚稊 ˖ 圓鸡⻉ر٦ة ˖ TDIFNBPSHך㹋鄲
- 6. ˖ إوٝذ؍حؙ嗚稊 ˖ 圓鸡⻉ر٦ة ˖ TDIFNBPSHך㹋鄲
- 7. Things, Not Strings. 俑㶵דכזֻˑٌظ˒ ˖ *OUSPEVDJOHUIF,OPXMFEHF(SBQIUIJOHT OPUTUSJOHT IUUQHPPHMFCMPHCMPHTQPUDPNJOUSPEVDJOHLOPXMFEHFHSBQI UIJOHTOPUIUNM ˖ شٖحآؚٓؿٌظ钠陎ׅ嗚稊ؒٝآٝחぢֽג IUUQHPPHMFKBQBOCMPHTQPUKQCMPHQPTUIUNM
- 8. ٗٝسٝ
- 9. http://goo.gl/HmvbTK http://goo.gl/vMwCrM http://goo.gl/RO8oT8 ©Google マップ
- 10. أٔإٍَٓٙ تشفٓ؝حذ
- 12. +',
- 13. ©Wikipedia ©Wikipedia ©Wikipedia ©Wikipedia hhttttpp::////ggoooo..ggll//nnJJYY11RRuu
- 15. +', +PIO',FOOFEZ +PIO'JU[HFSBME,FOOFEZ (the 35th President of the United States)
- 21. וֲװג椚鍑ׅךַ ˖ ٌظ؞ز OUJUJFT החꟼ✲㹋 'BDUT 呓秛ׅ濼陎ك٦أ ,OPXMFEHF#BTF ˖ 'SFFCBTF ˖ 8JLJQFEJBؐ؍ؗلر؍، ˖ .VTJD#SBJO[ ˖ $*8PSME'BDUCPPL ˖ 8PSME#BOL⚅歲ꋒ遤 ˖ ؐؑـل٦آךؙٗ٦ٕ ˖ 农럀涸(PPHMF⟣ׇ ˖ 僇爙涸圓鸡⻉ر٦ة
- 22. ˖ إوٝذ؍حؙ嗚稊 ˖ 圓鸡⻉ر٦ة ˖ TDIFNBPSHך㹋鄲
- 24. +', ©Wikipedia ©Wikipedia http://goo.gl/nJY1Ru ➂暟 1FSTPO 僥歗 .PWJF 瑞庥 JSQPSU
- 25. آّٝ٥'٥؛طر؍+', 䎃剢傈䎃剢傈 ©Wikipedia IUUQKBXJLJQFEJBPSHXJLJآّٝ٥'٥؛طر؍
- 26. script type=application/ld+json { @context: http://schema.org, @type: Person, name: ジョン・F・ケネディ, alternateName: JFK, birthDate: 1917-5-29, deathDate: 1963-11-22, sameAs: http://ja.wikipedia.org/wiki/ %E3%82%B8%E3%83%A7%E3%83%B3%E3%83%BBF%E3%83%BB %E3%82%B1%E3%83%8D%E3%83%87%E3%82%A3, image: http://en.wikipedia.org/wiki/ John_F._Kennedy#mediaviewer/File:John_F._Kennedy, _White_House_photo_portrait,_looking_up.jpg } /script
- 28. 圓鸡⻉ر٦ةד 邌植דֹٌظ؞ز 僥歗 ➂暟 ٖأزٓٝ ٖؽُ٦ ⹛歗 剅硂 ٖءؾ ؎كٝز 갈嚂 ⟰噟 鎸✲ 57殢穈 ؿٓ؎ز䞔㜠 実➂ ٌغ؎ٕ،فٔ ㉀ㅷ 䒔隊㡦 ؿٓٙ٦ءّحف ⡝䨽 مذٕ 㣐㷕
- 29. نٍؗـٓٔך⢽ • Data-Vocabulary.org • GoodRelations • FOAF • schema.org • microformats
- 30. نٍؗـٓٔך⢽ • Data-Vocabulary.org • GoodRelations • FOAF • schema.org • microformats
- 31. schema.org
- 32. TDIFNBPSHך㼪Ⰵ朐屣 500万سً؎ٝ 25億ل٦آ ⭙ךل٦آ؟ٝفٕ锃叨 Ramanathan V. Guha, Google at The Semantic Technology Business Conference 2014
- 33. TDIFNBPSHך兛⿹桦 Ramanathan V. Guha, Google at The Semantic Technology Business Conference 2014
- 34. .PWJF0CKFDU⹛歗
- 37. WFOU؎كٝز
- 38. EESFTT⡝䨽
- 39. 3FDJQFٖءؾ
- 40. SUJDMF鎸✲
- 44. 剑⡚ד ˖ ؎كٝزTDIFNBPSHWFOU ˖ 㜥䨽TDIFNBPSH1MBDF ˖ ⡝䨽TDIFNBPSH1PTUBMEESFTT ˖ ⟰噟٥穈籼TDIFNBPSH0SHBOJ[BUJPO ˖ ➂暟TDIFNBPSH1FSTPO ˖ 顋㡰䞔㜠TDIFNBPSH0FS
- 45. TDIFNBPSHדדֹֿה
- 46. ٔحثأصلحز
- 47. QQ*OEFYJOH
- 50. 갈嚂،فٔJOشٖحآؚٓؿ
- 51. 穈籼ךٗ؞
- 52. ⟰噟ךꨵ鑧殢〾
- 53. *OEFQUISUJDMFT
- 54. ؟؎زؙٔٝ嗚稊نحؙأ
- 55. DUJPOTJOUIF*OCPY
- 56. (PPHMF/PX
- 57. The most interesting applications “are yet to come. Ramanathan V. Guha, Google at The Semantic Technology Business Conference 2014
- 59. ءٝةحؙأך⢽ • Microdata • RDFa • RDFa Lite • JSON-LD • microformats
- 60. ءٝةحؙأך⢽ • Microdata • RDFa • RDFa Lite • JSON-LD • microformats
- 61. ˖ ؎كٝزせ$44/JUF-1 ˖ ⪵傈䎃剢傈 ˖ ⠓㜥كٕ؟٦ٕ牞歊
- 62. schema.org + Microdata div itemscope itemtype=http://schema.org/Event span itemprop=nameCSS Nite LP36/span spam itemprop=startDate content=2014-09-202014年9月20日/span span itemprop=location itemscope itemtype=http://schema.org/Place span itemprop=nameベルサール神田/span/span /div
- 63. schema.org + RDFa Lite div vocab=http://schema.org/ typeof=Event span property=nameCSS Nite LP36/span span property=startDate content=2014-09-202014年9月20日/span span property=location typeof=Place span property=nameベルサール神田/span /span /div
- 64. schema.org + JSON-LD script type=application/ld+json { @context: http://schema.org, @type: Event, name: CSS Nite LP36, startDate: 2014-09-20, location: { @type: Place, name: ベルサール神田 } } /script
- 65. ˖ إوٝذ؍حؙ嗚稊 ˖ 圓鸡⻉ر٦ة ˖ TDIFNBPSHך㹋鄲
- 66. JSON-LD
- 67. ➂暟TDIFNBPSH1FSTPO ˖ せOBNFꈿ加闈♧ ˖ ؐؑـ؟؎زVSM IUUQXXXTV[VLJLFOJDIJDPNCMPH
- 68. script type=application/ld+json { @context: http://schema.org, @type: Person, name: 鈴木謙一, url: http://www.suzukikenichi.com/blog/ } /script
- 69. script type=application/ld+json { @context: http://schema.org, @type: Person, name: 鈴木謙一, url: http://www.suzukikenichi.com/blog/ } /script
- 70. script type=application/ld+json { @context: http://schema.org, @type: Person, name: 鈴木謙一, url: http://www.suzukikenichi.com/blog/ } /script
- 71. ؗ٦غُٔ٦ script type=application/ld+json { @context: http://schema.org, @type: Person, name: 鈴木謙一, url: http://www.suzukikenichi.com/blog/ } /script
- 72. ؎كٝزTDIFNBPSHWFOU ˖ ؎كٝزせOBNF$44/JUF-1 ˖ ⪵傈TUBSU%BUF䎃剢傈 ˖ 㜥䨽-PDBUJPOكٕ؟٦ٕ牞歊 ˖ ⳿怴罏1FSGPSNFSꈿ加闈♧
- 73. script type=application/ld+json { @context: http://schema.org, @type: Event, name: CSS Nite LP36, startDate: 2014-09-20, Location: ベルサール神田, Performer: 鈴木謙一 } /script
- 74. Embedding
- 75. script type=application/ld+json { @context: http://schema.org, @type: Event, name: CSS Nite LP36, startDate: 2014-09-20, Location: ベルサール神田, Performer: 鈴木謙一 } /script
- 76. script type=application/ld+json { @context: http://schema.org, @type: Person, name: 鈴木謙一, url: http://www.suzukikenichi.com/blog/ } /script
- 77. script type=application/ld+json { @context: http://schema.org, @type: Event, name: CSS Nite LP36, startDate: 2014-09-20, Location: ベルサール神田, Performer: { @type: Person, name: 鈴木謙一, url: http://www.suzukikenichi.com/blog/ } } /script
- 78. script type=application/ld+json { @context: http://schema.org, @type: Event, name: CSS Nite LP36, startDate: 2014-09-20, location: { @type: Place, name: ベルサール神田, address: 千代田区神田美土代町7 } } /script
- 79. script type=application/ld+json { @context: http://schema.org, @type: Product, name: LEGOムービー ブルーレイ＆DVDセット, aggregateRating: { @type: AggregateRating, ratingValue: 4.5, ratingCount: 21 }, Offers: { @type: Offer, price: 4093 } } /script
- 81. ً٦ٕو٦ؙ،حفذأة٦
- 82. ؐؑـوأة٦خ٦ٕ圓鸡⻉ر٦ة
- 83. תה ˖ إوٝذ؍حؙ嗚稊 ٌظ؞زָ⡦זךַ嗚稊ؒٝآָٝ椚鍑ֿׅה ˖ 圓鸡⻉ر٦ة ٌظ؞زָ䭯א䠐؝ٝؾُ٦ةח⠗ִ䩛媮 ˖ TDIFNBPSH
- 84. +40/-% 圓鸡⻉ر٦ة鎸鶢ׅنٍؗـٓٔהءٝةحؙأ ؔأأًך穈さׇ
- 85. script type=application/ld+json { @context: http://schema.org, @type: BusinessEvent, name: CSS Nite LP36「ビジネスに活用できる2014年SEOトレンド」, startDate: 2014-09-20, subEvent: { @type: BusinessEvent, name: ゼロから始めるセマンティックSEO 構造化データ, performer: { @type: Person, name: 鈴木謙一, url: http://www.suzukikenichi.com/blog/ } } } /script
- 86. 5IBOLZPV Kenichi Suzuki http://www.suzukikenichi.com/blog/ @suzukik +KenichiSuzuki