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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Yoshihiro Hasegawa
January 15, 2020
Programming
610
0
Share
クリック率アップを目指す!リッチリザルトのための構造化データ
2020年1月15日に開催された Markup Meetup #2 でお話しさせていただいた内容です。
明日から構造化データをWebサイトに適用しましょう!
Yoshihiro Hasegawa
January 15, 2020
More Decks by Yoshihiro Hasegawa
See All by Yoshihiro Hasegawa
意外な落とし穴?ECサービス内のWordPressを扱う上での注意点 / Unexpected Pitfalls? Key Considerations When Using WordPress Within E-Commerce Services
hiro_ghap1
0
68
htmxって知っていますか?次世代のHTML
hiro_ghap1
0
920
LINE公式アカウント&WordPressで更新頻度が上がった話
hiro_ghap1
1
190
もう一度imgタグをおさらいしよう
hiro_ghap1
0
150
リッチリザルトのための構造化データハンズオン
hiro_ghap1
0
71
2020年からWebサイトが意匠権の対象になります
hiro_ghap1
0
440
すぐできる構造化データマークアップ
hiro_ghap1
1
250
Other Decks in Programming
See All in Programming
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
kentaroutakeda
1
300
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
minako__ph
4
1.1k
新規プロダクトを高速で生み出すハーネスエンジニアリング
seanchas116
12
5.8k
Lemonade + Foundry Toolkit でお手軽アプリ開発
seosoft
1
180
Moments When Things Go Wrong
aurimas
3
120
[KCD Czech] eBPF Meets the GPU: Future of AI Infra Observability
doniacld
0
110
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
nrslib
10
2.8k
Stage 3 Decorators でできること / できないこと / TSKaigi 2026
susisu
1
1.2k
色即是空、空即是色、データサイエンス
kamoneggi
1
200
AI時代だからこそ「Bloc」を採用する価値があるのかもしれない
takuroabe
0
250
TypeScriptだけでAIエージェントを作る フロント・エージェント・インフラのフルスタック実践
har1101
6
1.1k
バックエンドにElysiaJSを採用して気付いた、良い点・悪い点
wanko_it
1
180
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
41
2.5k
Accessibility Awareness
sabderemane
1
130
Site-Speed That Sticks
csswizardry
13
1.2k
How to Talk to Developers About Accessibility
jct
2
210
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
240
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.6k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
200
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
800
Heart Work Chapter 1 - Part 1
lfama
PRO
7
36k
30 Presentation Tips
portentint
PRO
1
300
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
Transcript
ΫϦοΫΞοϓΛࢦ͢ʂ ϦονϦβϧτͷͨΊͷߏԽσʔλ 2020.01.15 Markup Meetup #2 in LINKS UMEDA
ΫϦοΫΞοϓΛࢦ͢ʂϦονϦβϧτͷͨΊͷߏԽσʔλ ·ͣࣗݾհ ▸ ߹ಉձࣾ How to UseɹCTO ▸ ૯߹WebαʔϏε λμϑϥɹද
▸ σδλϧϋϦουେࡕɹτϨʔφʔ ▸ גࣜձࣾμϒϧϊοτɹύʔτφʔ ▸ ௗऔݝձ࿈߹ձɹొઐՈ ▸ ۭҊਓ® ▸ ͓ञͱߚͱνϣίϨʔτ ZPTIJIJSPIBTFHBXB DIPDPMBU@TUSFFU
ΫϦοΫΞοϓΛࢦ͢ʂϦονϦβϧτͷͨΊͷߏԽσʔλ ຊͷΞδΣϯμ ▸ ϦονϦβϧτͱ ▸ ߏԽσʔλͱ ▸ ͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸ SearchConsoleͰ֬ೝ͢Δ
ΫϦοΫΞοϓΛࢦ͢ʂϦονϦβϧτͷͨΊͷߏԽσʔλ ຊͷΰʔϧ ໌͔Βօ͞Μͷ αΠτͰݕࡧ݁Ռʹ ϦονϦβϧτΛ දࣔͯ͠Β͏
ΫϦοΫΞοϓΛࢦ͢ʂϦονϦβϧτͷͨΊͷߏԽσʔλ ຊͷΞδΣϯμ ▸ ϦονϦβϧτͱ ▸ ߏԽσʔλͱ ▸ ͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸ SearchConsoleͰ֬ೝ͢Δ
ϦονϦβϧτͱ ϦονϦβϧτͱ ▸ ࢹ֮తͳػೳૢ࡞ػೳ͕Ճ͞ΕͨɺGoogle ݕࡧ݁ՌͰ ͢ɻҎલʮϦονΧʔυʯ·ͨʮϦον εχϖοτʯ ͱͯ͠ΒΕ͍ͯ·ͨ͠ɻ ˞4FBSDI$POTPMFϔϧϓΑΓҾ༻
ϦονϦβϧτͱ ϦονϦβϧτͷछྨ
ϦονϦβϧτͱ ϦονϦβϧτͷछྨ
ϦονϦβϧτͱ ϦονϦβϧτͷछྨ
ϦονϦβϧτͱ ϦονϦβϧτͷछྨ
ϦονϦβϧτͱ ϦονϦβϧτͷछྨ ̎̕छྨ
ϦονϦβϧτͱ ೖΕΔͱͲ͏ͳΔʁ ٻਓৄࡉϖʔδͷ ࣗવݕࡧτϥϑΟοΫ94%૿Ճ ࣗવݕࡧτϥϑΟοΫ̎ഒҎ্ τϥϑΟοΫ100%૿େ ίϯόʔδϣϯ̐.̑ഒ αΠτࡏ࣌ؒ1.5ഒҎ্
ϦονϦβϧτͱ ̘̫ɺࡏ࣌ؒΞοϓΛࢦͦ͏ʂ ʮγϟϯύϯ ։͚ํʯͰ ݕࡧ͢Δͱग़ͯ͘Δ αϯτϦʔͷ How to ϦονϦβϧτ
ΫϦοΫΞοϓΛࢦ͢ʂϦονϦβϧτͷͨΊͷߏԽσʔλ ຊͷΞδΣϯμ ▸ ϦονϦβϧτͱ ▸ ߏԽσʔλͱ ▸ ͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸ SearchConsoleͰ֬ೝ͢Δ
ߏԽσʔλͱ ߏԽσʔλͱ ▸ Google ݕࡧͰɺϖʔδͷίϯςϯπΛཧղ͢ΔΑ͏औΓ ΜͰ͍·͢ɻϖʔδʹߏԽσʔλΛؚΊͯɺϖʔδͷ ༰ʹ͍ͭͯͷ໌നͳஅࡐྉΛఏڙ͢ΔͱɺGoogle Ͱͦͷ ϖʔδΛΑΓਖ਼֬ʹཧղͰ͖ΔΑ͏ʹͳΓ·͢ɻߏԽσʔ λͱɺϖʔδʹؔ͢ΔใΛఏڙ͠ɺϖʔδ
ίϯςϯπ ʢͨͱ͑ϨγϐͷϖʔδͰɺࡐྉɺՃ࣌ؒͱՃԹ ɺΧϩϦʔͳͲʣΛྨ͢ΔͨΊͷඪ४Խ͞Εͨσʔλ ܗࣜͰ͢ɻ
ߏԽσʔλͱ ߏԽσʔλͷܗࣜ ▸ Google Ͱओʹʮschema.orgʯͷϘΩϟϒϥϦ͕༻͞ ΕɺʮJSON-LDʢਪʣʯɺʮMicroformatsʯɺʮRDFaʯ ͷߏԽσʔλΛ༻Ͱ͖·͢ɻ ߏԽσʔλͷ هड़ʹछྨ͕͋Δʂ
ߏԽσʔλͱ ߏԽσʔλΛهड़͢Δ ▸ Google ͕ਪ͍ͯ͠ΔʮJSON-LDʢਪʣʯͰهड़͠Α͏
ߏԽσʔλͱ ߏԽσʔλΛೖྗ͢ΔϝϦοτ ▸ ྫ͑Ϩγϐͷ߹ɺௐཧ࣌ؒɺ ΧϩϦʔͳͲɺPCͷϦονϦβϧτͰ ݟΒΕΔදࣔҎ֎ʹɺΧϧʔηϧදࣔ༻ ͷϦετɺGoogleΞγελϯτͰ༻͞ ΕΔࡐྉɺௐཧखॱͳͲͷϓϩύςΟ͕ ͋Γ·͢ɻ ▸
ߏԽσʔλՄೳͳΒඞਢ߲͚ͩͰ ͳ͘ɺਪ߲ೖྗ͠·͠ΐ͏ɻ
ΫϦοΫΞοϓΛࢦ͢ʂϦονϦβϧτͷͨΊͷߏԽσʔλ ຊͷΞδΣϯμ ▸ ϦονϦβϧτͱ ▸ ߏԽσʔλͱ ▸ ͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸ SearchConsoleͰ֬ೝ͢Δ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ϦονϦβϧτͷͨΊͷߏԽσʔλ ▸ ίϯςϯπͷछྨͱ͓͢͢ΊͷϦονϦβϧτ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ૣͬͯΈΑ͏
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ࢀߟʹ͍ͨ͠ϦονεχϖοτΛݟ͚ͭΔ ʮγϟϯύϯ ։͚ํʯͰ ݕࡧ͢Δͱग़ͯ͘Δ αϯτϦʔͷ How to Step ߏԽσʔλ
ྉཧ໊Ͱݕࡧ͢Δͱग़ͯ͘Δ ϨγϐͷߏԽσʔλ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ࢀߟʹ͍ͨ͠ϦονεχϖοτΛݟ͚ͭΔ ࠓճΑ͋͘Δ࣭ͷߏԽσʔλ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ࢀߟʹ͍ͨ͠ϦονεχϖοτΛݟ͚ͭΔ ࠓճΑ͋͘Δ࣭ͷߏԽσʔλ ૣࣗࣾͷ 8FCαΠτʹ औΓࠐΜͰΈ·͠ΐ͏ʂ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ߏԽσʔλςετπʔϧΞΫηε ▸ ʮߏԽσʔλςετπʔϧʯͰݕࡧ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ߏԽσʔλςετπʔϧΞΫηε ▸ ࢀߟʹ͢ΔαΠτͷURLΛೖྗͯ͠ʮςετΛ࣮ߦʯ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ߏԽσʔλςετπʔϧΞΫηε ▸ ࠨଆʹιʔείʔυɺӈଆʹߏԽσʔλ͕දࣔ͞ΕΔ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ߏԽσʔλςετπʔϧΞΫηε ▸ ιʔείʔυͷ <script type=”application/ld+json”> ʙ </script> Λίϐϖ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ࣗࣾαΠτߏԽσʔλΛՃ͑Δ ▸ ߏԽσʔλςετπʔϧͷӈଆΛࢀߟʹɺࣗࣾͷ༰ʹॻ ͖͑Δ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ࣗࣾαΠτߏԽσʔλΛՃ͑Δ ▸ ग़དྷ্͕ͬͨΒɺߏԽσʔλςετπʔϧͰνΣοΫ͢Δ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ࣗࣾαΠτߏԽσʔλΛՃ͑Δ ▸ ग़དྷ্͕ͬͨΒɺߏԽσʔλςετπʔϧͰνΣοΫ͢Δ Τϥʔ͕ग़͍ͯͨΒमਖ਼Λʂ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ࣗࣾαΠτߏԽσʔλΛՃ͑Δ ▸ Τϥʔमਖ਼͕ඞཁ͕ͩɺਪ߲ͷܯࠂݩͷαΠτͰ ͳ͚Εεϧʔ ઌఔͷαϯτϦʔͷ αΠτͰܯࠂ ൃੜ͍ͯ͠Δ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ҙ ▸ ϨγϐͳͲɺҰ෦ͷߏԽσʔλͰϘΠεUIͷΨΠμϯε ʹରԠ߲͕ͨ͠ଘࡏ͢ΔɻνΣοΫπʔϧͰඞਢ߲ͱ ͳ͍ͬͯͳ͍ͨΊɺݸผͰରԠ͕ඞཁɻ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ Τϥʔ͕ͳ͘ͳͬͨΒʂ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ߏԽσʔλΛೖྗ͢Δҙ ▸ ΨΠυϥΠϯҧʹͳΒ ͳ͍Α͏ʹɺೖྗ༰Λ νΣοΫ͢Δ͜ͱɻ ▸ ͜ͷ߹ɺٻਓ͕ऴྃ͠ ͍ͯΔʹؔΘΒͣߏ Խσʔλ্ͰٻਓதͰ͋
ΔͨΊʹखಈରࡦͷର ͱͳΔՄೳੑʹݴٴͯ͠ ͍Δɻ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ߏԽσʔλΛೖྗ͢Δҙ ▸ ٻਓɺετϦʔϛϯάಈը݁Ռͷөʹଈޮੑ͕ٻΊΒ ΕΔͨΊɺIndexing API ͷσʔλૹ৴Λߦ͏ɻ ▸ Index API
ϦΫΤετΛૹΔ͜ͱͰɺGoogleͷϑϨογϡ ΫϩʔϧΛεέδϡʔϧͰ͖Δɻ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ߏԽσʔλΛೖྗ͢Δҙ ▸ ٻਓɺετϦʔϛϯάಈը݁Ռͷөʹଈޮੑ͕ٻΊΒ ΕΔͨΊɺIndexing API ͷσʔλૹ৴Λߦ͏ɻ ▸ Index API
ϦΫΤετΛૹΔ͜ͱͰɺGoogleͷϑϨογϡ ΫϩʔϧΛεέδϡʔϧͰ͖Δɻ
ΫϦοΫΞοϓΛࢦ͢ʂϦονϦβϧτͷͨΊͷߏԽσʔλ ຊͷΞδΣϯμ ▸ ϦονϦβϧτͱ ▸ ߏԽσʔλͱ ▸ ͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ▸ SearchConsoleͰ֬ೝ͢Δ
Search Console Ͱ֬ೝ͢Δ Search Console Ͱ֬ೝ͢Δ ▸ URLݕࠪΛߦ͍ɺGoogle ʹߏԽσʔλ͕ೝࣝ͞ΕΔͱ Search
Console ্ʹରԠͨ͠ϓϩύςΟ͕ग़ݱ͢Δɻ
Search Console Ͱ֬ೝ͢Δ ݕࡧ݁ՌΛ֬ೝ͢Δ ▸ ݕࡧ݁Ռͷөૣͯ࣌ؒ͘ɺͯ͘ͱ͍͏ͱ͜ ΖɻʢIndexingAPI ͳΒͰөʣ
Search Console Ͱ֬ೝ͢Δ ͦͷଞͷߏԽσʔλ ▸ φϨοδύωϧ͕ग़ݱ͢ΔߏԽσʔλʢΠϕϯτʣ
Search Console Ͱ֬ೝ͢Δ Search Console Ͱ֬ೝ͢Δ ▸ φϨοδύωϧ͔Βͷྲྀೖ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ૣ໌͔ΒϦονϦβϧτΛಋೖ͠·͠ΐ͏ʂ ▸ ؾʹͳΔϦονϦβϧτΛςετπʔϧ ͰௐΔɻ ▸ ࣗࣾͷ༰ʹॻ͖͑Δɻ ▸ Search Console
Λ֬ೝ͢Δɻ ʲ·ͱΊʳ
͙͢Ͱ͖ΔߏԽσʔλϚʔΫΞοϓ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ߏԽσʔλϚʔΫΞοϓWordPressϓϥάΠϯ ʢଟʣ·ͳ͘ެ։Ͱ͢ʂ