¾±¾‚‹ ¸¼µ‚...

download  ¾±¾‚‹ ¸¼µ‚ €°²¾ ·½°‚Œ

of 58

  • date post

    20-Jan-2017
  • Category

    Technology

  • view

    120
  • download

    1

Embed Size (px)

Transcript of  ¾±¾‚‹ ¸¼µ‚...

  • , Graph.uk

    Web Standards Days, 2015

    http://www.graph.uk/

  • HTML5 Doctor

    CEO

    1

    http://html5doctor.com/http://webstandardsdays.ru/2013/10/26/pres/seonism.pdf

  • ?

    8

  • ( ) c

    HTML

    .

    :

    microformats.org

    HTML5 microdata

    10

    http://webstandardsdays.ru/2015/10/31/pres/web-semantics/microformats.org

  • &

  • Open Graph

    Schema.org

    FOAF

    GoodRelations

    Dublin Core

    ...

    12

  • 13

  • Microformats

    Mark Watney

    NASA

    USA

    01.

    02.

    03.

    04.

    05.

    06.

    07.

    18

  • RDFa

    Mark Watney,

    Astronaut,

    Talk to me!

    01.

    02.

    03.

    04.

    05.

    06.

    19

  • Microdata

    Mark Watney,

    Astronaut,

    Talk to me!

    01.

    02.

    03.

    04.

    05.

    06.

    20

  • JSON-LD {

    " @context ": "http://schema.org/",

    " @type ": "Car",

    " name ": "Tesla Model S",

    " numberOfDoors ": "5",

    " fuelType ": "Electricity"

    }

    01.

    02.

    03.

    04.

    05.

    06.

    07.

    21

  • 2010

    Web Data Commons

    Microformats

    RDFaMicrodata

    22

    http://www.webdatacommons.org/structureddata/

  • 2012

    Web Data Commons

    Microformats

    RDFa

    Microdata

    23

    http://www.webdatacommons.org/structureddata/

  • 2014

    Web Data Commons

    MicroformatsRDFa

    Microdata

    24

    http://www.webdatacommons.org/structureddata/

  • Microformats

    Open Graph RDFa

    Microdata

    Google JSON-LD

    25

  • RDFa vs

    Microdata?

  • Microdata itemref

    SpaceX

    01.

    02.

    03.

    04.

    05.

    06.

    28

  • ...

    29

  • Open Graph

    01.

    02.

    03.

    04.

    05.

    06.

    07.

    32

  • 01.

    02.

    03.

    04.

    05.

    06.

    07.

    33

  • 01.

    02.

    03.

    04.

    05.

    06.

    07.

    35

  • Open GraphFacebook

    VK

    Google +

    LinkedIn

    Twitter

    Pinterest

    36

  • Schema.orgBing

    Google

    Yahoo!

    Yandex

    38

  • C

    My family's favorite

    Rating: 5.0

    01.

    02.

    03.

    04.

    05.

    06.

    07.

    08.

    45

  • ?

    47

  • {

    "@context": "http://schema.org",

    "@type": " LodgingReservation ",

    ...

    " checkinDate ": "2015-10-30T14:00:00+03:00",

    " checkoutDate ": "2015-11-02T12:00:00+03:00"

    }

    01.

    02.

    03.

    04.

    05.

    06.

    07.

    51

  • {

    "@context": "http://schema.org",

    "@type": " EventReservation ",

    "reservationFor": {

    "@type": "Event",

    "name": " Web Standards Days ",

    "startDate": "2015-10-30T09:00:00+03:00"

    }

    }

    01.

    02.

    03.

    04.

    05.

    06.

    07.

    08.

    09.

    53

  • ?

    ,

    54

  • Google Structured Data Testing Tool

    Facebook Open Graph debugger

    Twitter Card Validator

    Yandex

    VK

    55

    https://developers.google.com/structured-data/testing-tool/https://developers.facebook.com/tools/debug/https://cards-dev.twitter.com/validatorhttps://webmaster.yandex.ru/microtest.xmlhttps://vk.com/dev/pages.clearCache

  • !