Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
メディアを伸ばすWordPess開発事例 / WordBench Kurashiki vol4 session
Takenori Okashita (GOUTEN)
August 04, 2018
Technology
1
74
メディアを伸ばすWordPess開発事例 / WordBench Kurashiki vol4 session
あまりシェアしてはいけない
Takenori Okashita (GOUTEN)
August 04, 2018
Tweet
Share
More Decks by Takenori Okashita (GOUTEN)
See All by Takenori Okashita (GOUTEN)
デザインに必要な「呼吸」の話 / 2018 Creative Hunt Session
gouten5010
0
630
さいきょーっぽいでーたべーすをつかってうぇぶせいさくをしてみた / Web Design & Creation Session vol2
gouten5010
0
50
Grow up your sense.
gouten5010
0
1.9k
kintoneとWordPressで織りなすメディア運用論 / kintone café JAPAN 2017
gouten5010
0
130
顔出しNGがこわいあなたへ / WordFes Nagoya 2017 LT
gouten5010
0
1.2k
伝説のまさかりを本気で作る / Frontend Conference 2017 LT
gouten5010
1
190
WordPressが制作の現場を変えていく / WordBench Kurashiki vol1
gouten5010
0
420
できる!わぷーコスプレ / WordCamp Tokyo 2016 LT Personal
gouten5010
0
7.8k
WordPress好きはワインもお好き? / WordCamp Tokyo 2016 LT Nama & Hage
gouten5010
0
6.6k
Other Decks in Technology
See All in Technology
テクニカルライティングの検定を受けてみた話 / "My Story About Taking the Technical Writing Exam
line_developers
PRO
1
210
Settlement simulation testing to ensure correct settlement processing
applepine1125
2
1.2k
A3-1 IBM Championが本音で語る「IBM Cloud」
kolinz
0
310
テスト自動化を最速で軌道に乗せるために
nozomiito
0
140
合同IT企業説明会から学ぶエンジニア向けの広報戦略
nagutabby
1
240
Sysdig Secure/Falcoの活用術! ~Kubernetes基盤の脅威モデリングとランタイムセキュリティの強化~
owlinux1000
0
240
ソフトウェアアーキテクチャの基礎: Software Architecture in a Nutshell
snoozer05
31
8.9k
#awsbasics [LT] サーバレスECにおける Step Functions の使い方
miu_crescent
0
850
Micro frontends and micro services
kashif98
0
150
Red Hat Enterprise Linux 9のリリースノートを読む前に知りたい最近のキーワードをまとめて復習
moriwaka
0
370
Cloud Foundryの移行先はどこか? オープンソースPaaS探し
kolinz
0
350
ECS Exec を使った ECS の トラブルシューティング
dohara
0
140
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
11
4.9k
Visualization
eitanlees
125
12k
Automating Front-end Workflow
addyosmani
1351
200k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
344
17k
GitHub's CSS Performance
jonrohan
1020
420k
Designing for humans not robots
tammielis
241
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
119
28k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_i
25
15k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
6k
A better future with KSS
kneath
226
16k
Thoughts on Productivity
jonyablonski
44
2.4k
Transcript
ϝσΟΞӡӦΛ৳͢ 8PSE1SFTT։ൃࣄྫ 2018.08.04 - WordBenchෑ ୈ4ճษڧձ Takenori Okashita (GOUTEN)
Takenori Okashita a.k.a. GOUTEN @gouten5010 ϑϩϯτΤϯυΤϯδχΞʗ8FCσβΠφʔ ΫοΫϏζגࣜձࣾ 8PSE$BNQ0TBLB࣮ߦҕһ $44ϑϨϯζӡӦ
݄ΠνͰཱྀߦ໋͕ ํొஃ͍͚·͢ʂ ˒ ొஃͨ͜͠ͱ͕͋Δ ߦ͖͘ ˒ ࣮Ո
IUUQTGPPEJPOOFU ྉཧਓɾγΣϑͱͭͳ͕Δ৯ͷ4/4 'PPEJPO
IUUQTGPPEJPOOFU ྉཧਓɾγΣϑͱͭͳ͕Δ৯ͷ4/4 'PPEJPO ʴ ʴ
IUUQTGPPEJPOOFU ྉཧਓɾγΣϑͱͭͳ͕Δ৯ͷ4/4 'PPEJPO ʴ ʴ 1IPUPCZ!LVSPLPSPMM 8PSE#FODIෑୈճษڧձ
IUUQTDPPLCJ[KQTPLFO ҿ৯ਓࡐͷϓϩʹΑΔz৯zͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ
IUUQTDPPLCJ[KQTPLFO ҿ৯ਓࡐͷϓϩʹΑΔz৯zͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ ࠓͬͪ͜ͷ͓ʂ
ϝσΟΞαΠτͷΞΫηεΛ৳͢
IUUQTDPPLCJ[KQTPLFO ҿ৯ਓࡐͷϓϩʹΑΔz৯zͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ
None
ؤுͬͯهࣄ͍ͬͺ͍ॻ͍ͨ
ΞΫηεΞοϓʹ։ൃඞཁͩ ͦΕ͚ͩ͡Όͳ͍ɻ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ هࣄͷϦϥΠτ ߋ৽සͷΞοϓ ΦʔΨχοΫ֫ಘͷͨΊͷࢪࡦ ಛผͳϖʔδͷ࡞
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ ߋ৽සͷΞοϓ िະຬߋ৽͔Βͷ٫ ϥΠλʔͷՃ ࣌ࣄωλͷΩϟονΞοϓ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ߋ৽සͷΞοϓ िະຬߋ৽͔Βͷ٫ ϥΠλʔͷՃ ࣌ࣄωλͷΩϟονΞοϓ
ηογϣϯΛ৳ͨ͢Ίͷࢦඪ (PPHMF%BUB4UVEJP ղੳͨ͠Օॴ ΧςΰϦ͝ͱͷΠϯϓϨογϣϯ → ૯ͯ͡৳ͼͯͳ͍δϟϯϧ͕ಘҙɹ ɹͳਓͷิర → લ݄ΑΓ৳ͼ͍ͯΔδϟϯϧ͕ ɹಘҙͳਓͷิరΛͯ͠ɺΩʔϫʔυ
ɹͰݕࡧΤϯδϯͷॱҐΛ֫ಘ͢Δ ॾࣄʹΑΓ ݟͤΒΕ·ͤΜ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϥΠλʔͷՃ ͬͨ͜ͱ ϥΠλʔΛ૿ͯ͠ճసΛ্͛Δ ։ɹൃ ϙΠϯτ هࣄΛॻ͘ϥΠλʔͷ৭Λग़͢ ϥΠλʔܦ༝ͰͷΞΫηεݟࠐΈ ճ༡ͷ૿Ճͷૂ͍ σϝϦοτ
֤छڐΛͱ͍ͬͯΔ͔ͷ֬ೝɺ هࣄͷެ։ϑϩʔ͕ෳࡶʹ ϥΠλʔͷϓϩϑΟʔϧͷదͳදࣔ ϥΠλʔҰཡͱϥΠλʔͷهࣄҰཡΛ࡞
ಛผͳϖʔδͷ࡞ Πϕϯτɾηϛφʔϖʔδͷઃஔ ϓϨεϦϦʔεɾدߘͷड͚ೖΕ ์ஔͯ͠େৎͳίϯςϯπ ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ಛผͳϖʔδͷ࡞ Πϕϯτɾηϛφʔϖʔδͷઃஔ ϓϨεϦϦʔεɾدߘͷड͚ೖΕ ์ஔͯ͠େৎͳίϯςϯπ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ Πϕϯτɾηϛφʔϖʔδͷઃஔ ͬͨ͜ͱ Πϕϯτઐ༻ͷϑΥʔϚοτͷ༻ҙ ։ɹൃ ΧελϜϑΟʔϧυͰΠϕϯτଐੑͷ ೖྗ߲Ճ ϙΠϯτ େͷαΠτεϚϗ͔Βͷ ΞΫηεͷ΄͏͕ଟ͍
→ ϞόΠϧͰͷಈઢΛεϜʔζԽ͢Δ εϚʔτϑΥϯͰͷਃࠐΈͷಋઢڧԽ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ Πϕϯτɾηϛφʔϖʔδͷઃஔ ͬͨ͜ͱ Πϕϯτઐ༻ͷϑΥʔϚοτͷ༻ҙ ։ɹൃ ΧελϜϑΟʔϧυͰΠϕϯτଐੑͷ ೖྗ߲Ճ εϚʔτϑΥϯͰͷਃࠐΈͷಋઢڧԽ ϙΠϯτ େͷαΠτεϚϗ͔Βͷ
ΞΫηεͷ΄͏͕ଟ͍ → ϞόΠϧͰͷಈઢΛεϜʔζԽ͢Δ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ ΦʔΨχοΫ֫ಘͷ ͨΊͷࢪࡦ ϥϯΩϯάͷઃஔ ".1ରԠ λάҰཡϖʔδͷઃஔ
ΦʔΨχοΫ֫ಘͷ ͨΊͷࢪࡦ ϥϯΩϯάͷઃஔ ".1ରԠ λάҰཡϖʔδͷઃஔ ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϥϯΩϯάͷઃஔ ͬͨ͜ͱ αΠυόʔʢεϚϗͳΒϑολʔʣ ʹਓؾهࣄϥϯΩϯά ϥϯΩϯάͷઃஔ ͬͨ͜ͱ αΠυόʔʢεϚϗͳΒϑολʔʣ ʹਓؾهࣄϥϯΩϯά ։ɹൃ
Jetpack API ·ͨ Google Analytics API Λར༻ͯ͠هࣄͷPVΛऔಘɾιʔτ ϙΠϯτ Α͘ݟΒΕΔهࣄΛ࿐ग़ͯ͠ධՁͷ࣭ΛߴΊΔ ճ༡ੑͷ্ ϥϯΩϯάಛઃϖʔδΛઃஔ σΠϦʔʗ݄ؒʗ૯߹ϥϯΩϯάΛදࣔ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϥϯΩϯάͷઃஔ ͬͨ͜ͱ αΠυόʔʢεϚϗͳΒϑολʔʣ ʹਓؾهࣄϥϯΩϯά ։ɹൃ Jetpack API ·ͨ Google
Analytics API Λར༻ͯ͠هࣄͷPVΛऔಘɾιʔτ ϙΠϯτ Α͘ݟΒΕΔهࣄΛ࿐ग़ͯ͠ධՁͷ࣭ΛߴΊΔ ճ༡ੑͷ্ // Google Analytics API ͷऔಘίʔυ ϥϯΩϯάಛઃϖʔδΛઃஔ σΠϦʔʗ݄ؒʗ૯߹ϥϯΩϯάΛදࣔ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ λάҰཡϖʔδͷઃஔ ͯ͢ͷઃఆ͞ΕͨλάΛཏͨ͠ ಛઃϖʔδΛઃஔ ։ɹൃ ϙΠϯτ ճ༡ੑͷ্ ݕࡧΤϯδϯʹಛఆΩʔϫʔυͰͷ ΠϯσοΫεΛ૿͢ λά͝ͱͷهࣄҰཡϖʔδͷઃஔ
"DDFMFSBUFE.PCJMF1BHFT ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ".1ରԠ WordPressͷAMPϓϥάΠϯΛಋೖ ͞ΒʹAMPςϯϓϨʔτվम ։ɹൃ ϙΠϯτ ϑϧεΫϥονςʔϚͰͷ ಠ࣮ࣗ෦ϓϥάΠϯͰ͑ͳ͍ͨΊ AMPϓϥάΠϯͷςϯϓϨʔτΛͱʹ
࣮ΛՃͨ͠ MFIʢMobile First IndexʣͷରԠ ಡΈࠐΈվળ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ هࣄͷϦϥΠτ దͳλΠτϧ ެ։લɾެ։ޙͷهࣄͷ࣭ͷҧ͍ ༰ͷਫ਼ࠪ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ దͳλΠτϧΛ͚ͭΔ ݩλΠτϧ έʔλϦϯάͰϚάϩͷղମγϣʔʁʂ ࢥ͍ग़ʹΔέʔλϦϯάαʔϏεΛ͝հ ϦϥΠτޙ େࡕͰέʔλϦϯάΛબͿͳΒ͜͜ʂ ࢥ͍ग़ʹΔਓؾͷαʔϏεΛ͝հ ʲؔฤʳ ϙΠϯτ
Ϛάϩղମγϣʔ͚ͩͰͳ͍هࣄ հ͍ͯ͠ΔαʔϏεʹҬͷภΓ͕͋Δ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ ༰ͷਫ਼ࠪͯ͠هࣄΛׂ͢Δ ݩλΠτϧ ࣅ͍ͯΔΑ͏Ͱҧ͏ʁࣗຫͰ͖Δ౾ࣝʂͨΒ͜ͱ໌ଠࢠɺ ϚʔΨϦϯͱόλʔͷҧ͍આ໌Ͱ͖·͔͢ʁ ׂޙ ιʔηʔδͱΠϯφʔͷҧ͍ͱʁͷٙΛ͍·ղܾ͠Α͏ʂ ϙΠϯτ ୯ମهࣄͰΞΫηεΛՔ͛Δ ಛఆͷΩʔϫʔυΛૂͬͨSEOޮՌ
ҙ֎ͱΒΕͯͳ͍ʂͨΒ͜ͱ໌ଠࢠͷҧ͍ʹ͍ͭͯ ϚʔΨϦϯͱόλʔͷҧ͍આ໌Ͱ͖·͔͢ʁ ࣅ͍ͯΔΑ͏Ͱҧ͏ʁࣗຫͰ͖Δ౾ࣝʂιʔηʔδͱΟϯφʔɺ Ϗʔϧͱൃ๐ञͷҧ͍આ໌Ͱ͖·͔͢ʁ ϚʔΨϦϯͱόλʔͷҧ͍આ໌Ͱ͖·͔͢ʁ
ηογϣϯΛ৳ͨ͢Ίʹͬͨ͜ͱ ެ։ޙͷهࣄͷ࣭ͷҧ͍͔ΒλΠτϧมߋ ݩλΠτϧ ຊͷιτͰΈΜͳΞϨΛҿΜͰ͍Δʁʂ ੈքͷࢎҿྉಛू ϦϥΠτޙ ॵ͍قઅʹΦεεϝʂւ֎Ͱେਓؾͷ ࢎҿྉ4બʂ ϙΠϯτ ՆΛରͱͨ͠಄จ
հ͍ͯ͠Δͷ͕4ͭͰಛूͱݴ͍ͮΒ͍
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϑϩϯτϖʔδͷϝΠϯϏδϡΞϧʹදࣔ͢Δهࣄͷखಈදࣔ ৄࡉهࣄͷϨίϝϯυͷखಈදࣔ Θ͟Θ͟ਓͷखΛೖΕΔࢪࡦ
ηογϣϯΛ৳ͨ͢Ίͷࢦඪ (PPHMF%BUB4UVEJP ղੳͨ͠Օॴ ࠷ۙΫϦοΫΠϯϓϨογϣϯ͕ଟ͍ɺ ·ͨݕࡧΤϯδϯͷܝࡌॱҐ͕ߴ͍ Ωʔϫʔυ → ֘͢ΔهࣄΛ૿ͯ͠ܝࡌॱҐΛकΔ → αΠτͷՁΛߴΊΔ
ॾࣄʹΑΓ ݟͤΒΕ·ͤΜ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ϑϩϯτϖʔδͷϝΠϯϏδϡΞϧʹදࣔ͢Δهࣄͷखಈදࣔ ϙΠϯτ قઅʹΑͬͯදࣔ͢ΔͷΛม͑Δ աڈͷྑهࣄͷ࿐ग़
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ৄࡉهࣄͷϨίϝϯυͷखಈදࣔ ϙΠϯτ ࣗಈͰؔ࿈͚͢Δͷݶք͕͋Δ
ηογϣϯΛ৳ͨ͢Ίʹ։ൃͨ͜͠ͱ ৄࡉهࣄͷϨίϝϯυͷखಈදࣔ ϙΠϯτ ࣗಈͰؔ࿈͚͢Δͷݶք͕͋Δ खಈهࣄϨίϝϯυ
݄ 17ͷਪҠ ݄
దͳࢪࡦͷཪʹదͳ։ൃ͋Γ
ͰΑΓΑ͍ϝσΟΞͷӡ༻Λ ਓྗº։ൃ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ