メディアを伸ばす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ͷ૯߹ϝσΟΞ ΫοΫϏζ૯ݚ

11. None

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. ͰΑΓΑ͍ϝσΟΞͷӡ༻Λ ਓྗº։ൃ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ