HTMLコーディングから考える エントリーフォームの最適化

webっちゃ！ Vol.19の発表で使用したスライドです。

Transcript

1. גࣜձࣾ
   ϫΫάϛ
   
   ాଜ
   ষޗ )5.-ίʔσΟϯά͔Βߟ͑Δ
   ΤϯτϦʔϑΥʔϜͷ࠷దԽ
2. ాଜ
   ষޗ גࣜձࣾϫΫάϛ
   ϑϩϯτपΓͷίʔσΟϯάͳͲΛ୲౰
   
3. ຊ೔ͷ಺༰ ΤϯτϦʔϑΥʔϜͷ࠷దԽΛ
   )5.-ͷίʔσΟϯά͔Βߟ͑ͯΈΔ
4. ೖྗϑΥʔϜ࠷దԽ
   ʢXJLJQFEJBʣ IUUQTKBXJLJQFEJBPSHXJLJೖྗϑΥʔϜ࠷దԽ ೖྗϑΥʔϜ࠷దԽͱ͸ɺ΢ΣϒαΠτͷೖྗϑΥʔϜͷ࢓༷΍σ βΠϯΛར༻͠΍͘͢վળΛߦ͏͜ͱͰ͋Δɻ
   ೖྗϑΥʔϜ͸&$αΠτ΍ձһొ࿥ͷͨΊϢʔβͷݸਓ৘ใΛೖྗ ͢Δ৔߹͕ଟ͍ɻೖྗ߲໨ͷଟ͞ɺ࢓༷͕Θ͔ΓͮΒ͍ͱ͍͏ཧ༝ ͔ΒετϨεΛײ్͡தͰೖྗΛ͖͋ΒΊ཭୤ͯ͠͠·͏৔߹͕͔ ͳΓͷׂ߹Ͱൃੜ͍ͯ͠ΔɻೖྗϑΥʔϜΛ࠷దԽ͢Δ͜ͱʹΑΓɺ ్த཭୤ऀ͕ݮΓ੒໿཰ʢ$73ʣ޲্ʹ௚݁͢Δɻ
   
5. αϯϓϧ
9. ඞਢɺ೚ҙΛ໌ࣔ͢Δ ŋೖྗ߲໨ΛΘ͔Γ΍͘͢
   ŋ8$"(
   
   
   ৭ͷ࢖༻
10. ೖྗྫΛදࣔ͢Δ ŋೖྗϛεΛ๷͙ͨΊʹ
    ŋ8$"(
    
    
    ϥϕϧຢ͸આ໌
11. ΩʔϘʔυૢ࡞ŋϑΥʔΧε ŋΩʔϘʔυ͚ͩͰ΋ૢ࡞Ͱ͖ΔΑ͏ʹ
    ŋ8$"(
    
    
    ΩʔϘʔυ
    ŋ8$"(
    
    
    ΩʔϘʔυτϥοϓͳ͠
    ŋ8$"(
    
    
    ϑΥʔΧεॱং
    ŋ8$"(
    
    
    ϑΥʔΧε࣌
12. ΤϥʔΛ෼͔Γ΍͘͢දࣔ͢Δ ŋΤϥʔՕॴͳΔ΂͘Θ͔Γ΍͘͢
    ŋ8$"(
    
    
    Τϥʔͷಛఆ
    ŋK2VFSZ7BMJEBUJPO&OHJOF
    IUUQTHJUIVCDPNQPTBCTPMVUFK2VFSZ7BMJEBUJPO&OHJOF
    
13. αΠυʹඞਢ߲໨Λදࣔ͢Δ ŋK2VFSZ7BMJEBUJPO&OHJOF
    ʮඞਢ߲໨ͷ࢒ΓʯͷՕॴ͸௥ՃͰ
    IUUQTHJUIVCDPNQPTBCTPMVUFK2VFSZ7BMJEBUJPO&OHJOF
    
14. αΠυΧϥϜͳͲෆཁͳ෺Λඇදࣔʹ͢Δ ŋೖྗʹूதͤ͞Δ
    ŋ཭୤ͷಋઢΛݮΒ͢
15. pMFΞοϓϩʔυͰαϜωΠϧදࣔ͢Δ ŋ)5.-
    'JMF
    "1*Λར༻
    ŋԿΛ্͔͛ͨ෼͔ΔͱΑ͏ʹ
    
16. ೔෇ՕॴͳͲͷೖྗࢧԉ ŋK2VFSZ
    6*
    %BUFQJDLFS
    IUUQTKRVFSZVJDPNEBUFQJDLFS
    ŋKRVFSZUJNFQJDLFS
    IUUQKPOUIPSOUPOHJUIVCJPKRVFSZUJNFQJDLFS
17. ϑϦΨφΛࣗಈͰೖྗ ŋBVUPLBOB
    IUUQTHJUIVCDPNIBSJTFOCPOBVUPLBOB
18. ༣ศ൪߸͔ΒॅॴΛࣗಈೖྗ ŋ༣ศ൪߸͔Βॅॴೖྗ͢ΔK2VFSZϓϥάΠϯ
    IUUQTHJUIVCDPNOJOUPOKRVFSZKQPTUBMKT
19. ౎ಓ෎ݝ͸ۙྡͷݝ͔Β։࢝͢Δ ŋ͍ۙํ͕બ୒͠΍͔͢΋
20. SF$"15$)" ŋ(PPHMF
    SF$"15$)"
    IUUQTXXXHPPHMFDPNSFDBQUDIBBENJO
21. ΋͠΋ͷͨΊʹผͷ࿈བྷํ๏Λ ŋผͷ࿈བྷΛબ୒͍͔ͨ͠΋
22. ཭୤࣌ʹΞϥʔτ ͳΜͱ͔཭୤͢ΔͷΛ౿ΈͱͲ·ͤΔͨΊʹ
23. גࣜձࣾϫΫάϛ
    ాଜ
    ষޗ
    !UBNTIPX
    
    ʔ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
24. גࣜձࣾϫΫάϛͰ͸
    Ұॹʹಇ͍ͯ͘ΕΔ஥ؒΛ୳͍ͯ͠·͢ʂ ͓஌Βͤ