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
570
クリック率アップを目指す!リッチリザルトのための構造化データ
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
590
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
サーバーサイドのビルド時間87倍高速化
plaidtech
PRO
0
500
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
210
Flutter로 Gemini와 MCP를 활용한 Agentic App 만들기 - 박제창 2025 I/O Extended Seoul
itsmedreamwalker
0
150
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
270
エンジニアのための”最低限いい感じ”デザイン入門
shunshobon
0
130
TROCCO×dbtで実現する人にもAIにもやさしいデータ基盤
nealle
0
330
『リコリス・リコイル』に学ぶ!! 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
wanko_it
1
600
ライブ配信サービスの インフラのジレンマ -マルチクラウドに至ったワケ-
mirrativ
2
270
AI OCR API on Lambdaを Datadogで可視化してみた
nealle
0
180
AIコーディングAgentとの向き合い方
eycjur
0
230
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
130
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
rkaga
13
2.8k
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Embracing the Ebb and Flow
colly
87
4.8k
Code Reviewing Like a Champion
maltzj
525
40k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
480
4 Signs Your Business is Dying
shpigford
184
22k
Into the Great Unknown - MozCon
thekraken
40
2k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
570
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ϓϥάΠϯ ʢଟʣ·ͳ͘ެ։Ͱ͢ʂ