ãã¥ãŒã¹ã¬ã¿ãŒé£æºæŠç¥ããã¹ããã©ã¯ãã£ã¹ãã°ããŒãã«ãªãŒãã£ãšã³ã¹åãã®æé©åæè¡ãç¶²çŸ ãããããã³ããšã³ãEã¡ãŒã«ããŒã±ãã£ã³ã°ã®å æ¬çãªã¬ã€ãã
ããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ïŒãã¥ãŒã¹ã¬ã¿ãŒé£æºã®ãã¹ã¿ãŒ
Eã¡ãŒã«ããŒã±ãã£ã³ã°ã¯ããªãŒãã£ãšã³ã¹ãšã®çŽæ¥çãªã³ãã¥ãã±ãŒã·ã§ã³ææ®µãæäŸãããããžã¿ã«æŠç¥ã®ç€ã§ããç¶ããŠããŸããããããEã¡ãŒã«ãã£ã³ããŒã³ã®æåã¯ãé åçãªã³ã³ãã³ãã ãã§ãªããã·ãŒã ã¬ã¹ãªãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã«ãããã£ãŠããŸããããã§ããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ãéèŠã«ãªã£ãŠããŸãããã®ã¬ã€ãã§ã¯ãã°ããŒãã«ãªãŒãã£ãšã³ã¹åãã®ãã¥ãŒã¹ã¬ã¿ãŒé£æºæŠç¥ã«çŠç¹ãåœãŠãããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ã®å æ¬çãªæŠèŠãæäŸããŸãã
ããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ãšã¯ïŒ
ããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ãšã¯ããŠãŒã¶ãŒãEã¡ãŒã«ãšããåãããæ¹æ³ã«çŽæ¥åœ±é¿ãäžãããã¹ãŠã®èŠçŽ ãå å«ããŸããHTMLãCSSããããŠæã«ã¯JavaScriptã䜿çšããŠãèŠèŠçã«é åçã§ããšã³ã²ãŒãžã¡ã³ããé«ããã¢ã¯ã»ã¹ããããEã¡ãŒã«ãšã¯ã¹ããªãšã³ã¹ãåµãåºãããšã§ãããµãŒããŒæ§æããªã¹ã管çãšãã£ãããã¯ãšã³ãã®åŽé¢ãšã¯ç°ãªããããã³ããšã³ãã¯Eã¡ãŒã«èªäœã®ãã¬ãŒã³ããŒã·ã§ã³ãšã€ã³ã¿ã©ã¯ãã£ããã£ã«çŠç¹ãåœãŠãŠããŸãã
ããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ã®äž»èŠãªã³ã³ããŒãã³ãã¯ä»¥äžã®éãã§ãã
- HTMLæ§é ïŒ ã³ã³ãã³ããšãã®æ§æãå®çŸ©ãããEã¡ãŒã«ã®åºç€ã
- CSSã¹ã¿ã€ãªã³ã°ïŒ Eã¡ãŒã«ã®èŠèŠçãªé åãšã¬ã€ã¢ãŠããåäžãããã
- ã¬ã¹ãã³ã·ããã¶ã€ã³ïŒ Eã¡ãŒã«ãããããããã€ã¹ïŒãã¹ã¯ããããã¢ãã€ã«ãã¿ãã¬ããïŒã§çŽ æŽããã衚瀺ãããããã«ããã
- ã¢ã¯ã»ã·ããªãã£ïŒ é害ãæã€äººã ãEã¡ãŒã«ã䜿çšã§ããããã«ããã
- ã€ã³ã¿ã©ã¯ãã£ããã£ïŒ ãããŒãšãã§ã¯ããã¢ãã¡ãŒã·ã§ã³ãã¿ã³ãªã©ã®èŠçŽ ã远å ããŠãŠãŒã¶ãŒãæ¹ãã€ããã
ãªãããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ãéèŠãªã®ãïŒ
é©åã«å®è¡ãããããã³ããšã³ãæŠç¥ã¯ãEã¡ãŒã«ããŒã±ãã£ã³ã°ã®ããã©ãŒãã³ã¹ã«å€§ããªåœ±é¿ãäžããŸãããã®éèŠæ§ã¯ä»¥äžã®éãã§ãã
- ãšã³ã²ãŒãžã¡ã³ãã®åäžïŒ èŠèŠçã«é åçã§ã€ã³ã¿ã©ã¯ãã£ããªEã¡ãŒã«ã¯ã泚ç®ãéããã¯ãªãã¯ãä¿ããŸãã
- ãã©ã³ãã€ã¡ãŒãžã®åŒ·åïŒ ãããã§ãã·ã§ãã«ãªèŠãç®ã®Eã¡ãŒã«ã¯ããã©ã³ãã¢ã€ãã³ãã£ãã£ã匷åããä¿¡é Œãç¯ããŸãã
- ã³ã³ããŒãžã§ã³çã®åäžïŒ æç¢ºãªã³ãŒã«ãã¥ã¢ã¯ã·ã§ã³ãšã·ãŒã ã¬ã¹ãªããã²ãŒã·ã§ã³ã¯ãã³ã³ããŒãžã§ã³ãä¿é²ããŸãã
- é ä¿¡æ§ã®åäžïŒ ã¯ãªãŒã³ãªã³ãŒããšEã¡ãŒã«ã®ãã¹ããã©ã¯ãã£ã¹ãžã®æºæ ã¯ãã¹ãã ãã©ã«ãã§ã¯ãªãåä¿¡ãã¬ã€ã«å±ãå¯èœæ§ãé«ããŸãã
- ãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã®åäžïŒ ã¢ã¯ã»ã¹å¯èœã§ã¬ã¹ãã³ã·ããªEã¡ãŒã«ã¯ãããã€ã¹ãèœåã«é¢ãããããã¹ãŠã®è³Œèªè ã«ããžãã£ããªäœéšãæäŸããŸãã
ãã¥ãŒã¹ã¬ã¿ãŒé£æºïŒã¹ããããã€ã¹ãããã¬ã€ã
ããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ã®åãçµã¿ãå šäœæŠç¥ã«çµ±åããã«ã¯ãæ§é åãããã¢ãããŒããå¿ èŠã§ãã以äžã«ãéå§ãæ¯æŽããããã®ã¹ããããã€ã¹ãããã¬ã€ãã瀺ããŸãã
1. ç®æšãšã¿ãŒã²ãããªãŒãã£ãšã³ã¹ãå®çŸ©ãã
ã³ãŒããæãäžããåã«ããã¥ãŒã¹ã¬ã¿ãŒã®ç®çãšã¿ãŒã²ãããªãŒãã£ãšã³ã¹ãæç¢ºã«å®çŸ©ããŠãã ãããèªåèªçããŠãã ããã
- ãã¥ãŒã¹ã¬ã¿ãŒã§éæãããããšã¯äœã§ããïŒäŸïŒãã©ãã£ãã¯ã®å¢å ããªãŒãã®ç²åŸã売äžã®åäžïŒïŒ
- 誰ãã¿ãŒã²ããã«ããŠããŸããïŒäŸïŒãã¢ã°ã©ãã£ãã¯ãèå³ããã€ã³ãã€ã³ãïŒïŒ
- ã©ã®ãããªçš®é¡ã®ã³ã³ãã³ãããªãŒãã£ãšã³ã¹ã®å¿ã«é¿ããŸããïŒäŸïŒè£œåã¢ããããŒããæ¥çãã¥ãŒã¹ãéå®ãªãã¡ãŒïŒïŒ
ç®æšãšãªãŒãã£ãšã³ã¹ãçè§£ããããšã§ããã¶ã€ã³ãšã³ã³ãã³ãã®æ±ºå®ãå°ãããŸãã
äŸïŒ ããŒã±ãã£ã³ã°ãããŒãžã£ãŒãã¿ãŒã²ãããšããB2BãœãããŠã§ã¢äŒç€Ÿã¯ãæ¥çã®æŽå¯ãã±ãŒã¹ã¹ã¿ãã£ãéå®ãŠã§ãããŒã®å ±æã«æ³šåãããããããŸãããè¥å¹Žå±€ãã¿ãŒã²ãããšãããã¡ãã·ã§ã³å°å£²æ¥è ã¯ãèŠèŠçã«é åçãªè£œå玹ä»ããã¬ã³ãã¢ããããŒããããã¢ãŒã·ã§ã³å²åŒãåªå ãããããããŸããã
2. Eã¡ãŒã«ããŒã±ãã£ã³ã°ãã©ãããã©ãŒã ãéžæãã
ããŒãºãšäºç®ã«åã£ãEã¡ãŒã«ããŒã±ãã£ã³ã°ãã©ãããã©ãŒã ãéžæããŠãã ãããäžè¬çãªãªãã·ã§ã³ã«ã¯ä»¥äžã®ãããªãã®ããããŸãã
- MailchimpïŒ ããããèŠæš¡ã®ããžãã¹ã«é©ãããå¹ åºãæ©èœãåãã䜿ãããããã©ãããã©ãŒã ã
- KlaviyoïŒ é«åºŠãªã»ã°ã¡ã³ããŒã·ã§ã³ãšèªååæ©èœãåããç¹ã«Eã³ããŒã¹ããžãã¹åãã«èšèšããã匷åãªãã©ãããã©ãŒã ã
- SendinblueïŒ Eã¡ãŒã«ããŒã±ãã£ã³ã°ãSMSããŒã±ãã£ã³ã°ããã£ããæ©èœãåãããªãŒã«ã€ã³ã¯ã³ããŒã±ãã£ã³ã°ãã©ãããã©ãŒã ã
- GetResponseïŒ Eã¡ãŒã«ããŒã±ãã£ã³ã°ãã©ã³ãã£ã³ã°ããŒãžäœæããŠã§ãããŒãã¹ãã£ã³ã°æ©èœãåããå æ¬çãªãã©ãããã©ãŒã ã
- ActiveCampaignïŒ é«åºŠãªèªååãšCRM飿ºæ©èœãåããå ç¢ãªãã©ãããã©ãŒã ã
æææ±ºå®ã®éã¯ã䜿ãããããäŸ¡æ Œèšå®ãæ©èœãçµ±åãã«ã¹ã¿ããŒãµããŒããªã©ã®èŠå ãèæ ®ããŠãã ããã
3. Eã¡ãŒã«ãã³ãã¬ãŒãããã¶ã€ã³ãã
Eã¡ãŒã«ãã³ãã¬ãŒãã¯ããã¥ãŒã¹ã¬ã¿ãŒã®ããžã¥ã¢ã«åºç€ã§ããèæ ®ãã¹ãäž»èŠãªãã¶ã€ã³ååãããã€ã玹ä»ããŸãã
- ã·ã³ãã«ã«ä¿ã€ïŒ æ£ããã£ãã¬ã€ã¢ãŠããéå°ãªã°ã©ãã£ãã¯ãé¿ããŠãã ãããæç¢ºãªã¡ãã»ãŒãžãšè«ççãªæµãã«çŠç¹ãåœãŠãŠãã ããã
- äžè²«ãããã©ã³ãã¢ã€ãã³ãã£ãã£ã䜿çšããïŒ ãã©ã³ãã«ã©ãŒããã©ã³ããããŽãåãå ¥ããŠããã©ã³ãèªèã匷åããŠãã ããã
- ã¢ãã€ã«åãã«æé©åããïŒ ãã³ãã¬ãŒããã¬ã¹ãã³ã·ãã§ããã¹ãŠã®ããã€ã¹ã§çŽ æŽããã衚瀺ãããããã«ããŠãã ãããã¡ãã£ã¢ã¯ãšãªã䜿çšããŠãå°ããç»é¢ã®ã¬ã€ã¢ãŠããšãã©ã³ããµã€ãºã調æŽããŠãã ããã
- å¯èªæ§ãåªå ããïŒ æç¢ºãªãã©ã³ããååãªãã¯ã€ãã¹ããŒã¹ãèŠåºãã®éå±€ã䜿çšããŠãã³ã³ãã³ããèªã¿ãããããŠãã ããã
- é«å質ãªç»åã䜿çšããïŒ ç»åã¯Eã¡ãŒã«ã®èŠèŠçãªé åãé«ããããšãã§ããŸããããã¡ã€ã«ãµã€ãºãåæžããèªã¿èŸŒã¿æéãæ¹åããããã«ããŠã§ãåãã«æé©åããŠãã ããã
- æç¢ºãªã³ãŒã«ãã¥ã¢ã¯ã·ã§ã³ãå«ããïŒ è³Œèªè ããŠã§ããµã€ããžã®ã¢ã¯ã»ã¹ãè³Œå ¥ãªã©ã®ç®çã®ã¢ã¯ã·ã§ã³ãç°¡åã«å®è¡ã§ããããã«ããŠãã ãããç®ç«ã€ãã¿ã³ãšç°¡æœã§è¡åæåã®ããã¹ãã䜿çšããŠãã ããã
- ã¢ã¯ã»ã·ããªãã£åºæºãéµå®ããïŒ ç»åã«ä»£æ¿ããã¹ããæäŸããååãªè²ã®ã³ã³ãã©ã¹ãã䜿çšããæ å ±äŒéã®å¯äžã®ææ®µãšããŠç»åã®äœ¿çšãé¿ããããšã§ãé害ãæã€ãŠãŒã¶ãŒãEã¡ãŒã«ã«ã¢ã¯ã»ã¹ã§ããããã«ããŠãã ããã
äŸïŒ ã¯ãªãŒã³ãªçœãèæ¯ãåäžã«ã©ã ã¬ã€ã¢ãŠããæç¢ºãªã³ãŒã«ãã¥ã¢ã¯ã·ã§ã³ãã¿ã³ãåããããããªã¹ãEã¡ãŒã«ãã³ãã¬ãŒããå¥ã®ãã¶ã€ã³ãªãã·ã§ã³ãšããŠãææ°ã®è£œåç¯å²ãå±ç€ºããããããŒç»åãåãå ¥ããããšãã§ããŸãã
4. ã¯ãªãŒã³ã§æå¹ãªHTMLãšCSSãèšè¿°ãã
Eã¡ãŒã«ã¯ã©ã€ã¢ã³ãã¯ã¬ã³ããªã³ã°ãšã³ãžã³ã«äžè²«æ§ããªããããã¯ãªãŒã³ã§æå¹ãªHTMLãšCSSãèšè¿°ããããšã¯ãEã¡ãŒã«ãããŸããŸãªãã©ãããã©ãŒã ã§æ£ãã衚瀺ãããããã«ããããã«äžå¯æ¬ ã§ãã以äžã«ãã¹ããã©ã¯ãã£ã¹ã瀺ããŸãã
- ã¬ã€ã¢ãŠãã«ã¯ããŒãã«ã䜿çšããïŒ ææ°ã®ãŠã§ãéçºã¯CSS GridãFlexboxã«å€§ããäŸåããŠããŸãããEã¡ãŒã«ã§ã¬ã€ã¢ãŠããäœæããæãä¿¡é Œæ§ã®é«ãæ¹æ³ã¯ãäŸç¶ãšããŠããŒãã«ã§ãã
- ã€ã³ã©ã€ã³CSSïŒ å€ãã®Eã¡ãŒã«ã¯ã©ã€ã¢ã³ãã¯ãåã蟌ã¿ãŸãã¯å€éšã¹ã¿ã€ã«ã·ãŒããåé€ãããããCSSã¹ã¿ã€ã«ãHTMLã«çŽæ¥ã€ã³ã©ã€ã³åããããšãäžå¯æ¬ ã§ããPremailerãMailchimpã®CSS Inlinerã®ãããªããŒã«ã䜿çšããŠããã®ããã»ã¹ãèªååããŠãã ããã
- ç¹å®ã®CSSã»ã¬ã¯ã¿ãŒã䜿çšããïŒ ãã¹ãŠã®Eã¡ãŒã«ã¯ã©ã€ã¢ã³ãã§ãµããŒããããŠããªãå¯èœæ§ããããããè€éãããCSSã»ã¬ã¯ã¿ãŒã®äœ¿çšã¯é¿ããŠãã ããã
- Eã¡ãŒã«ã培åºçã«ãã¹ãããïŒ LitmusãEmail on Acidã®ãããªEã¡ãŒã«ãã¹ãããŒã«ã䜿çšããŠãããŸããŸãªEã¡ãŒã«ã¯ã©ã€ã¢ã³ããããã€ã¹ã§Eã¡ãŒã«ããã¬ãã¥ãŒããŠãã ããã
- JavaScriptãé¿ããïŒ ã»ãšãã©ã®Eã¡ãŒã«ã¯ã©ã€ã¢ã³ãã¯ã»ãã¥ãªãã£äžã®çç±ããJavaScriptããããã¯ããŸããEã¡ãŒã«ã§ã®äœ¿çšã¯é¿ããŠãã ãããç°¡åãªã¢ãã¡ãŒã·ã§ã³ã«ã¯ã代ããã«ã¢ãã¡ãŒã·ã§ã³GIFã䜿çšããŠãã ããã
- doctypeãHTML 4.01 Transitionalã«å®£èšããïŒ HTML 4.01 Transitional doctypeã¯ããã¹ãŠã®Eã¡ãŒã«ã¯ã©ã€ã¢ã³ãã§æãäºææ§ã®ããdoctypeã§ãã
äŸïŒ ã¬ã€ã¢ãŠãã«`
`ïŒããŒãã«ããŒã¿ïŒèŠçŽ ã䜿çšããŠãã ããã
5. ã¬ã¹ãã³ã·ããã¶ã€ã³ãå®è£ ããEã¡ãŒã«ã®éå°ã®å€§éšåãã¢ãã€ã«ããã€ã¹ã§è¡ãããŠããããšãèãããšãã¬ã¹ãã³ã·ããã¶ã€ã³ã¯äžå¯æ¬ ã§ããã¡ãã£ã¢ã¯ãšãªã䜿çšããŠãç»é¢ãµã€ãºã«åºã¥ããŠEã¡ãŒã«ã®ã¬ã€ã¢ãŠããšã¹ã¿ã€ãªã³ã°ãé©å¿ãããŠãã ãããäžè¬çãªãã¯ããã¯ã«ã¯ä»¥äžã®ãããªãã®ããããŸãã
äŸïŒ 600ãã¯ã»ã«æªæºã®ç»é¢ã§ã«ã©ã ãã¹ã¿ãã¯ããããã«ã次ã®ã¡ãã£ã¢ã¯ãšãªã䜿çšããŸãã
6. ã¢ã¯ã»ã·ããªãã£ã®æé©åEã¡ãŒã«ãã¢ã¯ã»ã¹å¯èœã«ããããšã§ã誰ããã³ã³ãã³ããæ¥œããã§å©çšã§ããããã«ãªããŸãããããã®ã¢ã¯ã»ã·ããªãã£ã¬ã€ãã©ã€ã³ã«åŸã£ãŠãã ããã
äŸïŒ `alt`ããã¹ãã®ãªãçŽç²ã«è£ 食çãªç»åã®ä»£ããã«ãç»åã®ç®çã説æãã説æçãª`alt`屿§ã远å ããŠãã ããã 7. ããŸããŸãªEã¡ãŒã«ã¯ã©ã€ã¢ã³ããšããã€ã¹ã§ã®åŸ¹åºçãªãã¹ããã¥ãŒã¹ã¬ã¿ãŒãéä¿¡ããåã«ãããŸããŸãªEã¡ãŒã«ã¯ã©ã€ã¢ã³ããšããã€ã¹ã§åŸ¹åºçã«ãã¹ãããŠãã ãããç°ãªãEã¡ãŒã«ã¯ã©ã€ã¢ã³ãã¯HTMLãšCSSã®ã¬ã³ããªã³ã°æ¹æ³ãç°ãªãããããªã¹ãå šäœã«éä¿¡ããåã«è¡šç€ºã®åé¡ãç¹å®ããŠä¿®æ£ããããšãéèŠã§ããLitmusãEmail on Acidã®ãããªEã¡ãŒã«ãã¹ãããŒã«ã䜿çšããŠã次ã®ãããªäžè¬çãªEã¡ãŒã«ã¯ã©ã€ã¢ã³ãã§Eã¡ãŒã«ããã¬ãã¥ãŒããŠãã ããã
ã¬ã€ã¢ãŠãããã©ã³ãã¬ã³ããªã³ã°ãç»å衚瀺ããªã³ã¯æ©èœãªã©ã®èŠçŽ ã«æ³šæããŠãã ããã 8. ãã©ããã³ã°ãšåæã®å®è£Eã¡ãŒã«ããŒã±ãã£ã³ã°ã®ããã©ãŒãã³ã¹ããã©ããã³ã°ããŠããã£ã³ããŒã³ã®æå¹æ§ã枬å®ããæ¹åç¹ãèŠã€ããŠãã ãããã»ãšãã©ã®Eã¡ãŒã«ããŒã±ãã£ã³ã°ãã©ãããã©ãŒã ã¯ã次ã®ãããªäž»èŠãªææšãç£èŠã§ããçµã¿èŸŒã¿ã®ãã©ããã³ã°ãšåææ©èœãæäŸããŠããŸãã
ãããã®ããŒã¿ã䜿çšããŠãEã¡ãŒã«ã®ãã¶ã€ã³ãã³ã³ãã³ããéä¿¡é »åºŠãæé©åããŠãã ããã 9. é ä¿¡æ§ã®æé©åEã¡ãŒã«ãã¹ãã ãã©ã«ãã§ã¯ãªãåä¿¡ãã¬ã€ã«å±ãããã«ããããšã¯ããã£ã³ããŒã³ã®å¹æãæå€§åããããã«äžå¯æ¬ ã§ããEã¡ãŒã«é ä¿¡æ§ãåäžãããããã®ãã¹ããã©ã¯ãã£ã¹ãããã€ã玹ä»ããŸãã
é«åºŠãªããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ãã¯ããã¯åºæ¬ããã¹ã¿ãŒãããããã£ã³ããŒã³ãããã«åŒ·åããããã«ãããé«åºŠãªããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ãã¯ããã¯ãæ¢æ±ã§ããŸãã
ã°ããŒãã«ãªããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ã®èæ ®äºéã°ããŒãã«ãªãŒãã£ãšã³ã¹ãã¿ãŒã²ããã«ããå Žåã¯ãããŸããŸãªå°åã®è³Œèªè ã«Eã¡ãŒã«ãé¿ãããã«ãæåçããã³èšèªçãªéããèæ ®ããããšãäžå¯æ¬ ã§ãã
çµè«ããã³ããšã³ãã»Eã¡ãŒã«ããŒã±ãã£ã³ã°ã¯ãããããæåããEã¡ãŒã«ããŒã±ãã£ã³ã°æŠç¥ã«ãããéèŠãªåŽé¢ã§ããèŠèŠçã«é åçã§ããšã³ã²ãŒãžã¡ã³ããé«ããã¢ã¯ã»ã¹ããããEã¡ãŒã«ãšã¯ã¹ããªãšã³ã¹ã®äœæã«çŠç¹ãåœãŠãããšã§ããšã³ã²ãŒãžã¡ã³ãçãåäžããããã©ã³ãã€ã¡ãŒãžã匷åããã³ã³ããŒãžã§ã³ãä¿é²ããããšãã§ããŸãããã®ã¬ã€ãã§æŠèª¬ããã¹ãããã«åŸããã°ããŒãã«ãªèæ ®äºé ãèæ ®ããããšã§ããã¥ãŒã¹ã¬ã¿ãŒé£æºããã¹ã¿ãŒããäžçäžã®ãªãŒãã£ãšã³ã¹ã®å¿ã«é¿ãEã¡ãŒã«ãã£ã³ããŒã³ãäœæã§ããŸããæè¯ã®çµæãéæããããã«ãEã¡ãŒã«ãç¶ç¶çã«ãã¹ããåæãæé©åããããšãå¿ããªãã§ãã ããã |