すぐできる構造化データマークアップ

2019年11月27日に開催された WebMaster Conference Osaka で LT させていただいた内容です。
明日から構造化データをWebサイトに適用しましょう！

Transcript

1. 2019.11.27 Webmaster Conference Osaka すぐできる構造化データマークアップ Yoshihiro Hasegawa
2. すぐできる構造化データマークアップ 長谷川 喜洋 ▸߹ಉձࣾ )PX
   UP
   6TF $50 ▸૯߹8FCαʔϏε λμϑϥ ୅ද ▸σδλϧϋϦ΢ουେࡕ τϨʔφʔ ▸גࣜձࣾμϒϧϊοτ αϙʔλʔ ▸੕ۭҊ಺ਓš ▸͓ञͱߚ஡ͱνϣίϨʔτ yoshihiro.hasegawa.167 chocolat_street hiro_ghap1
3. すぐできる構造化データマークアップ 本日のゴール ▸໌೔͔Βߏ଄ԽσʔλΛ࢖͑ΔΑ͏ʹͳͬ ͯ΋Β͏͜ͱ
4. すぐできる構造化データマークアップ 本日のゴール ▸໌೔͔Βߏ଄ԽσʔλΛ࢖͑ΔΑ͏ʹͳͬ ͯ΋Β͏͜ͱ yoshihiro.hasegawa.167 hiro_ghap1 何かあればTwitterかFacebookへ！
5. すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏ଄Խσʔλͱ͸ ▸ߏ଄ԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖Δߏ଄ԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ
6. 構造化データとは 構造化データとは ▸ߏ଄Խσʔλͱ͸ɺϖʔδͷ৘ใ΍σʔλΛҰఆ ͷنଇʢߏ଄ʣʹैͬͯهड़͠ɺͦΕΒͷσʔλ ʹҙຯΛ෇Ճ͢Δ͜ͱͰ͋Δɻߏ଄ԽσʔλΛద ༻͢Δ͜ͱʹΑΓɺΠϯλʔωοτ্ͷ৘ใΛ୯ ͳΔσʔλͷू߹͔Β஌ࣝͷσʔλϕʔεʹਐԽ ͤ͞Δ͜ͱ͕ՄೳͱͳΔɻ ɾגࣜձࣾΞΠϨοϓ༻ޠूΑΓҾ༻ IUUQTXXXJSFQDPKQLOPXMFEHFHMPTTBSZEFUBJMJE
7. 構造化データとは ▸(PPHMF
   ͕ೝࣝͰ͖Δߏ଄Խσʔλ͸छྨ TDIFNBPSH .JDSPGPSNBUT .JDSPEBUB 3%'B σʔλϋΠϥΠλʔͰλά෇͚ͨ͠σʔλ 構造化データとは
8. 構造化データとは ポイント 構造化データには種類がある！ 構造化データとは
9. 構造化データとは ポイント 構造化データには種類がある！ 構造化データとは Microsoft と Google と Yahoo! が やっている Schema.org でOK！
10. すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏ଄Խσʔλͱ͸ ▸ߏ଄ԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖Δߏ଄ԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ
11. 構造化データを入力するメリット ▸ߏ଄ԽσʔλΛ(PPHMF͕ཧղ͢Δ͜ͱʹΑͬͯɺ ϦονεχϖοτΛදࣔͰ͖Δɻ 構造化データを入力するメリット
12. 構造化データを入力するメリット 構造化データを入力するメリット ▸ϦονεχϖοτʹΑΓΫϦοΫ཰ͷ޲্͕ظ଴Ͱ͖Δɻ
13. 構造化データを入力するメリット Google で紹介されている事例 求人詳細ページの 自然検索トラフィック94%増加 コンバージョン率４.５倍 トラフィック100%増大 自然検索トラフィック２倍以上 サイト滞在時間1.5倍以上
14. 構造化データを設定すると メリット リッチスニペットが表示される！ 構造化データを入力するメリット
15. 構造化データを設定すると メリット リッチスニペットが表示される！ 構造化データを入力するメリット Webページへの流入、滞在時間、 コンバージョンの増加が期待できる！
16. すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏ଄Խσʔλͱ͸ ▸ߏ଄ԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖Δߏ଄ԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ
17. すぐできる構造化データマークアップ 参考にしたいリッチスニペットを見つける
18. すぐできる構造化データマークアップ 参考にしたいリッチスニペットを見つける 「シャンパン 開け方」で検索すると 出てくるサントリーの How to Step 構造化データ 料理名で検索すると出てくる レシピの構造化データ
19. すぐできる構造化データマークアップ 参考にしたいリッチスニペットを見つける 今回はよくある質問の構造化データ
20. すぐできる構造化データマークアップ 参考にしたいリッチスニペットを見つける 今回はよくある質問の構造化データ 早速自社の Webサイトに 取り込んでみましょう！
21. すぐできる構造化データマークアップ 構造化データテストツールへアクセス ▸ʮߏ଄ԽσʔλςετπʔϧʯͰݕࡧ
22. すぐできる構造化データマークアップ 構造化データテストツールへアクセス ▸ࢀߟ͢ΔαΠτͷ63-Λೖྗͯ͠ʮςετΛ࣮ߦʯ
23. すぐできる構造化データマークアップ 構造化データテストツールへアクセス ▸ࠨଆʹιʔείʔυɺӈଆʹߏ଄Խσʔλ͕දࣔ͞ΕΔ
24. すぐできる構造化データマークアップ 構造化データテストツールへアクセス ▸ ιʔείʔυͷTDSJQU
    UZQFzBQQMJDBUJPOME KTPOz
    ʙ TDSJQU
    Λίϐ ϖ
25. すぐできる構造化データマークアップ 自社サイトへ構造化データを加える ▸ ߏ଄ԽσʔλςετπʔϧͷӈଆΛࢀߟʹɺࣗࣾͷ಺༰ʹॻ͖׵͑Δ
26. すぐできる構造化データマークアップ 自社サイトへ構造化データを加える ▸ग़དྷ্͕ͬͨΒɺߏ଄ԽσʔλςετπʔϧͰνΣοΫ͢Δ
27. すぐできる構造化データマークアップ 自社サイトへ構造化データを加える エラーが出ていたら修正を！ ▸ग़དྷ্͕ͬͨΒɺߏ଄ԽσʔλςετπʔϧͰνΣοΫ͢Δ
28. すぐできる構造化データマークアップ 自社サイトへ構造化データを加える 先程のサントリーの サイトでも警告は 発生している ▸ Τϥʔ͸मਖ਼͕ඞཁ͕ͩɺਪ঑߲໨ͷܯࠂ͸ݩͷαΠτͰ໰୊ͳ͚Ε͹εϧʔ
29. すぐできる構造化データマークアップ 注意点 ▸レシピなど、一部の構造化データではボイスUIのガイダンスに 対応した項目が存在する。チェックツールでは必須項目と なっていないため、個別で対応が必要。
30. すぐできる構造化データマークアップ エラーがなくなったら完成！
31. 構造化データを作成する際の注意点 ▸ΨΠυϥΠϯҧ൓ʹͳΒͳ͍ Α͏ʹɺೖྗ಺༰ΛνΣοΫ ͢Δ͜ͱɻ ▸͜ͷ৔߹ɺٻਓ͕ऴ͍ྃͯ͠ Δʹ΋ؔΘΒͣߏ଄Խσʔλ ্ͰٻਓதͰ͋ΔͨΊʹखಈ ରࡦͷର৅ͱͳΔՄೳੑʹݴ ٴ͍ͯ͠Δɻ すぐできる構造化データマークアップ
32. すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏ଄Խσʔλͱ͸ ▸ߏ଄ԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖Δߏ଄ԽσʔλϚʔΫΞοϓ ▸4FBSDI
    $POTPMFͰ֬ೝ͢Δ
33. Search Console で確認する Search Console で確認する ▸ߏ଄Խσʔλ͕ೝࣝ͞Ε͍ͯΔͱɺ4FBSDI
    $POTPMF্ʹରԠ͠ ͨϓϩύςΟ͕ग़ݱ͢Δɻ
34. Search Console で確認する Search Console で確認する ▸ݕࡧ݁Ռ΁ͷ൓ө͸ɺૣͯ͘਺࣌ؒɺ ஗ͯ͘਺೔ͱ͍ͬͨͱ͜Ζ
35. Search Console で確認する Search Console で確認する ▸ߏ଄Խσʔλ͕ೝࣝ͞Ε͍ͯΔͱɺ4FBSDI
    $POTPMF্ʹରԠ͠ ͨϓϩύςΟ͕ग़ݱ͢Δɻ
36. その他の構造化データ ▸Πϕϯτͷߏ଄ԽσʔλͳΒɺφϨοδύωϧ͕ग़ݱ͢Δ Search Console で確認する
37. Search Console で確認する ▸ݕࡧΫΤϦͰɺφϨοδύωϧ͔Βͷྲྀೖ͕൑அͰ͖Δ Search Console で確認する
38. 構造化データ まとめ 楽しいのでぜひ 試してください！ Search Console で確認する
39. すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏ଄Խσʔλͱ͸ ▸ߏ଄ԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖Δߏ଄ԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ
40. すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏ଄Խσʔλͱ͸ ▸ߏ଄ԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖Δߏ଄ԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ ここまで来たということは時間がある！？
41. 構造化データのマニュアルにあるもの ▸*OEFYJOH
    "1*ͰαΠτͷߋ৽Λ(PPHMF΁௨஌͢Δɻ すぐできる構造化データマークアップ
42. 構造化データのマニュアルにあるもの ▸*OEFYJOH
    "1*ͰαΠτͷߋ৽Λ(PPHMF΁௨஌͢Δɻ すぐできる構造化データマークアップ 在庫や求人など、ユーザーの利益に 直結するものは、Google からの ガイダンスをよく確認してください
43. 構造化データに対応している内容 ▸هࣄɺύϯͣ͘Ϧετɺॻ੶ɺΧϧʔηϧɺاۀͷ࿈བྷઌɺ ίʔεɺධ࿦ՈϨϏϡʔɺσʔληοτɺޏ༻ओͷฏۉධՁɺ ΠϕϯτɺϑΝΫτνΣοΫɺٻਓ৘ใɺϝσΟΞɺ৬ۀɺ ϥΠϒετϦʔϛϯάɺ஍Ҭͷ͓ళ΍αʔϏεɺϩΰɺ঎඼ɺ 2"ϖʔδɺϨγϐɺϨϏϡʔεχϖοτɺಡΈ্͛Մೳɺ αΠτϦϯΫݕࡧϘοΫεɺιʔγϟϧϓϩϑΟʔϧɺಈըɺ ιϑτ΢ΣΞΞϓϦɺఆظߪೖͱϖΠ΢Υʔϧίϯςϯπɺ ਓؾεϙοτϦετɺ)PX
    UP
    4UFQ 構造化データを入力するメリット どんどん増えていってます
44. 構造化データに対応している内容 ▸هࣄɺύϯͣ͘Ϧετɺॻ੶ɺΧϧʔηϧɺاۀͷ࿈བྷઌɺ ίʔεɺධ࿦ՈϨϏϡʔɺσʔληοτɺޏ༻ओͷฏۉධՁɺ ΠϕϯτɺϑΝΫτνΣοΫɺٻਓ৘ใɺϝσΟΞɺ৬ۀɺ ϥΠϒετϦʔϛϯάɺ஍Ҭͷ͓ళ΍αʔϏεɺϩΰɺ঎඼ɺ 2"ϖʔδɺϨγϐɺϨϏϡʔεχϖοτɺಡΈ্͛Մೳɺ αΠτϦϯΫݕࡧϘοΫεɺιʔγϟϧϓϩϑΟʔϧɺಈըɺ ιϑτ΢ΣΞΞϓϦɺఆظߪೖͱϖΠ΢Υʔϧίϯςϯπɺ ਓؾεϙοτϦετɺ)PX
    UP
    4UFQ 構造化データを入力するメリット どんどん増えていってます
45. すぐできる構造化データマークアップ ご清聴ありがとうございました！ 続きはWEBで！ 構造化データマークアップ WordPressプラグイン開発中です！