Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Core Web Vitals についてあれやこれや
Search
Masayuki Maekawa
September 04, 2021
Marketing & SEO
510
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Core Web Vitals についてあれやこれや
2021/09/04(土)
合同勉強会 in 大都会岡山 -2021 Summer Online-
でのセッションスライドです。
Masayuki Maekawa
September 04, 2021
Transcript
43 slides
$PSF8FC7JUBMT ʹ͍ͭͯ͋Ε͜Ε ߹ಉษڧձJOେձԬࢁ4VNNFS0OMJOF લণ
֓ཁ ͜ͷय़ɺ Σϒք۾ͰԿ͔ͱΛूΊ͍ͯͨ$PSF8FC7JUBMT $87 ɻ (PPHMFͷݕࡧ݁ՌͷϥϯΩϯάཁҼʹՃ͑ΒΕΔ ͱ͍͏ ͜ ͱͰɺ
͍ΘΏΔ4&0ͷਓ͚ͨͪͩͰͳ͘ɺ Σϒ੍࡞ͷਓͨͪ ᨣᨣͰͨ͠ɻ Φ ϛ ΧϨ ͝ଟʹ࿙ΕͣରԠΛߦ͍· ͨ͠ͷͰɺ ͦͷৼΓฦΓతʹΞϥΧϧτͰհ͠ ·͢ɻ
ࣗݾհ w લণ ʢ· ͔͑Θ· ͞Ώ͖ʣ w גࣜձࣾɹΦ ϛΧϨ
w %FWFMPQNFOU%JSFDUPS w 'SPNPLBZBNBKT
ࠗ׆ͱ͍͑Φ ϛ Χ Ϩ
$PSF8FC7JUBMT $87 IUUQTEFWFMPQFSTKQHPPHMFCMPHDPNXFCWJUBMTIUNM
ͯ͢ͷΣϒΤΫεϖϦΤϯεʹͱ ͬͯ ॏཁͳڞ௨γάφϧɺ ͭ· Γ ʮ$PSF8FC7JUBMTʯ
݄Α Γɺ ϥϯΩϯάཁҼʹ IUUQTEFWFMPQFSTHPPHMFDPNTFBSDICMPHNPSFEFUBJMTQBHFFYQFSJFODF
ࠓճͷߋ৽༏Εͨ ϢʔβʔΤΫεϖϦΤϯεΛఏڙ͢Δ ϖʔδΛϋΠ ϥΠ τ͢Δ Α ͏ʹ
ઃܭ͞Ε͍ͯ·͢
ϖʔδΤΫεϖϦΤϯεɺ (PPHMFͷγεςϜ͕ߟྀ͢Δ ଟ͘ ͷཁૉͷ͏ ͪͷͭͰ͢ɻ ͦͷͨΊɺ ҰൠతʹαΠ
τʹ େ෯ͳมԽ͕ى͜ ΔΘ͚Ͱ͋Γ ·ͤΜɻ
ޚଟʹӮΕͣɺ Φ ϛ ΧϨରԠΛ͠ · ͨ͠
ͨͿΜօ͞Μ͕ฉ͖͍ͨ͜ ͱ
ରԠͯ͠ॱҐ্͕ͬͨ ʁ
͓͑͠ ·͢
ʮ͜ΕͰ্͕ͬͨʯ ͱ͍͏ೝࣝ͋ Γ ·ͤΜ
͜ͷࠒͷಈ͖ w ݄ ɿ $87ͷϥϯΩϯάө w ݄ ɿ ίΞΞ ο
ϓσʔ τ w ݄ ɿ ίΞΞ ο ϓσʔ τ
͜ͷࠒͷಈ͖ w ݄ ɿ $87ͷϥϯΩϯάө w ݄ ɿ ίΞΞ ο
ϓσʔ τ w ݄ ɿ ίΞΞ ο ϓσʔ τ ίΞΞ ο ϓσʔ τͷӨڹ͕ᴴ͔ʹେ͖ ͘ɺ ଌఆෆೳ
$73ͱ্͔͕ͬͨͷ ʁ
ίϩφͷӨڹ͕େ͖͗ͯ͢ɺ قઅࢦݟ͑ͣΘ͔Βͳ͍ ʢٽ
Ͱɺ ͓͖ͬͯ͘ɺ ͱࠓࢥͬͯ·͢
Ͳ͏͍͏ରԠΛ͔ͨ͠ʁ
$PSF8FC7JUBMTͷ߲ w -BSHFTU$POUFOUGVM1BJOU -$1 w 'JSTU*OQVU%FMBZ '*% w
$VNVMBUJWF-BZPVU4IJGU $-4
-BSHFTU$POUFOUGVM1BJOU -$1 w ϖʔδ͕࠷ॳʹϩʔ υΛ։࢝ͨ͠ͱ ͖ ͱ͔Βɺ Ϗϡʔϙʔ τʹදࣔ͞ΕΔ࠷େͷ
ը૾·ͨςΩε τ ϒϩοΫͷϨϯμϦ ϯά࣌ؒ w ͍Θɺ ϖʔδͷදࣔ
'JSTU*OQVU%FMBZ '*% w Ϣʔβʔ͕࠷ॳʹϖʔδΛૢ࡞͔ͯ͠Βɺ ϒϥβʔ͕࣮ࡍʹॲཧΛ։࢝Ͱ͖ ΔΑ ͏ʹͳΔ ·Ͱͷ࣌ؒ w
͍Θɺ 6*ͷԠ
$VNVMBUJWF-BZPVU4IJGU $-4 w ϖʔδͰൃੜ͢Δ༧ظ͠ͳ͍ϨΠ Ξ τγϑ τͷଌఆ w ͦͷͭ Γແ͍ͷʹࠂͱ͔Λλ
ο ϓͯ͠͠ · ͏Ϡπ
ͦΕͧΕͷରԠ -$1$-4'*% '*%ʹ͍ͭͯಛʹରԠͷඞཁͳ͔ͬͨ $-4ʹ͍ͭͯϖʔδදࣔޙͷࠩ͠ࠐΈίϯςϯπΛॳظදࣔʹ ˞Φ ϛΧ Ϩͷ߹
-$1ରԠ w ج४ඵҎԼ w ඪඵҎԼ w ରԠલඵɺ ͞ Βʹ͍߹
1BHF4QFFE*OTJHIUT͕ग़ͯ͘͠ ΔଟͷରԠ߲ άάͬͨΒग़ͯ͘ ΔରԠํ๏ ίϯαϧͷࢦఠ 8FCQͱ͔$44ͷϓϩύςΟ ͱ͔
1BHF4QFFE*OTJHIUT͕ग़ͯ͘͠ ΔଟͷରԠ߲ άάͬͨΒग़ͯ͘ ΔରԠํ๏ ίϯαϧͷࢦఠ 8FCQͱ͔$44ͷϓϩύςΟ ͱ͔ ܾΊखʹͳ Γ ·ͤΜ
ޠฐ͕͋ΔͷͰલఏͷ͓ w Φ ϛΧ ϨϝϯόʔʹΑ Δϑϩϯ τ࣮ɺ ͦΜͳʹແ͍ͯ͠ͳ͍ w ͳͷͰɺ
େ͖ ͘ᆝଛͱͳΔΑ ͏ ͳࣄ͢ͰʹରԠ͍ͯ͠Δঢ়ଶ w ʹ͋;Ε͍ͯΔͷϑϩϯ τΤϯ υ·ΘΓͷ͜ ͱ͔Γ w νϦ πϞ൱ఆ͠ͳ͍͕ɺ νϦνϦ
Φ ϛ Χ ϨͰ-$1ͷͨΊʹߦͬͨओͳ͜ ͱ w -$1ରίϯςϯπͷݻఆ w 55'#ݮ
-$1ରίϯςϯπͷݻఆ -$1ରίϯςϯπ ͱ ͯ͜͠ΕΛՃ
-$1ରίϯςϯπͷݻఆ -$1ରίϯςϯπ ͱ ͯ͜͠ΕΛՃ Ͱͳ͍ͱɺ ͜ ͪ Β͕-$1ͱೝࣝ͞Εɺ ͍͢͝ʹ
-$1ରίϯςϯπͷݻఆ %FW5PPMTͰ֬ೝͰ͖ ·͢
-$1ରίϯςϯπͷݻఆ ͜ ͜ͷ໘ੵ͕૬ରతʹখ͍͞ͱ ͜ ͬ ͕ͪ-$1ʹͳͬͨΓ ͑Δը૾ͷαΠ ζΛϧʔϧԽ
55'#ݮ 5JNF5P'JSTU#JUFཁαʔόʔͷॲཧ࣌ؒ
͋͑ͯݴ͏ ͱɺ 55'#Ͱඵ͔͔͍ͬͯΕɺ ԿΛͯ͠ແବ
55'#ݮ w Φ ϛΧ ϨͷΞʔΩςΫνϟ ͱ ͯ͠ɺ 1)1ͷΞϓϦέʔγϣϯαʔό͔Β"1*ʹ)551Ͱଓ͍ͯ͠Δ w
"1*͕ଈϨεϙϯεΛฦͯ͠NT͙ Β͍ফඅͯ͠͠ · ͏ w όονͰग़ྗ͍ͯ͠Δ੩త+40/ϑ ΝΠϧͷಡΈࠐΈ)551 w ͜Ε͕ͨ·ʹNT͙ Β͍ʹͳΔ ͜ ͱ͕͋Δ
55'#ݮ w $MPVE'SPOUͷίϯςϯπΩϟ ογϡΛར༻͍ͯ͠Δ͕ɺ ώ ο τ w ώ ο
τ͢Δ ͱNTҎԼͰฦ͕͢ɺ ώ ο τ ͍ͯ͠ͳ͍࣌ܭଌ͞ΕΔ w ΤοδαʔόʔͷΩϟ ογϡΥʔ ϛ ϯάݕ౼͕ͨ͠ɺ ͋· Γݱ࣮తͰͳ͍͠ɺ "84ͷ υΩϡϝϯ τݟΔݶΓਪ ͞Ε͍ͯͳ͍ͷͰ٫Լ
55'#ݮ w 55'#ͷඪΛඵʹઃఆ ʢඵΛແཧʹૂΘͳ͍ʣ w ؔ͝ͱͷ࣌ؒଌఆˠϦ ϑ ΝΫλ Ϧ
ϯά w .FNDBDIFEͷపఈ׆༻ w Ωϟ ογϡΥʔ ϛ ϯάͷಋೖ
55'#ݮ w Ϟχλ Ϧ ϯά1BHF4QFFE*OTJHIUTͷ"1*Ͱ55'#Λऔಘͯ͠ه w $BUDIQPJOUͱ͔͍͍͚ͨͲɺ ίϩφγϣ οΫ͍ w
ͱ Γ͋͑ͣݮʹޭ
ΦʔϧάϦ ʔϯୡ ʂ
· ͱΊ w ରԠͯ͠ॱҐ্͕͕Δ ͱ͔ظ͠ͳ͍ w Ͱɺ Ϧ ϑ ΝΫλ
Ϧ ϯάʹϦ ιʔεΛೖ͢Δ ͓ͱ ͯ͠ͱͯେ͖͍ w ϑϩϯ τΤϯ υͰղܾ͠Α ͏ ͱ ͕͚ͪͩ͠Ͳɺ ଟղܾ͠ͳ͍ ͜ ͱ͕ଟ͍ w ·ͣ55'#ΛΈΖ ʂ
͋ Γ ͕ͱ ͏ ͍͟͝· ͨ͠ !NBFQPO
More Decks by Masayuki Maekawa
See All by Masayuki Maekawa
解決策をひとつ増やそう!ブラウザ拡張機能作成のススメ
maepon
1
650
拡張機能でええんちゃう?
maepon
1
710
UDフォントの話
maepon
0
580
箱ひげ図
maepon
0
730
大規模サイトにおけるSEO観点でのURL設計
maepon
5
5.1k
ミーティングの「進行役」を考える
maepon
1
710
ミーティングの「進行役」考
maepon
1
680
DB使わずWordPressのデータ取得
maepon
0
710
JavaScriptの読み込みを考える〜場所、async、defer、その仕組みと使い所〜
maepon
3
2.8k
Other Decks in Marketing & SEO
See All in Marketing & SEO
SEO чек-лист для ускорения индексации молодого сайта
speedyindexteam
PRO
1
370
Feed the machine: Berlin SEO & content club
katarinadahlin
PRO
1
250
Drowning in prompts? How to build an AEO program around the data that matters
samanyougarg
0
210
Industrial context graphs
venkatapagadala1
1
390
20+ GEO-Experimente, 100 Mio. Websites: Was wir getestet haben, was gescheitert ist – und was in der KI-Suche wirklich funktioniert (OMT)
thomaspeham
0
100
会社説明資料|株式会社トライバルメディアハウス
tribal
0
14k
Campixx - Claude Code & MCP Servers: Practical SEO Use Cases
pelogia
0
110
The New Citation Economy | AEO Research Deck Sept 2026
joshbly
0
310
Tech SEO in the AI Search Era: The Shifts, Trends and What to Do About Them - #TechSEOConnect
aleyda
1
1k
AI Search Optimisation - HiveMCR Masterclass
whitworthseo
0
220
MeasureFest 2026 - How Claude Code Helped Me Transform Reporting and Delivery for AI Search and SEO - Christian Goodrich
cargoodrich
1
200
Diagnosing Rendering & Indexing Issues with the URL Inspection API
manuelmadeddu
0
120
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Music & Morning Musume
bryan
48
7.5k
The agentic SEO stack - context over prompts
schlessera
0
1k
Claude Code のすすめ
schroneko
67
230k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
4
4.4k
Side Projects
sachag
456
43k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
121
130k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k