メディアを伸ばすWordPess開発事例 / WordBench Kurashiki vol4 session

あまりシェアしてはいけない

Transcript

1. ϝσΟΞӡӦΛ৳͹͢
   8PSE1SFTT։ൃࣄྫ 2018.08.04 - WordBench૔ෑ ୈ4ճษڧձ Takenori Okashita (GOUTEN)
2. Takenori Okashita a.k.a. GOUTEN @gouten5010 ϑϩϯτΤϯυΤϯδχΞʗ8FCσβΠφʔ ΫοΫϏζגࣜձࣾ 8PSE$BNQ
   0TBLB
   
   ࣮ߦҕһ௕ $44ϑϨϯζӡӦ
3. ݄ΠνͰཱྀߦ͕࢖໋ ஍ํొஃ΋͍͚·͢ʂ ˒ ొஃͨ͜͠ͱ͕͋Δ ߦ͘΂͖੟஍ ˒ ࣮Ո
4. IUUQTGPPEJPOOFU ྉཧਓɾγΣϑͱͭͳ͕Δ৯ͷ4/4 'PPEJPO
5. IUUQTGPPEJPOOFU ྉཧਓɾγΣϑͱͭͳ͕Δ৯ͷ4/4 'PPEJPO ʴ ʴ
6. IUUQTGPPEJPOOFU ྉཧਓɾγΣϑͱͭͳ͕Δ৯ͷ4/4 'PPEJPO ʴ ʴ 1IPUP
   CZ
   
   
   
   
   
   !
   
   LVSPLPSPMM 8PSE#FODI૔ෑ
   ୈճษڧձ
7. IUUQTDPPLCJ[KQTPLFO ҿ৯ਓࡐͷϓϩʹΑΔz৯zͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ
8. IUUQTDPPLCJ[KQTPLFO ҿ৯ਓࡐͷϓϩʹΑΔz৯zͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ ࠓ೔͸ͬͪ͜ͷ͓࿩ʂ
9. ϝσΟΞαΠτͷΞΫηεΛ৳͹͢
10. IUUQTDPPLCJ[KQTPLFO ҿ৯ਓࡐͷϓϩʹΑΔz৯zͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ
12. ؤுͬͯهࣄ͍ͬͺ͍ॻ͍ͨ
13. ΞΫηεΞοϓʹ͸։ൃ΋ඞཁͩ ͦΕ͚ͩ͡Όͳ͍ɻ
14. ηογϣϯΛ৳͹ͨ͢Ίʹ΍ͬͨ͜ͱ هࣄͷϦϥΠτ ߋ৽ස౓ͷΞοϓ ΦʔΨχοΫ֫ಘͷͨΊͷࢪࡦ ಛผͳϖʔδͷ࡞੒
15. ηογϣϯΛ৳͹ͨ͢Ίʹ΍ͬͨ͜ͱ ߋ৽ස౓ͷΞοϓ िະຬߋ৽͔Βͷ୤٫ ϥΠλʔͷ௥Ճ ࣌ࣄωλͷΩϟονΞοϓ
16. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ߋ৽ස౓ͷΞοϓ िະຬߋ৽͔Βͷ୤٫ ϥΠλʔͷ௥Ճ ࣌ࣄωλͷΩϟονΞοϓ
17. ηογϣϯΛ৳͹ͨ͢Ίͷࢦඪ (PPHMF
    %BUB
    4UVEJP ղੳͨ͠Օॴ ΧςΰϦ͝ͱͷΠϯϓϨογϣϯ਺ → ૯ͯ͡৳ͼͯͳ͍δϟϯϧ͕ಘҙɹ ɹͳਓͷิర → લ݄ΑΓ৳ͼ͍ͯΔδϟϯϧ͕ ɹಘҙͳਓͷิరΛͯ͠ɺΩʔϫʔυ ɹͰݕࡧΤϯδϯͷॱҐΛ֫ಘ͢Δ ॾࣄ৘ʹΑΓ
    ݟͤΒΕ·ͤΜ
18. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ϥΠλʔͷ௥Ճ ΍ͬͨ͜ͱ ϥΠλʔΛ૿΍ͯ͠ճస཰Λ্͛Δ ։ɹൃ ϙΠϯτ هࣄΛॻ͘ϥΠλʔͷ৭Λग़͢ ϥΠλʔܦ༝ͰͷΞΫηεݟࠐΈ ճ༡཰ͷ૿Ճͷૂ͍ σϝϦοτ ֤छڐ୚౳Λͱ͍ͬͯΔ͔ͷ֬ೝ౳ɺ هࣄͷެ։ϑϩʔ͕ෳࡶʹ ϥΠλʔͷϓϩϑΟʔϧͷద੾ͳදࣔ ϥΠλʔҰཡͱϥΠλʔͷهࣄҰཡΛ࡞੒
19. ಛผͳϖʔδͷ࡞੒ Πϕϯτɾηϛφʔϖʔδͷઃஔ ϓϨεϦϦʔεɾدߘͷड͚ೖΕ ์ஔͯ͠େৎ෉ͳίϯςϯπ ηογϣϯΛ৳͹ͨ͢Ίʹ΍ͬͨ͜ͱ
20. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ಛผͳϖʔδͷ࡞੒ Πϕϯτɾηϛφʔϖʔδͷઃஔ ϓϨεϦϦʔεɾدߘͷड͚ೖΕ ์ஔͯ͠େৎ෉ͳίϯςϯπ
21. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ Πϕϯτɾηϛφʔϖʔδͷઃஔ ΍ͬͨ͜ͱ Πϕϯτઐ༻ͷϑΥʔϚοτͷ༻ҙ ։ɹൃ ΧελϜϑΟʔϧυͰΠϕϯτଐੑͷ ೖྗ߲໨௥Ճ ϙΠϯτ େ఍ͷαΠτ͸εϚϗ͔Βͷ ΞΫηεͷ΄͏͕ଟ͍ → ϞόΠϧͰͷಈઢΛεϜʔζԽ͢Δ εϚʔτϑΥϯͰͷਃࠐΈͷಋઢڧԽ
22. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ Πϕϯτɾηϛφʔϖʔδͷઃஔ ΍ͬͨ͜ͱ Πϕϯτઐ༻ͷϑΥʔϚοτͷ༻ҙ ։ɹൃ ΧελϜϑΟʔϧυͰΠϕϯτଐੑͷ ೖྗ߲໨௥Ճ εϚʔτϑΥϯͰͷਃࠐΈͷಋઢڧԽ ϙΠϯτ େ఍ͷαΠτ͸εϚϗ͔Βͷ ΞΫηεͷ΄͏͕ଟ͍ → ϞόΠϧͰͷಈઢΛεϜʔζԽ͢Δ
23. ηογϣϯΛ৳͹ͨ͢Ίʹ΍ͬͨ͜ͱ ΦʔΨχοΫ֫ಘͷ
    ͨΊͷࢪࡦ ϥϯΩϯάͷઃஔ ".1ରԠ λάҰཡϖʔδͷઃஔ
24. ΦʔΨχοΫ֫ಘͷ
    ͨΊͷࢪࡦ ϥϯΩϯάͷઃஔ ".1ରԠ λάҰཡϖʔδͷઃஔ ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ
25. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ϥϯΩϯάͷઃஔ ΍ͬͨ͜ͱ αΠυόʔʢεϚϗͳΒϑολʔʣ ʹਓؾهࣄϥϯΩϯά ϥϯΩϯάͷઃஔ ΍ͬͨ͜ͱ αΠυόʔʢεϚϗͳΒϑολʔʣ ʹਓؾهࣄϥϯΩϯά ։ɹൃ Jetpack API ·ͨ͸ Google Analytics API Λར༻ͯ͠هࣄͷPV਺Λऔಘɾιʔτ ϙΠϯτ Α͘ݟΒΕΔهࣄΛ࿐ग़ͯ͠ධՁͷ࣭ΛߴΊΔ ճ༡ੑͷ޲্ ϥϯΩϯάಛઃϖʔδΛઃஔ σΠϦʔʗ݄ؒʗ૯߹ϥϯΩϯάΛදࣔ
26. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ϥϯΩϯάͷઃஔ ΍ͬͨ͜ͱ αΠυόʔʢεϚϗͳΒϑολʔʣ ʹਓؾهࣄϥϯΩϯά ։ɹൃ Jetpack API ·ͨ͸ Google Analytics API Λར༻ͯ͠هࣄͷPV਺Λऔಘɾιʔτ ϙΠϯτ Α͘ݟΒΕΔهࣄΛ࿐ग़ͯ͠ධՁͷ࣭ΛߴΊΔ ճ༡ੑͷ޲্ // Google Analytics API ͷऔಘίʔυ ϥϯΩϯάಛઃϖʔδΛઃஔ σΠϦʔʗ݄ؒʗ૯߹ϥϯΩϯάΛදࣔ
27. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ λάҰཡϖʔδͷઃஔ ͢΂ͯͷઃఆ͞ΕͨλάΛ໢ཏͨ͠ ಛઃϖʔδΛઃஔ ։ɹൃ ϙΠϯτ ճ༡ੑͷ޲্ ݕࡧΤϯδϯʹಛఆΩʔϫʔυͰͷ ΠϯσοΫε਺Λ૿΍͢ λά͝ͱͷهࣄҰཡϖʔδͷઃஔ
28. "DDFMFSBUFE
    .PCJMF
    1BHFT ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ".1ରԠ WordPressͷAMPϓϥάΠϯΛಋೖ ͞ΒʹAMPςϯϓϨʔτվम ։ɹൃ ϙΠϯτ ϑϧεΫϥονςʔϚͰͷ ಠ࣮ࣗ૷෦෼͸ϓϥάΠϯͰ࿫͑ͳ͍ͨΊ AMPϓϥάΠϯͷςϯϓϨʔτΛ΋ͱʹ ࣮૷Λ௥Ճͨ͠ MFIʢMobile First Indexʣ΁ͷରԠ ಡΈࠐΈ଎౓վળ
29. ηογϣϯΛ৳͹ͨ͢Ίʹ΍ͬͨ͜ͱ هࣄͷϦϥΠτ ద੾ͳλΠτϧ ެ։લɾެ։ޙͷهࣄͷ࣭ͷҧ͍ ಺༰ͷਫ਼ࠪ
30. ηογϣϯΛ৳͹ͨ͢Ίʹ΍ͬͨ͜ͱ ద੾ͳλΠτϧΛ͚ͭΔ ݩλΠτϧ έʔλϦϯάͰϚάϩͷղମγϣʔʁʂ ࢥ͍ग़ʹ࢒ΔέʔλϦϯάαʔϏεΛ͝঺հ ϦϥΠτޙ େࡕͰέʔλϦϯάΛબͿͳΒ͜͜ʂ ࢥ͍ग़ʹ࢒ΔਓؾͷαʔϏεΛ͝঺հ ʲؔ੢ฤʳ ϙΠϯτ Ϛάϩղମγϣʔ͚ͩͰ͸ͳ͍هࣄ ঺հ͍ͯ͠ΔαʔϏεʹ஍ҬͷภΓ͕͋Δ
31. ηογϣϯΛ৳͹ͨ͢Ίʹ΍ͬͨ͜ͱ ಺༰ͷਫ਼ࠪͯ͠هࣄΛ෼ׂ͢Δ ݩλΠτϧ ࣅ͍ͯΔΑ͏Ͱҧ͏ʁࣗຫͰ͖Δ౾஌ࣝʂͨΒ͜ͱ໌ଠࢠɺ ϚʔΨϦϯͱόλʔͷҧ͍આ໌Ͱ͖·͔͢ʁ ෼ׂޙ ιʔηʔδͱ΢Πϯφʔͷҧ͍ͱ͸ʁ௕೥ͷٙ໰Λ͍·ղܾ͠Α͏ʂ ϙΠϯτ ୯ମهࣄͰ΋ΞΫηεΛՔ͛Δ ಛఆͷΩʔϫʔυΛૂͬͨSEOޮՌ ҙ֎ͱ஌ΒΕͯͳ͍ʂͨΒ͜ͱ໌ଠࢠͷҧ͍ʹ͍ͭͯ ϚʔΨϦϯͱόλʔͷҧ͍આ໌Ͱ͖·͔͢ʁ ࣅ͍ͯΔΑ͏Ͱҧ͏ʁࣗຫͰ͖Δ౾஌ࣝʂιʔηʔδͱ΢Οϯφʔɺ Ϗʔϧͱൃ๐ञͷҧ͍આ໌Ͱ͖·͔͢ʁ ϚʔΨϦϯͱόλʔͷҧ͍આ໌Ͱ͖·͔͢ʁ
32. ηογϣϯΛ৳͹ͨ͢Ίʹ΍ͬͨ͜ͱ ެ։ޙͷهࣄͷ࣭ͷҧ͍͔ΒλΠτϧมߋ ݩλΠτϧ ೔ຊͷιτͰ͸ΈΜͳ͸ΞϨΛҿΜͰ͍Δʁʂ ੈքͷ୸ࢎҿྉಛू ϦϥΠτޙ ॵ͍قઅʹΦεεϝʂւ֎Ͱେਓؾͷ ୸ࢎҿྉ4બʂ ϙΠϯτ ՆΛର৅ͱͨ͠๯಄จ ঺հ͍ͯ͠Δͷ͕4ͭͰಛूͱݴ͍ͮΒ͍
33. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ϑϩϯτϖʔδͷϝΠϯϏδϡΞϧʹදࣔ͢Δهࣄͷखಈදࣔ ৄࡉهࣄͷϨίϝϯυͷखಈදࣔ Θ͟Θ͟ਓͷखΛೖΕΔࢪࡦ
34. ηογϣϯΛ৳͹ͨ͢Ίͷࢦඪ (PPHMF
    %BUB
    4UVEJP ղੳͨ͠Օॴ ࠷ۙΫϦοΫ਺΍ΠϯϓϨογϣϯ਺͕ଟ͍ɺ ·ͨ͸ݕࡧΤϯδϯͷܝࡌॱҐ͕ߴ͍ Ωʔϫʔυ → ֘౰͢ΔهࣄΛ૿΍ͯ͠ܝࡌॱҐΛकΔ → αΠτͷՁ஋ΛߴΊΔ ॾࣄ৘ʹΑΓ
    ݟͤΒΕ·ͤΜ
35. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ϑϩϯτϖʔδͷϝΠϯϏδϡΞϧʹදࣔ͢Δهࣄͷखಈදࣔ ϙΠϯτ قઅʹΑͬͯදࣔ͢Δ΋ͷΛม͑Δ աڈͷྑهࣄͷ࿐ग़
36. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ৄࡉهࣄͷϨίϝϯυͷखಈදࣔ ϙΠϯτ ࣗಈͰؔ࿈෇͚͢Δͷ͸ݶք͕͋Δ
37. ηογϣϯΛ৳͹ͨ͢Ίʹ։ൃͨ͜͠ͱ ৄࡉهࣄͷϨίϝϯυͷखಈදࣔ ϙΠϯτ ࣗಈͰؔ࿈෇͚͢Δͷ͸ݶք͕͋Δ खಈهࣄϨίϝϯυ
38. ೥݄ ໿  17਺ͷਪҠ ೥݄ ໿ 
39. ద੾ͳࢪࡦͷཪʹద੾ͳ։ൃ͋Γ
40. ͰΑΓΑ͍ϝσΟΞͷӡ༻Λ ਓྗº։ൃ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ