Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Googleが推奨するCore Web Vitalsとは
microCMS
February 09, 2022
Marketing & SEO
0
490
Googleが推奨する Core Web Vitalsとは
Googleが検索順位を決める要素として重視している点・Core Web Vitalsの3指標・Core Web Vitalsの確認方法・測定と改善の流れ例についてのスライドです。
microCMS
February 09, 2022
Tweet
Share
More Decks by microCMS
See All by microCMS
microCMS × Shopifyで、ECサイトがリニューアル後急成長した話
microcms
0
550
microCMS × OpenAPIで高速かつ安全な開発を行う話
microcms
1
510
iframeフィールドでコンテンツとあらゆるAPIをつなぎこもう
microcms
0
450
LCP / FID / CLSを改善する実装方法
microcms
1
490
Other Decks in Marketing & SEO
See All in Marketing & SEO
次世代ヘッドレス開発室が提供するヘッドレスEC
texdeath
0
370
A story of achievements after repeating various challenges
clown0082
1
3.1k
Das Page Experience Update ist da! Die 10 wichtigsten Learnings aus dutzenden Core Web Vitals Optimierungen - Kai Spriestersbach SEARCH ONE
seokai
0
170
Triển khai CRM nên thuê hay tự lắp đặt?
misaamis
0
150
The Future Of Marketing
dannydenhard
0
1.3k
Consumer Behavior
takumikato
0
190
Cómo Gestionar Proyectos SEO Complejos de Forma Exitosa #SEonthebeach
aleyda
0
360
Как автору продвигать свою книгу
kulakov
0
370
コミュニティ実務者のバイブスとSomething ~自社コミュニティの事例を添えて~
komaya
1
1.5k
The Marketing Leaders Guide To 2022
dannydenhard
2
280
MarkeZine利用ユーザーインタビューサマリ
sairu_inc
0
620
Integración de envíos en tu tienda WooCommerce a través del plugin mipaquete.com
wordpressmedellin
0
390
Featured
See All Featured
A Philosophy of Restraint
colly
192
15k
Designing with Data
zakiwarfel
91
3.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1.1k
The Pragmatic Product Professional
lauravandoore
19
3k
The Brand Is Dead. Long Live the Brand.
mthomps
46
2.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
19
1.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
212
20k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
5.9k
What’s in a name? Adding method to the madness
productmarketing
11
1.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
19
1.2k
Why Our Code Smells
bkeepers
PRO
324
55k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
315
19k
Transcript
(PPHMF͕ਪ͢Δ $PSF8FC7JUBMTͱ 1
$PSF8FC 7JUBMTͷલʹɾɾɾ 2 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ίΞΞοϓσʔτ ʢίΞΞϧΰϦζϜΞοϓσʔτͷུশʣ (PPHMF͕ݕࡧΞϧΰϦζϜΛݟͯ͠ ݕࡧ݁ՌΛେ෯վળ͢ΔͨΊͷΞοϓσʔτͷ͜ͱɻ (PPHMF͕ެࣜʹࣄલࠂޙʹʹʙճఔ࣮ࢪɻ
3 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ΞοϓσʔτͷதΛͬͯɺ దͳରࡦΛߦ͏͜ͱ͕ॏཁɻ ͜ͷΞοϓσʔτʹΑΓɺ֤ϖʔδͷΩʔϫʔυॱҐ͕େ෯ʹ্ঢɺ ͘͠Լམ͢ΔͳͲͷݕࡧॱҐͷೖΕସΘΓ͕ى͖͘͢ͳΓɺ 4&0ͷӨڹ͕ग़Δ͜ͱɾɾɾɻ
4 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE $PSF8FC7JUBMT ʢίΞΣϒόΠλϧʣ (PPHMF8FC্Ͱ༏ΕͨϢʔβʔମݧΛఏڙ͢ΔͨΊͷඞཁ߲ʹ ݄ʙݕࡧॱҐΛܾΊΔཁૉʹஈ֊తʹಋೖ͢Δͱެࣜൃද ۙͷΞοϓσʔτͰͷ৽ͨͳϥϯΩϯάཁҼʮ$PSF8FC7JUBMTʯ ʢ݄ʣ
(PPHMF͕ݕࡧॱҐΛܾΊΔཁૉͱͯ͠ॏࢹ͍ͯ͠Δ͜ͱ 5 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ίϯςϯπͷ࣭ɾධՁ ݕࡧΩʔϫʔυͱͷؔ࿈ੑ 69ɿϢʔβʔମݧ ʢϢʔβʔΤΫεϖϦΤϯεʣ υϝΠϯͷڧ͞ Ϣʔβʔͷॴɾߦಈɾݴޠ
ઐੑɾ৴པੑɾɾϨϏϡʔɾඃϦϯΫ -$1 '*% $-4 $PSF 8FC 7JUBMT ϞόΠϧϑϨϯυϦʔ ηʔϑϒϥδϯά HTTPS௨৴ Θ͍͠ΠϯλʔεςΟγϟϧ͕ͳ͍ NEWʂ աڈͷ Ξοϓ σʔτ ʢεϚϗӾཡରԠʣ ʢίϯςϯπͷ҆શੑʣ ʢ44-௨৴ͰݸਓใΛอޢʣ ʢϙοϓΞοϓࠂ͕ग़͙ͯ͢ʹίϯςϯπʹΞΫηεͰ͖ͳ͍ʣ ʢϖʔδɾίϯςϯπͷࢹ֮త҆ఆੑʣ ʢϖʔδͷԠੑʣ ʢϖʔδͷදࣔʣ
$PSF8FC7JUBMTͷࢦඪ 6
ϖʔδͷදࣔΛଌΔʮ-$1ʯ 7
ϖʔδͷදࣔΛଌΔʮ-$1 -BSHFTU$POUFOUGVM 1BJOU ʯ 8 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ϖʔδͰҰ൪େ͖ͳίϯςϯπ ʢςΩετɾը૾ɾಈըͳͲʣ͕ දࣔ͞ΕΔ·Ͱͷ࣌ؒ
Ұ൪େ͖ͳίϯςϯπ ページの中でどのコンテンツが⼀番⼤きいと⾒なされるかは PageSpeed Insightsで確認できます。
ϖʔδͷදࣔΛଌΔʮ-$1ʯ 9 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE είΞͷ͕͍ʹද͕͍ࣔ ྑ͍ ྑ͘ͳ͍ վળ͕ඞཁ ඵ ඵ
ϖʔδͷԠੑΛଌΔʮ'*%ʯ 10
ϖʔδͷԠੑΛଌΔʮ'*% 'JSTU*OQVU%FMBZ ʯ 11 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE Ϣʔβʔ͕ϖʔδͰ࠷ॳʹΞΫγϣϯΛ͔ͯ͠Βϒϥβ ͕ͦͷૢ࡞ʹԠ͢Δ·Ͱͷ࣌ؒɻ ʢϦϯΫΫϦοΫϘλϯͷλοϓɺςΩετೖྗͳͲʣ ΞΫγϣ
ϯͨ͠ૢ ࡞͕Ԡ αΠτΛ๚Εͨࡍɺϖʔδ͕දࣔ͞Ε͍ͯΔͷʹϦϯΫ͕ΫϦοΫͰ͖ͳ͍߹ɺϢʔβʔετϨε Λײ͡·͢ɻಛʹԿΒ͔ͷૢ࡞Λߦ͏ඞཁ͕͋ΔϖʔδͰϢʔβʔମݧͱͯ͠ॏཁʹͳΓ·͢ɻ
'*% 'JSTU*OQVU%FMBZ ͱ 12 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ྑ͍ ྑ͘ͳ͍ վળ͕ඞཁ ϛϦඵ
ϛϦඵ είΞͷ͕͍ʹԠ͕͍࣌ؒ
ࢹ֮తͳ҆ఆੑΛଌΔʮ$-4ʯ 13
ࢹ֮తͳ҆ఆੑΛଌΔʮ$-4 $VNVMBUJWF-BZPVU4IJGU ʯ 14 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ϖʔδಡΈࠐΈதͷ༧ظͤ͵ϨΠΞτͷͣΕ ྫʣϖʔδΛ։͍ͨޙʹಥવࠂ͕ݱΕͯԡͭ͢Γͷͳ͍όφʔΛΫϦοΫͯ͠͠·͏ͳͲ ʢը૾ϘλϯͳͲͷදࣔҐஔʣ ݟग़͠
ຊจຊจຊจຊจຊ จຊจຊจຊจຊจ ຊจຊจຊจຊจຊ ଓ͖ΛಡΉ ຊจຊจຊจຊจ ࣍ͷݟग़͠ ݟग़͠ ຊจຊจຊจຊจຊ จຊจຊจຊจຊจ ຊจຊจຊจຊจຊ ࠂόφʔ͕ग़ݱ ࠂ͕දࣔ͞Εɺ ϨΠΞτ͕Ҡಈ ଓ͖ΛಡΉ
$-4 $VNVMBUJWF-BZPVU4IJGU ͱ 15 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE දࣔը໘ͰϢʔβʔͷૢ࡞͕ͳ͍ͷʹൃੜͨͣ͠ΕΛ ϨΠΞτγϑτείΞ ʹӨڹΛड͚ͨ໘ੵ Ҡಈͨ͠ڑͷׂ߹Ͱࢉग़ɻ
͕খ͍͞΄Ͳ69͕ྑ͍ͱ͞Εɺ$-4ʹ୯Ґ͕ͳ͍ ྑ͍ ྑ͘ͳ͍ վળ͕ඞཁ
$PSF8FC7JUBMTͷ֬ೝํ๏ 16
-$1'*%$-4ͷείΞΛ࣮ࡍʹଌఆͯ͠Έ·͠ΐ͏ 17 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE (PPHMFɺ-$1'*%$-4ΛՄࢹԽ͢Δπʔϧ Λ͍͔ͭ͘ఏڙ͍ͯ͠·͢ͷͰɺͦΕͧΕղઆͯ͠ ͍͖·͢ɻ
$ISPNF֦ுػೳɿ-JHIUIPVTFʢϥΠτϋεʣ 18 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE αΠτͷͷಛఆϢʔβʔମݧվળʹ׆༻Ͱ͖Δଌఆπʔϧɻ (PPHMF$ISPNFͷ֦ுػೳͰΠϯετʔϧ͓͍ͯͯ͠ɺଌఆ͍ͨ͠ϖʔδ Λ։͖ɺϘλϯΫϦοΫͭͰଌఆ͕Մೳɻ ੳ͍ͨ͠ϖʔδΛදࣔ͠ɺ ϒϥβӈ্ͷ-JHIUIPVTFΞΠίϯ ʢ౮ͷϚʔΫʣΛΫϦοΫ
(PPHMF$ISPNFʹ֦ுػೳͱͯ͠ ͋Β͔͡ΊΠϯετʔϧ͓ͯ͘͠ ʮ(FOFSBUFSFQPSUʯϘλϯΛΫϦοΫ
$ISPNF֦ுػೳɿ-JHIUIPVTFʢϥΠτϋεʣ 19 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE NJDSP$.4Ͱ࡞ͨ͠ϒϩάͷσεΫτοϓΛܭଌͨ݁͠Ռ
20 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ※LighthouseͰFIDදࣔ͞ΕͣɺΘΓʹ ྨࣅࢦඪͷTBTʢTotal Blocking Timeʣ͕දࣔ͞Ε·͢ɻ $ISPNF֦ுػೳɿ-JHIUIPVTFʢϥΠτϋεʣ ֤ࢦඪ͜Μͳ෩ʹදࣔ͞Ε·͢ -$1
$-4 '*%
$ISPNF֦ுػೳɿ $PSF8FC7JUBMT 21 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE -JHIUIPVTFಉ༷ʹ(PPHMF$ISPNFͷ֦ுػೳͰΠϯετʔϧ͓ͯ͠ ͘ͱɺଌఆ͍ͨ͠ϖʔδΛ։͖ϘλϯΫϦοΫͰείΞ͕ଌఆͰ͖Δ ʢ'*%ͷଌఆҰϖʔδΛΫϦοΫ͓ͯ͘͠ඞཁ͋Γʣ
$ISPNF֦ுػೳɿ $PSF8FC7JUBMT 22 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ֤ࢦඪ͜Μͳ෩ʹදࣔ͞Ε·͢ FIDͷଌఆʹҰϖʔδΛΫϦοΫ ͓ͯ͘͠ඞཁ͕͋Γ·͢ -$1 $-4
'*%
(PPHMF4FBSDI$POTPMFʢάʔάϧαʔνίϯιʔϧʣ 23 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE Ϣʔβʔ͕αΠτʹ๚ΕΔલͷσʔλαΠτܝࡌॱҐͷ֬ೝɾվળ ʹཱͭπʔϧ ˞ར༻Ͱ͖Δσʔλ͕গͳ͍ʢӾཡ͕গͳ͍ʣ߹දࣔ͞Εͳ͍͜ͱ
(PPHMF4FSDI $POTPMFʢάʔάϧαʔνίϯιʔϧʣ 24 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE NJDSP$.4ϒϩάͷϞόΠϧΛܭଌͨ݁͠Ռ ࠨϝχϡʔͷʮΣϒʹؔ͢ΔओͳࢦඪʯΛΫϦοΫͰࢦඪͷঢ়ଶ͕֬ೝͰ͖Δ
1BHF4QFFE *OTJHIUTʢϖʔδεϐʔυΠϯαΠτʣ 25 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE 63-ͷೖྗʴੳϘλϯΫϦοΫͰɺϞόΠϧ 1$ͦΕͧΕͷಡΈࠐ Έͱ$PSF8FC7JUBMTͷείΞ͕ܭଌͰ͖Δ ˞ར༻Ͱ͖Δσʔλ͕গͳ͍ʢӾཡ͕গͳ͍ʣ߹දࣔ͞Εͳ͍͜ͱ
1BHF4QFFE *OTJHIUTʢϖʔδεϐʔυΠϯαΠτʣ 26 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE ֤ࢦඪ͜Μͳ෩ʹදࣔ͞Ε·͢ -$1 $-4 '*%
ଌఆͱվળͷྲྀΕྫ 27 $PQZSJHIUNJDSPDNTJP "MMSJHIUTSFTFSWFE Ͱվળ͕ඞཁͳϖʔδʮ1BHF4QFFE *OTJHIUTʯͰৄ͍͠அ݁ՌΛ֬ೝ վળ͕ඞཁͳϖʔδ֘ՕॴΛʮ4FBSDI$POTPMFʯͰ֬ೝ ͷ݁ՌʢվળͰ͖Δ߲ʣΛࢀߟʹαΠτͷमਖ਼ मਖ਼͕ྃͨ͠Βʮ4FBSDI$POTPMFʯͰ࠶֬ೝ 1
2 3 4 5 αΠτશମͷείΞΛʮ -JHIUIPVTF ʯʮ $PSF8FC7JUBMTʯͰ֬ೝ