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.4k
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
1
250
What’s new in microCMS (2024 microCMS Meetup)
microcms
0
2k
microCMSの開発組織 - Deep dive into microCMS
microcms
2
3k
意思決定のモヤが晴れるまで
microcms
7
2.2k
Webフロントエンドの進化とJamstackアーキテクチャの変遷
microcms
7
3.2k
microCMS AI
microcms
0
1.9k
microCMSのエンジニア組織と文化
microcms
0
1.9k
シン・リッチエディタ徹底解説
microcms
1
2.1k
新リリース:microCMSテンプレート
microcms
1
2k
Other Decks in Marketing & SEO
See All in Marketing & SEO
MIXI における技術広報とその役割
mixi_engineers
PRO
2
360
Auditing & Optimising PLPs & PDPs with Sitebulb
nikkihalliwell
0
130
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
0
650
Moderné SEO: Nástroje, AI a Stratégia pre efektívne sledovanie konkurencie a reakciu aktualizácie
pavelungr
0
300
Growing against the grain - doing more with less | Brighton SEO
paulaaronnorris
0
350
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
590
PMMとは? … モダンなSaaSプロダクトに必須な役割(「プロマネチョットデキル#5」より)
piacerex
0
130
OSSのメンテナが 入門ハンズオンを なぜ・どのように作成したか
tkikuc
3
130
企業がより良い取引のためにImmediate Edgeーションを活用するには?
davidmurray
0
100
AI-Powered Search from SMX Advanced Berlin
ipullrank
4
1.4k
100% Evergreen Articles to Survive Search Updates
chrismeabe
0
410
Tech SEO Connect 2024: BigQuery for SEOs
samtorres
1
890
Featured
See All Featured
Producing Creativity
orderedlist
PRO
344
40k
Practical Orchestrator
shlominoach
186
10k
It's Worth the Effort
3n
184
28k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Code Reviewing Like a Champion
maltzj
521
39k
Side Projects
sachag
452
42k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Unsuck your backbone
ammeep
669
57k
Faster Mobile Websites
deanohume
306
31k
Optimizing for Happiness
mojombo
376
70k
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ʯͰ֬ೝ