Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
すぐできる構造化データマークアップ
Search
Yoshihiro Hasegawa
November 27, 2019
Programming
1
230
すぐできる構造化データマークアップ
2019年11月27日に開催された WebMaster Conference Osaka で LT させていただいた内容です。
明日から構造化データをWebサイトに適用しましょう!
Yoshihiro Hasegawa
November 27, 2019
Tweet
Share
More Decks by Yoshihiro Hasegawa
See All by Yoshihiro Hasegawa
htmxって知っていますか?次世代のHTML
hiro_ghap1
0
560
LINE公式アカウント&WordPressで更新頻度が上がった話
hiro_ghap1
1
160
もう一度imgタグをおさらいしよう
hiro_ghap1
0
140
リッチリザルトのための構造化データハンズオン
hiro_ghap1
0
56
クリック率アップを目指す!リッチリザルトのための構造化データ
hiro_ghap1
0
560
2020年からWebサイトが意匠権の対象になります
hiro_ghap1
0
430
Other Decks in Programming
See All in Programming
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
770
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
650
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
2.1k
Porting a visionOS App to Android XR
akkeylab
0
460
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
13
3.9k
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
190
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
250
10 Costly Database Performance Mistakes (And How To Fix Them)
andyatkinson
0
340
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
360
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
5.7k
5つのアンチパターンから学ぶLT設計
narihara
1
170
Featured
See All Featured
Docker and Python
trallard
44
3.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Writing Fast Ruby
sferik
628
62k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
Into the Great Unknown - MozCon
thekraken
40
1.9k
Faster Mobile Websites
deanohume
307
31k
Typedesign – Prime Four
hannesfritz
42
2.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Transcript
2019.11.27 Webmaster Conference Osaka すぐできる構造化データマークアップ Yoshihiro Hasegawa
すぐできる構造化データマークアップ 長谷川 喜洋 ▸߹ಉձࣾ )PXUP6TF $50 ▸૯߹8FCαʔϏε λμϑϥ ද ▸σδλϧϋϦουେࡕ
τϨʔφʔ ▸גࣜձࣾμϒϧϊοτ αϙʔλʔ ▸ۭҊਓ ▸͓ञͱߚͱνϣίϨʔτ yoshihiro.hasegawa.167 chocolat_street hiro_ghap1
すぐできる構造化データマークアップ 本日のゴール ▸໌͔ΒߏԽσʔλΛ͑ΔΑ͏ʹͳͬ ͯΒ͏͜ͱ
すぐできる構造化データマークアップ 本日のゴール ▸໌͔ΒߏԽσʔλΛ͑ΔΑ͏ʹͳͬ ͯΒ͏͜ͱ yoshihiro.hasegawa.167 hiro_ghap1 何かあればTwitterかFacebookへ!
すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏԽσʔλͱ ▸ߏԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ
構造化データとは 構造化データとは ▸ߏԽσʔλͱɺϖʔδͷใσʔλΛҰఆ ͷنଇʢߏʣʹैͬͯهड़͠ɺͦΕΒͷσʔλ ʹҙຯΛՃ͢Δ͜ͱͰ͋ΔɻߏԽσʔλΛద ༻͢Δ͜ͱʹΑΓɺΠϯλʔωοτ্ͷใΛ୯ ͳΔσʔλͷू߹͔ΒࣝͷσʔλϕʔεʹਐԽ ͤ͞Δ͜ͱ͕ՄೳͱͳΔɻ ɾגࣜձࣾΞΠϨοϓ༻ޠूΑΓҾ༻ IUUQTXXXJSFQDPKQLOPXMFEHFHMPTTBSZEFUBJMJE
構造化データとは ▸(PPHMF͕ೝࣝͰ͖ΔߏԽσʔλछྨ TDIFNBPSH .JDSPGPSNBUT .JDSPEBUB 3%'B σʔλϋΠϥΠλʔͰλά͚ͨ͠σʔλ 構造化データとは
構造化データとは ポイント 構造化データには種類がある! 構造化データとは
構造化データとは ポイント 構造化データには種類がある! 構造化データとは Microsoft と Google と Yahoo! が
やっている Schema.org でOK!
すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏԽσʔλͱ ▸ߏԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ
構造化データを入力するメリット ▸ߏԽσʔλΛ(PPHMF͕ཧղ͢Δ͜ͱʹΑͬͯɺ ϦονεχϖοτΛදࣔͰ͖Δɻ 構造化データを入力するメリット
構造化データを入力するメリット 構造化データを入力するメリット ▸ϦονεχϖοτʹΑΓΫϦοΫͷ্͕ظͰ͖Δɻ
構造化データを入力するメリット Google で紹介されている事例 求人詳細ページの 自然検索トラフィック94%増加 コンバージョン率4.5倍 トラフィック100%増大 自然検索トラフィック2倍以上 サイト滞在時間1.5倍以上
構造化データを設定すると メリット リッチスニペットが表示される! 構造化データを入力するメリット
構造化データを設定すると メリット リッチスニペットが表示される! 構造化データを入力するメリット Webページへの流入、滞在時間、 コンバージョンの増加が期待できる!
すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏԽσʔλͱ ▸ߏԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ
すぐできる構造化データマークアップ 参考にしたいリッチスニペットを見つける
すぐできる構造化データマークアップ 参考にしたいリッチスニペットを見つける 「シャンパン 開け方」で検索すると 出てくるサントリーの How to Step 構造化データ 料理名で検索すると出てくる
レシピの構造化データ
すぐできる構造化データマークアップ 参考にしたいリッチスニペットを見つける 今回はよくある質問の構造化データ
すぐできる構造化データマークアップ 参考にしたいリッチスニペットを見つける 今回はよくある質問の構造化データ 早速自社の Webサイトに 取り込んでみましょう!
すぐできる構造化データマークアップ 構造化データテストツールへアクセス ▸ʮߏԽσʔλςετπʔϧʯͰݕࡧ
すぐできる構造化データマークアップ 構造化データテストツールへアクセス ▸ࢀߟ͢ΔαΠτͷ63-Λೖྗͯ͠ʮςετΛ࣮ߦʯ
すぐできる構造化データマークアップ 構造化データテストツールへアクセス ▸ࠨଆʹιʔείʔυɺӈଆʹߏԽσʔλ͕දࣔ͞ΕΔ
すぐできる構造化データマークアップ 構造化データテストツールへアクセス ▸ ιʔείʔυͷTDSJQUUZQFzBQQMJDBUJPOME KTPOzʙ TDSJQUΛίϐ ϖ
すぐできる構造化データマークアップ 自社サイトへ構造化データを加える ▸ ߏԽσʔλςετπʔϧͷӈଆΛࢀߟʹɺࣗࣾͷ༰ʹॻ͖͑Δ
すぐできる構造化データマークアップ 自社サイトへ構造化データを加える ▸ग़དྷ্͕ͬͨΒɺߏԽσʔλςετπʔϧͰνΣοΫ͢Δ
すぐできる構造化データマークアップ 自社サイトへ構造化データを加える エラーが出ていたら修正を! ▸ग़དྷ্͕ͬͨΒɺߏԽσʔλςετπʔϧͰνΣοΫ͢Δ
すぐできる構造化データマークアップ 自社サイトへ構造化データを加える 先程のサントリーの サイトでも警告は 発生している ▸ Τϥʔमਖ਼͕ඞཁ͕ͩɺਪ߲ͷܯࠂݩͷαΠτͰͳ͚Εεϧʔ
すぐできる構造化データマークアップ 注意点 ▸レシピなど、一部の構造化データではボイスUIのガイダンスに 対応した項目が存在する。チェックツールでは必須項目と なっていないため、個別で対応が必要。
すぐできる構造化データマークアップ エラーがなくなったら完成!
構造化データを作成する際の注意点 ▸ΨΠυϥΠϯҧʹͳΒͳ͍ Α͏ʹɺೖྗ༰ΛνΣοΫ ͢Δ͜ͱɻ ▸͜ͷ߹ɺٻਓ͕ऴ͍ྃͯ͠ ΔʹؔΘΒͣߏԽσʔλ ্ͰٻਓதͰ͋ΔͨΊʹखಈ ରࡦͷରͱͳΔՄೳੑʹݴ ٴ͍ͯ͠Δɻ すぐできる構造化データマークアップ
すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏԽσʔλͱ ▸ߏԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ
Search Console で確認する Search Console で確認する ▸ߏԽσʔλ͕ೝࣝ͞Ε͍ͯΔͱɺ4FBSDI$POTPMF্ʹରԠ͠ ͨϓϩύςΟ͕ग़ݱ͢Δɻ
Search Console で確認する Search Console で確認する ▸ݕࡧ݁Ռͷөɺૣͯ࣌ؒ͘ɺ ͯ͘ͱ͍ͬͨͱ͜Ζ
Search Console で確認する Search Console で確認する ▸ߏԽσʔλ͕ೝࣝ͞Ε͍ͯΔͱɺ4FBSDI$POTPMF্ʹରԠ͠ ͨϓϩύςΟ͕ग़ݱ͢Δɻ
その他の構造化データ ▸ΠϕϯτͷߏԽσʔλͳΒɺφϨοδύωϧ͕ग़ݱ͢Δ Search Console で確認する
Search Console で確認する ▸ݕࡧΫΤϦͰɺφϨοδύωϧ͔Βͷྲྀೖ͕அͰ͖Δ Search Console で確認する
構造化データ まとめ 楽しいのでぜひ 試してください! Search Console で確認する
すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏԽσʔλͱ ▸ߏԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ
すぐできる構造化データマークアップ 本日のアジェンダ ▸ߏԽσʔλͱ ▸ߏԽσʔλΛೖྗ͢ΔϝϦοτ ▸͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸4FBSDI$POTPMFͰ֬ೝ͢Δ ここまで来たということは時間がある!?
構造化データのマニュアルにあるもの ▸*OEFYJOH"1*ͰαΠτͷߋ৽Λ(PPHMF௨͢Δɻ すぐできる構造化データマークアップ
構造化データのマニュアルにあるもの ▸*OEFYJOH"1*ͰαΠτͷߋ৽Λ(PPHMF௨͢Δɻ すぐできる構造化データマークアップ 在庫や求人など、ユーザーの利益に 直結するものは、Google からの ガイダンスをよく確認してください
構造化データに対応している内容 ▸هࣄɺύϯͣ͘Ϧετɺॻ੶ɺΧϧʔηϧɺاۀͷ࿈བྷઌɺ ίʔεɺධՈϨϏϡʔɺσʔληοτɺޏ༻ओͷฏۉධՁɺ ΠϕϯτɺϑΝΫτνΣοΫɺٻਓใɺϝσΟΞɺ৬ۀɺ ϥΠϒετϦʔϛϯάɺҬͷ͓ళαʔϏεɺϩΰɺɺ 2"ϖʔδɺϨγϐɺϨϏϡʔεχϖοτɺಡΈ্͛Մೳɺ αΠτϦϯΫݕࡧϘοΫεɺιʔγϟϧϓϩϑΟʔϧɺಈըɺ ιϑτΣΞΞϓϦɺఆظߪೖͱϖΠΥʔϧίϯςϯπɺ ਓؾεϙοτϦετɺ)PXUP4UFQ 構造化データを入力するメリット
どんどん増えていってます
構造化データに対応している内容 ▸هࣄɺύϯͣ͘Ϧετɺॻ੶ɺΧϧʔηϧɺاۀͷ࿈བྷઌɺ ίʔεɺධՈϨϏϡʔɺσʔληοτɺޏ༻ओͷฏۉධՁɺ ΠϕϯτɺϑΝΫτνΣοΫɺٻਓใɺϝσΟΞɺ৬ۀɺ ϥΠϒετϦʔϛϯάɺҬͷ͓ళαʔϏεɺϩΰɺɺ 2"ϖʔδɺϨγϐɺϨϏϡʔεχϖοτɺಡΈ্͛Մೳɺ αΠτϦϯΫݕࡧϘοΫεɺιʔγϟϧϓϩϑΟʔϧɺಈըɺ ιϑτΣΞΞϓϦɺఆظߪೖͱϖΠΥʔϧίϯςϯπɺ ਓؾεϙοτϦετɺ)PXUP4UFQ 構造化データを入力するメリット
どんどん増えていってます
すぐできる構造化データマークアップ ご清聴ありがとうございました! 続きはWEBで! 構造化データマークアップ WordPressプラグイン開発中です!