Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Googleが推奨する Core Web Vitalsとは

microCMS
February 09, 2022
Marketing & SEO
0
730

Googleが推奨する Core Web Vitalsとは

Googleが検索順位を決める要素として重視している点・Core Web Vitalsの3指標・Core Web Vitalsの確認方法・測定と改善の流れ例についてのスライドです。

microCMS

February 09, 2022
Tweet

More Decks by microCMS

See All by microCMS
microCMS - Company Deck
microcms
3
2.3k
microCMS × Shopifyで、ECサイトがリニューアル後急成長した話
microcms
1
1.3k
microCMS × OpenAPIで高速かつ安全な開発を行う話
microcms
1
980
iframeフィールドでコンテンツとあらゆるAPIをつなぎこもう
microcms
0
710
LCP / FID / CLSを改善する実装方法
microcms
1
830

Other Decks in Marketing & SEO

See All in Marketing & SEO
NewsPics利用ユーザーインタビューサマリー
sairu_inc
0
1.7k
The democratization of SEO
jonoalderson
0
170
How to Develop International SEO Audits for Success #IntSS
aleyda
3
420
Understanding the "dark side" of ecommerce
sampenno
0
250
Into the Great Unknown - MozCon
thekraken
2
290
コミュニティ自走しない問題の処方箋？ 「参与感」なる概念の話
komaya
0
4.3k
お手軽ベイジアンABテスト_tokyor_20221022/easy_bayesian_ab_testing
florets1
0
240
Building a Modern Day 
E-commerce SEO Strategy
aleyda
6
4.5k
220613 フェイスブックグループを活用したマーケティング応用術とは？ DUKEさん
comucal
PRO
0
6.4k
持続的なサービス提供のための計測と分析
miyabigouji
0
130
Level Up Meeting Productivity with Action-Oriented Meeting Agendas
caitlinhathaway
1
330
メディア運営の失敗談あれこれ_20230121
onwainc
0
130

Featured

See All Featured
Pencils Down: Stop Designing & Start Developing
hursman
114
10k
A better future with KSS
kneath
230
16k
Build The Right Thing And Hit Your Dates
maggiecrowley
22
1.4k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.2k
Facilitating Awesome Meetings
lara
33
4.6k
Rebuilding a faster, lazier Slack
samanthasiow
69
7.5k
Become a Pro
speakerdeck
PRO
6
3.2k
Optimizing for Happiness
mojombo
365
64k
Ruby is Unlike a Banana
tanoku
93
9.5k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
GitHub's CSS Performance
jonrohan
1020
430k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
128
8.8k

Transcript

  1. (PPHMF͕ਪ঑͢Δ $PSF8FC7JUBMTͱ͸ 1

  2. $PSF8FC 7JUBMTͷલʹɾɾɾ 2 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE ίΞΞοϓσʔτ ʢίΞΞϧΰϦζϜΞοϓσʔτͷུশʣ (PPHMF͕ݕࡧΞϧΰϦζϜΛݟ௚ͯ͠ ݕࡧ݁ՌΛେ෯վળ͢ΔͨΊͷΞοϓσʔτͷ͜ͱɻ (PPHMF͕ެࣜʹࣄલࠂ஌ޙʹ೥ʹʙճఔ౓࣮ࢪɻ

  3. 3 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE Ξοϓσʔτͷத਎Λ஌ͬͯɺ ద੾ͳରࡦΛߦ͏͜ͱ͕ॏཁɻ ͜ͷΞοϓσʔτʹΑΓɺ֤ϖʔδͷΩʔϫʔυॱҐ͕େ෯ʹ্ঢɺ ΋͘͠͸Լམ͢ΔͳͲͷݕࡧॱҐͷೖΕସΘΓ͕ى͖΍͘͢ͳΓɺ 4&0΁ͷӨڹ͕ग़Δ͜ͱ΋ɾɾɾɻ

  4. 4 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE $PSF8FC7JUBMT ʢίΞ΢ΣϒόΠλϧʣ (PPHMF͸8FC্Ͱ༏ΕͨϢʔβʔମݧΛఏڙ͢ΔͨΊͷඞཁ߲໨ʹ ೥݄ʙݕࡧॱҐΛܾΊΔཁૉʹஈ֊తʹಋೖ͢Δͱެࣜൃද ௚ۙͷΞοϓσʔτͰͷ৽ͨͳϥϯΩϯάཁҼʮ$PSF8FC7JUBMTʯ ʢ೥݄ʣ

  5. (PPHMF͕ݕࡧॱҐΛܾΊΔཁૉͱͯ͠ॏࢹ͍ͯ͠Δ͜ͱ 5 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE ίϯςϯπͷ඼࣭ɾධՁ ݕࡧΩʔϫʔυͱͷؔ࿈ੑ 69ɿϢʔβʔମݧ ʢϢʔβʔΤΫεϖϦΤϯεʣ υϝΠϯͷڧ͞ Ϣʔβʔͷ৔ॴɾߦಈɾݴޠ

    ઐ໳ੑɾ৴པੑɾ઱౓ɾϨϏϡʔɾඃϦϯΫ -$1 '*% $-4 $PSF 8FC 7JUBMT ϞόΠϧϑϨϯυϦʔ ηʔϑϒϥ΢δϯά HTTPS௨৴ ൥Θ͍͠ΠϯλʔεςΟγϟϧ͕ͳ͍ NEWʂ աڈͷ Ξοϓ σʔτ ʢεϚϗӾཡରԠʣ ʢίϯςϯπͷ҆શੑʣ ʢ44-௨৴Ͱݸਓ৘ใΛอޢʣ ʢϙοϓΞοϓ޿ࠂ͕ग़͙ͯ͢ʹίϯςϯπʹΞΫηεͰ͖ͳ͍ʣ ʢϖʔδɾίϯςϯπͷࢹ֮త҆ఆੑʣ ʢϖʔδͷԠ౴ੑʣ ʢϖʔδͷදࣔ଎౓ʣ

  6. $PSF8FC7JUBMTͷࢦඪ 6

  7. ϖʔδͷදࣔ଎౓ΛଌΔʮ-$1ʯ 7

  8. ϖʔδͷදࣔ଎౓ΛଌΔʮ-$1 -BSHFTU$POUFOUGVM 1BJOU ʯ 8 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE ϖʔδ಺ͰҰ൪େ͖ͳίϯςϯπ ʢςΩετɾը૾ɾಈըͳͲʣ͕ දࣔ͞ΕΔ·Ͱͷ࣌ؒ

    Ұ൪େ͖ͳίϯςϯπ ページの中でどのコンテンツが⼀番⼤きいと⾒なされるかは PageSpeed Insightsで確認できます。

  9. ϖʔδͷදࣔ଎౓ΛଌΔʮ-$1ʯ 9 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE είΞͷ஋͕୹͍ʹදࣔ଎౓͕଎͍ ྑ͍ ྑ͘ͳ͍ վળ͕ඞཁ ඵ ඵ

  10. ϖʔδͷԠ౴ੑΛଌΔʮ'*%ʯ 10

  11. ϖʔδͷԠ౴ੑΛଌΔʮ'*% 'JSTU*OQVU%FMBZ ʯ 11 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE Ϣʔβʔ͕ϖʔδ಺Ͱ࠷ॳʹΞΫγϣϯΛ͔ͯ͠Βϒϥ΢β ͕ͦͷૢ࡞ʹԠ౴͢Δ·Ͱͷ࣌ؒɻ ʢϦϯΫΫϦοΫ΍ϘλϯͷλοϓɺςΩετೖྗͳͲʣ ΞΫγϣ

    ϯͨ͠ૢ ࡞͕Ԡ౴ αΠτΛ๚Εͨࡍɺϖʔδ͕දࣔ͞Ε͍ͯΔͷʹϦϯΫ͕ΫϦοΫͰ͖ͳ͍৔߹ɺϢʔβʔ͸ετϨε Λײ͡·͢ɻಛʹԿΒ͔ͷૢ࡞Λߦ͏ඞཁ͕͋ΔϖʔδͰ͸Ϣʔβʔମݧͱͯ͠ॏཁʹͳΓ·͢ɻ

  12. '*% 'JSTU*OQVU%FMBZ ͱ͸ 12 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE ྑ͍ ྑ͘ͳ͍ վળ͕ඞཁ ϛϦඵ

    ϛϦඵ είΞͷ஋͕୹͍ʹԠ౴͕࣌ؒ୹͍

  13. ࢹ֮తͳ҆ఆੑΛଌΔʮ$-4ʯ 13

  14. ࢹ֮తͳ҆ఆੑΛଌΔʮ$-4 $VNVMBUJWF-BZPVU4IJGU ʯ 14 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE ϖʔδಡΈࠐΈதͷ༧ظͤ͵ϨΠΞ΢τͷͣΕ ྫʣϖʔδΛ։͍ͨޙʹಥવ޿ࠂ͕ݱΕͯԡͭ͢΋Γͷͳ͍όφʔΛΫϦοΫͯ͠͠·͏ͳͲ ʢը૾΍ϘλϯͳͲͷදࣔҐஔʣ ݟग़͠

    ຊจຊจຊจຊจຊ จຊจຊจຊจຊจ ຊจຊจຊจຊจຊ ଓ͖ΛಡΉ ຊจຊจຊจຊจ ࣍ͷݟग़͠ ݟग़͠ ຊจຊจຊจຊจຊ จຊจຊจຊจຊจ ຊจຊจຊจຊจຊ ޿ࠂόφʔ͕ग़ݱ ޿ࠂ͕දࣔ͞Εɺ ϨΠΞ΢τ͕Ҡಈ ଓ͖ΛಡΉ

  15. $-4 $VNVMBUJWF-BZPVU4IJGU ͱ͸ 15 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE දࣔը໘಺ͰϢʔβʔͷૢ࡞͕ͳ͍ͷʹൃੜͨͣ͠ΕΛ ϨΠΞ΢τγϑτείΞ ʹӨڹΛड͚ͨ໘ੵ Ҡಈͨ͠ڑ཭ͷׂ߹Ͱࢉग़ɻ

    ஋͕খ͍͞΄Ͳ69͕ྑ͍ͱ͞Εɺ$-4ʹ͸୯Ґ͕ͳ͍ ྑ͍ ྑ͘ͳ͍ վળ͕ඞཁ

  16. $PSF8FC7JUBMTͷ֬ೝํ๏ 16

  17. -$1'*%$-4ͷείΞΛ࣮ࡍʹଌఆͯ͠Έ·͠ΐ͏ 17 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE (PPHMF͸ɺ-$1'*%$-4ΛՄࢹԽ͢Δπʔϧ Λ͍͔ͭ͘ఏڙ͍ͯ͠·͢ͷͰɺͦΕͧΕղઆͯ͠ ͍͖·͢ɻ

  18. $ISPNF֦ுػೳɿ-JHIUIPVTFʢϥΠτϋ΢εʣ 18 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE αΠτͷ໰୊ͷಛఆ΍Ϣʔβʔମݧվળʹ׆༻Ͱ͖Δଌఆπʔϧɻ (PPHMF$ISPNFͷ֦ுػೳͰΠϯετʔϧ͓͍ͯͯ͠ɺଌఆ͍ͨ͠ϖʔδ Λ։͖ɺϘλϯΫϦοΫͭͰଌఆ͕Մೳɻ ෼ੳ͍ͨ͠ϖʔδΛදࣔ͠ɺ ϒϥ΢βӈ্ͷ-JHIUIPVTFΞΠίϯ ʢ౮୆ͷϚʔΫʣΛΫϦοΫ

    (PPHMF$ISPNFʹ֦ுػೳͱͯ͠ ͋Β͔͡ΊΠϯετʔϧ͓ͯ͘͠ ʮ(FOFSBUFSFQPSUʯϘλϯΛΫϦοΫ

  19. $ISPNF֦ுػೳɿ-JHIUIPVTFʢϥΠτϋ΢εʣ 19 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE NJDSP$.4Ͱ࡞੒ͨ͠ϒϩάͷσεΫτοϓΛܭଌͨ݁͠Ռ

  20. 20 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE ※LighthouseͰ͸FID͸දࣔ͞Εͣɺ୅ΘΓʹ ྨࣅࢦඪͷTBTʢTotal Blocking Timeʣ͕දࣔ͞Ε·͢ɻ $ISPNF֦ுػೳɿ-JHIUIPVTFʢϥΠτϋ΢εʣ ֤ࢦඪ͸͜Μͳ෩ʹදࣔ͞Ε·͢ -$1

    $-4 '*%

  21. $ISPNF֦ுػೳɿ $PSF8FC7JUBMT 21 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE -JHIUIPVTFಉ༷ʹ(PPHMF$ISPNFͷ֦ுػೳͰΠϯετʔϧ͓ͯ͠ ͘ͱɺଌఆ͍ͨ͠ϖʔδΛ։͖ϘλϯΫϦοΫͰείΞ͕ଌఆͰ͖Δ ʢ'*%ͷଌఆ͸Ұ౓ϖʔδ಺ΛΫϦοΫ͓ͯ͘͠ඞཁ͋Γʣ

  22. $ISPNF֦ுػೳɿ $PSF8FC7JUBMT 22 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE ֤ࢦඪ͸͜Μͳ෩ʹදࣔ͞Ε·͢ FIDͷଌఆʹ͸Ұ౓ϖʔδ಺ΛΫϦοΫ ͓ͯ͘͠ඞཁ͕͋Γ·͢ -$1 $-4

    '*%

  23. (PPHMF4FBSDI$POTPMFʢάʔάϧαʔνίϯιʔϧʣ 23 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE Ϣʔβʔ͕αΠτʹ๚ΕΔલͷσʔλ΍αΠτܝࡌॱҐͷ֬ೝɾվળ ʹ໾ཱͭπʔϧ ˞ར༻Ͱ͖Δσʔλ͕গͳ͍ʢӾཡ਺͕গͳ͍ʣ৔߹͸දࣔ͞Εͳ͍͜ͱ΋

  24. (PPHMF4FSDI $POTPMFʢάʔάϧαʔνίϯιʔϧʣ 24 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE NJDSP$.4ϒϩάͷϞόΠϧΛܭଌͨ݁͠Ռ ࠨϝχϡʔͷʮ΢Σϒʹؔ͢ΔओͳࢦඪʯΛΫϦοΫͰࢦඪͷঢ়ଶ͕֬ೝͰ͖Δ

  25. 1BHF4QFFE *OTJHIUTʢϖʔδεϐʔυΠϯαΠτʣ 25 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE 63-ͷೖྗʴ෼ੳϘλϯΫϦοΫͰɺϞόΠϧ 1$ͦΕͧΕͷಡΈࠐ Έ଎౓ͱ$PSF8FC7JUBMTͷείΞ͕ܭଌͰ͖Δ ˞ར༻Ͱ͖Δσʔλ͕গͳ͍ʢӾཡ਺͕গͳ͍ʣ৔߹͸දࣔ͞Εͳ͍͜ͱ΋

  26. 1BHF4QFFE *OTJHIUTʢϖʔδεϐʔυΠϯαΠτʣ 26 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE ֤ࢦඪ͸͜Μͳ෩ʹදࣔ͞Ε·͢ -$1 $-4 '*%

  27. ଌఆͱվળͷྲྀΕྫ 27 $PQZSJHIU˜NJDSPDNTJP "MMSJHIUTSFTFSWFE Ͱվળ͕ඞཁͳϖʔδ͸ʮ1BHF4QFFE *OTJHIUTʯͰৄ͍͠਍அ݁ՌΛ֬ೝ վળ͕ඞཁͳϖʔδ਺΍֘౰ՕॴΛʮ4FBSDI$POTPMFʯͰ֬ೝ ͷ݁ՌʢվળͰ͖Δ߲໨ʣΛࢀߟʹαΠτͷमਖ਼ मਖ਼͕׬ྃͨ͠Βʮ4FBSDI$POTPMFʯͰ࠶౓֬ೝ 1

    2 3 4 5 αΠτશମͷείΞΛʮ -JHIUIPVTF ʯ΍ʮ $PSF8FC7JUBMTʯͰ֬ೝ