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
200
すぐできる構造化データマークアップ
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
LINE公式アカウント&WordPressで更新頻度が上がった話
hiro_ghap1
1
40
もう一度imgタグをおさらいしよう
hiro_ghap1
0
99
リッチリザルトのための構造化データハンズオン
hiro_ghap1
0
34
クリック率アップを目指す!リッチリザルトのための構造化データ
hiro_ghap1
0
440
2020年からWebサイトが意匠権の対象になります
hiro_ghap1
0
420
Other Decks in Programming
See All in Programming
今、知っておきたい! 生成AIエージェントの世界
elith
3
350
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
0
180
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5k
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
670
Git Lint
bkuhlmann
4
750
Elm 0.19.0 Changes
bkuhlmann
0
490
Ruby Function Composition
bkuhlmann
1
330
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
18k
educure_カリキュラム生操作マニュアル.pdf
linew_official
0
640
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.1k
Snowflakeで眠ったデータを起こそう!
estie
0
110
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
350
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
7
2.3k
The Pragmatic Product Professional
lauravandoore
24
5.8k
Statistics for Hackers
jakevdp
789
220k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
What the flash - Photography Introduction
edds
64
11k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
15
2.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
How to train your dragon (web standard)
notwaldorf
72
5.1k
Being A Developer After 40
akosma
56
580k
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プラグイン開発中です!