ผ่านการตลาดผ่านอีเมลโดยใช้ใบอนุญาตไม่เพียง แต่ค่าใช้จ่ายด้านการตลาดและการส่งเสริมการขายจะลดลงอย่างมากเท่านั้น แต่ข้อมูลสามารถถ่ายทอดได้โดยตรงและแม่นยำไปยังลูกค้า
คำถามที่ฉันกำลังศึกษาอยู่ในวันนี้คือการเริ่มต้นจากด้านเทคนิคและสร้างอีเมลที่ยอดเยี่ยมซึ่งเข้ากันได้กับทั้งวิสัยทัศน์ของผู้ใช้และไคลเอนต์อีเมล
1. เลือก HTML หรือข้อความ (ข้อความธรรมดา)บางคนชอบข้อความง่าย ๆ และบางคนชอบอ่าน Rich HTML เราจะเลือกได้อย่างไร?
สำหรับอีเมลการตลาดขอแนะนำให้ใช้รูปแบบ HTML เพื่อสร้าง (รูปภาพ);
สำหรับการยืนยัน/การแจ้งเตือน/อีเมลขอแนะนำให้ใช้ข้อความหรือ HTML ง่าย ๆ เพื่อให้พวกเขา (รูปภาพ)
เหตุใดจึงมีวิธีที่แตกต่างกันในการสร้างอีเมลสองประเภทที่แตกต่างกัน นี่ขึ้นอยู่กับเหตุผลเหล่านี้:
เนื้อหาของอีเมลการตลาดนั้นมีความหลากหลายและหลากหลาย เนื้อหาของอีเมลยืนยันเป็นโสดและไม่เหมือนใคร
ในอีเมลการตลาดลูกค้าจะให้ความสำคัญกับความร่ำรวยของเนื้อหาและความสวยงามของเอฟเฟกต์ภาพ
ในอีเมลยืนยันเราต้องการให้ลูกค้าเห็นข้อมูลการยืนยันโดยตรง เนื้อหาที่ซับซ้อนและเอฟเฟกต์ภาพจะทำให้ลูกค้าไม่สนใจเนื้อหาหลักของอีเมลนั่นคือข้อมูลการยืนยัน
(ต่อไปนี้จะมุ่งเน้นไปที่การผลิตอีเมลการตลาด HTML)
2. ทักษะ HTML พื้นฐานตามเลย์เอาต์ตาราง + CSSกังฟูมีสองประเภทหนึ่งคือหยางมากที่สุดและอีกประเภทหนึ่งคือหยินและนุ่มที่สุด เหตุผลที่จางซานเฟิงถึงจุดสูงสุดเป็นเพราะมูลนิธิศิลปะการต่อสู้ของเขาและทักษะพื้นฐานของเขานั้นแข็งแกร่งดังนั้นเขาจึงตระหนักถึงไทจินี้ซึ่งสามารถเป็นหยินและหยางได้มากที่สุด
เช่นเดียวกับอีเมล HTML เรารู้ว่าวันนี้มีลูกค้าที่อ่านอีเมลหลายประเภทรวมถึงแนวโน้มแบบดั้งเดิมธันเดอร์เบิร์ดโน้ตดอกบัวจดหมาย Mac ออนไลน์ Gmail hotmail ฯลฯ และคำอธิบายของอีเมลจะแตกต่างกัน ระบบอีเมลออนไลน์ส่วนใหญ่จะบล็อกรหัสระหว่างแท็ก <head> </head>
ในการทำให้อีเมลเห็นโดยผู้ใช้ทุกคนที่ใช้ลูกค้าที่แตกต่างกันมีไคลเอนต์เดียวกันคุณต้องเชี่ยวชาญทักษะพื้นฐานของ HTML เป็นอย่างดี บางคนพูดว่า Div+CSS บางคนบอกว่ามันเป็นความหมายของแท็ก SEO เป็นที่ปฏิเสธไม่ได้ว่าในฐานะนักพัฒนาเว็บมันจะเป็นที่นิยมอย่างมากที่มีแนวคิดการพัฒนา HTML ที่ได้รับความนิยมทั้งสองในปัจจุบัน แต่สิ่งนี้ไม่สามารถใช้กับการผลิตอีเมลได้ เป้าหมายของเราคือให้ลูกค้าเห็นเนื้อหาข้อมูลเดียวกันในไคลเอนต์อีเมลที่แตกต่างกันซึ่งใช้วิธีการจัดวางแบบดั้งเดิมมากที่สุด: เลย์เอาต์ตาราง + CSS มาดูการสนับสนุนของไคลเอนต์อีเมลปัจจุบันสำหรับ HTML และ CSS (รูปภาพ):
*hotmail สามารถแยกวิเคราะห์ <style> ระหว่าง <body> </body> แต่ยังบล็อก <style> ระหว่าง <head> </head>
3. เมื่อทำอีเมล HTML คุณควรให้ความสนใจกับประเด็นต่อไปนี้:การวางตำแหน่งทำได้โดยใช้วิธีการทำรังแบบตารางที่รวมขนาดสัมบูรณ์ (พิกเซล) และขนาดสัมพัทธ์ (เปอร์เซ็นต์)
ไคลเอนต์อีเมลส่วนใหญ่จะบล็อกแฟลชและจาวาสคริปต์รวมถึงแท็กและแอตทริบิวต์พิเศษบางอย่าง
แอตทริบิวต์ภาพพื้นหลังจะถูกบล็อกในไคลเอนต์อีเมลออนไลน์ส่วนใหญ่ ใน Gmail คุณไม่สามารถเห็นภาพพื้นหลังใด ๆ
แอตทริบิวต์ SRC ของรูปภาพจะต้องใช้กับที่อยู่สัมบูรณ์:
ถูกต้อง: <img src = http: //blog.54575.com/logo.gif width = 297″ ความสูง = 160″ alt = การใช้ชีวิตที่ดี = ทำให้มีความหมาย/
ข้อผิดพลาด: <img src = logo.gif />
ข้อมูลเกี่ยวกับเวลาสถานที่เนื้อหาและข้อมูลอื่น ๆ ของนิทรรศการเป็นสิ่งจำเป็นเสมอ เมื่อพิจารณาว่ารูปภาพอาจไม่แสดงเนื้อหาเหล่านี้ไม่แนะนำให้แสดงในรูปภาพ
แม้ว่าจะถูกวางไว้ในรูปภาพโปรดแสดงในรูปแบบข้อความในเนื้อหาอีเมลและเพิ่มเนื้อหาลงในแอตทริบิวต์ alt ของรูปภาพ
อีเมลมักจะเปิดผ่านสองช่องทางไคลเอนต์ซอฟต์แวร์และไคลเอนต์ออนไลน์ไคลเอนต์อีเมลทั้งสองนี้ (รูป)
*Microsoft Outlook 2003
*NETEASE 163 อีเมล
ดังที่เห็นได้จากภาพอีเมลมักจะไม่แสดงในแบบเต็มหน้าจอ
หากความกว้างมาตรฐานของหน้าเว็บยังคงถูกใช้อย่างต่อเนื่องส่วนหนึ่งของเนื้อหาของอีเมลจะถูกบล็อกอย่างหลีกเลี่ยงไม่ได้ดังนั้นการสร้างแถบเลื่อนแนวนอนและแนวตั้งสองแถบซึ่งไม่สะดวกสำหรับลูกค้าในการเรียกดู
และความกว้างที่แคบเกินไปจะทำให้เสียพื้นที่ (รูปภาพ)
ดังนั้นวิธีที่ดีที่สุดในการตั้งค่าความกว้างของอีเมล HTML คืออะไร? ก่อนอื่นอ้างถึงความกว้างที่ใช้ในการผลิตจดหมาย HTML ของ บริษัท ที่มีชื่อเสียงหลายแห่ง:
netease youdao: 600px
สมาชิก QQ: 650px
Dell Home & Office: 650px
Cisco Webex: 600px
จะเห็นได้ว่าความกว้างอีเมลทางการตลาดของ บริษัท ไอทีที่รู้จักกันดีเหล่านี้คือ 600px และ 650px
และจากประสบการณ์ 4 ปีของฉันในการออกแบบ EDM และเว็บฉันชอบที่จะเลือกหลังคือ 650px เป็นความกว้างมาตรฐานของอีเมลการตลาด HTML
ข้อดีของ 650px:
เมื่อเนื้อหาของอีเมลแบ่งออกเป็น 2 คอลัมน์ 650px สามารถแบ่งออกเป็น x+10+y โดยที่ x = คอลัมน์ซ้าย, y = คอลัมน์ขวา, 10 คือช่องว่าง, x+y = 640 และ 640 สามารถหารได้ 20, 640 = 2 × 2x2x2x2x10
เมื่อเนื้อหาของอีเมลแบ่งออกเป็น 3 คอลัมน์ 650px สามารถแบ่งออกเป็น x+10+y+10+z ในทำนองเดียวกัน x+y+z = 630, 630 สามารถหารได้ 30, 630 = 3 × 3x7 × 10
ทำไมเราต้องทำลายด้วยวิธีนี้? โปรดศึกษาการวิจัยเกี่ยวกับการแรสเตอร์ของหน้าเว็บ
นี่คือเหตุผลที่ฉันเลือก 650px แทน 600px
แน่นอนว่านี่เป็นเพียงมาตรฐานที่กำหนดโดยฉันเป็นการส่วนตัวและไม่ได้กลายเป็นมาตรฐานระดับโลก แต่ฉันหวังว่าวันหนึ่งความกว้างนี้จะได้รับการยอมรับจากผู้ผลิตจดหมายและผู้รับ HTML ส่วนใหญ่