word press+json ldで構造化するこれからのマークアップ wordfes nagoya 2016

36
© WordFes Nagoya 2016 WordPress + JSONLDで構造化する これからのマークアップ WordFes Nagoya 2016 ver.1.0.0 Kazuya Takami

Upload: takami-kazuya

Post on 15-Apr-2017

360 views

Category:

Engineering


7 download

TRANSCRIPT

  • WordFes Nagoya 2016

    WordPress + JSON-LD

    WordFes Nagoya 2016

    ver.1.0.0 Kazuya Takami

  • WordFes Nagoya 2016

    1

    Takami Kazuya

    h

  • WordFes Nagoya 2016

    WordPress

    2

  • WordFes Nagoya 2016

    3

    p p EC KGIKPI WordPress p WordPress p Schema.org JSON-LD p Google Schemas p Twenty Sixteen p + WordPress p

  • WordFes Nagoya 2016

    4

    EC KGIKPI WordPress

  • WordFes Nagoya 2016

    EC

    5

    KGIKey Goal Indicator

    EC 10,000 2%

    1,000,000 = 10,000 ( 1 0.02 ) 30(1)

    - 1,000,000

    KPIKey Performance Indicator 168UU

  • WordFes Nagoya 2016

    6

    l SEOSearch Engine Optimizationl l Social medial l 4etc...

  • WordFes Nagoya 2016

    WordPress

    7

    l SEOSearch Engine Optimizationl l Social medial l 4etc...

    ()

  • WordFes Nagoya 2016

    8

    WordPress

  • WordFes Nagoya 2016

    9

    WordPress

    l l l l l l

  • WordFes Nagoya 2016

    WordPress

    10

    WordPress

    l l l l l l

    :)

    bbPressBuddyPress :)

    :)

  • WordFes Nagoya 2016

    11

    Schema.org

    JSON-LD

  • WordFes Nagoya 2016

    12

    l SERP CTR

    l Schema.org

  • WordFes Nagoya 2016

    Google

    13

    Google Schemas

  • WordFes Nagoya 2016

    Google

    14

    Google JSON-LD

  • WordFes Nagoya 2016

    Site Structure

    15

    h

  • WordFes Nagoya 2016

    Authorized Presence

    16

    h

  • WordFes Nagoya 2016

    Creative Works

    17

    h

  • WordFes Nagoya 2016

    Commerce

    18

    h

  • WordFes Nagoya 2016

    Logo Markup

    19

    { "@context": "h

  • WordFes Nagoya 2016

    JSON-LD

    20

    "@context": "h

  • WordFes Nagoya 2016

    Twenty Sixteen

    21

    Twenty Sixteen

  • WordFes Nagoya 2016

    hentry

    22

    hentry (microformats.org)

  • WordFes Nagoya 2016

    23

    HTML

    l HTMLl l

    WordPress

    JSON-LD

  • WordFes Nagoya 2016

    Markup (JSON-LD) structured in schema.org

    24

    + WordPress

  • WordFes Nagoya 2016

    Markup (JSON-LD) structured in schema.org

    25

  • WordFes Nagoya 2016

    Markup (JSON-LD) structured in schema.org

    26

    Schema.org (^o^)

  • WordFes Nagoya 2016

    Markup (JSON-LD) structured in schema.org

    27

    (^o^)

  • WordFes Nagoya 2016

    28

    Google

    l Googlel AMPAutomatticAMPl

    Gmail

    JSON-LD

  • WordFes Nagoya 2016

    29

    { "@context": "h

  • WordFes Nagoya 2016

    30

    funcWon testSchemas() { var htmlBody = HtmlService.createHtmlOutputFromFile('mail_template').getContent(); MailApp.sendEmail({ to: Session.getAcWveUser().getEmail(), subject: '', htmlBody: htmlBody, }); }

    Google

    Gmail

  • WordFes Nagoya 2016

    31

    l Gmaill

    https://developers.google.com/gmail/markup/registering-with-google

  • WordFes Nagoya 2016

    32

  • WordFes Nagoya 2016

    33

    WordPress

  • WordFes Nagoya 2016

    34

  • WordFes Nagoya 2016

    - Google Schemas https://developers.google.com/schemas/ - Google Search Document https://developers.google.com/search/docs/data-types/data-type-selector - Google http://googlewebmastercentral-ja.blogspot.co.id/2015/03/easier-website-development-with-web.html - https://search.google.com/structured-data/testing-tool - schema.orgJSON-LD https://html5experts.jp/miiitaka/17128/ - Markup (JSON-LD) structured in schema.org https://wordpress.org/plugins/wp-structuring-markup/ - AMP https://ja.wordpress.org/plugins/amp/ - Google Email Markup https://developers.google.com/gmail/markup/overview

    URL

    35