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
Googleが推奨するCore Web Vitalsとは
Search
microCMS
February 09, 2022
Marketing & SEO
0
1.3k
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
7
1.9k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
2.8k
microCMS AI
microcms
0
1.4k
microCMSのエンジニア組織と文化
microcms
0
1.4k
シン・リッチエディタ徹底解説
microcms
1
1.5k
新リリース:microCMSテンプレート
microcms
1
1.6k
Cloudflare Pages/Workersとは
microcms
1
670
Next.jsでの開発を加速させるVercelとNext.js/App Routerの便利な機能たち
microcms
1
850
microCMSの簡単なご紹介とより高度な使い方
microcms
1
220
Other Decks in Marketing & SEO
See All in Marketing & SEO
bSEO - How to write THE perfect SEO ticket for your devs
pelogia
0
140
Addressing the gaps between SEO and CX
collettemdl
1
170
Ecommerce SEO: The Keys for Success in 2024 #SEOMeetup
aleyda
2
2k
VALUE FIRST 2024-2025 RECRUIT
hrdivision
PRO
3
310
How to diagnose your brand SEO health issues
annikahaataja
2
310
SEO para imágenes, principales consejos
jluis8
0
340
Would You Still Want This Link If Google Didn't Exist?
brockbankjames
1
180
Banana King
lyh125
0
720
Maillage interne et sites à forte volumétrie de pages - SEO Vibes Paris 2023
diije
PRO
1
460
brightonSEO Set 23 - Exploiting XPath in ScreamingFrog and Google Sheets
pojda
0
370
The Impact of AI in SEO: How is it Going and What to Expect Next - #FOS24
aleyda
4
1.7k
SNSは最強
shimotaroo
1
510
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
12
1.1k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
7k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Rebuilding a faster, lazier Slack
samanthasiow
74
8.3k
RailsConf 2023
tenderlove
9
580
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
How to Ace a Technical Interview
jacobian
273
22k
The Invisible Side of Design
smashingmag
294
49k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
Teambox: Starting and Learning
jrom
128
8.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
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ʯͰ֬ೝ