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
January 15, 2020
Programming
0
560
クリック率アップを目指す!リッチリザルトのための構造化データ
2020年1月15日に開催された Markup Meetup #2 でお話しさせていただいた内容です。
明日から構造化データをWebサイトに適用しましょう!
Yoshihiro Hasegawa
January 15, 2020
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
2020年からWebサイトが意匠権の対象になります
hiro_ghap1
0
430
すぐできる構造化データマークアップ
hiro_ghap1
1
230
Other Decks in Programming
See All in Programming
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
650
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
900
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
550
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
9
5.1k
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
86
29k
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.3k
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
200
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
130
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
190
Porting a visionOS App to Android XR
akkeylab
0
460
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
130
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
120
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
RailsConf 2023
tenderlove
30
1.1k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Docker and Python
trallard
44
3.5k
Facilitating Awesome Meetings
lara
54
6.4k
Balancing Empowerment & Direction
lara
1
430
Code Reviewing Like a Champion
maltzj
524
40k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
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ϓϥάΠϯ ʢଟʣ·ͳ͘ެ։Ͱ͢ʂ