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
550
LINE公式アカウント&WordPressで更新頻度が上がった話
hiro_ghap1
1
150
もう一度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
Team operations that are not burdened by SRE
kazatohiei
1
210
Cline指示通りに動かない? AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
kamomeashizawa
1
570
WindowInsetsだってテストしたい
ryunen344
1
190
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
380
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
880
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.9k
童醫院敏捷轉型的實踐經驗
cclai999
0
190
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
100
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
470
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
2
260
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
250
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
540
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
54
13k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Six Lessons from altMBA
skipperchong
28
3.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Speed Design
sergeychernyshev
32
1k
A better future with KSS
kneath
239
17k
RailsConf 2023
tenderlove
30
1.1k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
For a Future-Friendly Web
brad_frost
179
9.8k
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ϓϥάΠϯ ʢଟʣ·ͳ͘ެ։Ͱ͢ʂ