טיפים לבניית ניוזלטר - Newsletter ביישומי מעוף

כשאנו בונים ניוזלטר בתיבה החכמה, עלינו להקפיד על כמה הנחיות בכדי שהמסמך ייראה בתכנת הדואר של הלקוח באופן הכי דומה למה שמתקבל בדפדפן.

הטיפים מתיחסים בעיקר ל- Outlook ול- Gmail:

 

  1. לא להתעצל לעשות שליחות נסיון לפני ששולחים לכולם! רצוי לכסות כמה שיותר תוכנות מייל, למשל לשלוח לעצמכם או לעמיתים לעבודה לחשבון GMAIL, לחשבון OUTLOOK וכד'.
  2. לבנות את כל תוכן הניוזלטר בתיבה אחת בלבד ללא שימוש במסגרות בנה ביתך.
  3. לא להשתמש בקוד נוסף.
  4. אין לשלב קודים שמשתמשים ב- Jscript כגון: תפריטים דינמיים, תיבות חדשות, קודי שילוב של גלריות, רשימות וחידושים.
  5. אין לשלב .IFRAMES
  6. מבנים פשוטים ולא מתוחכמים הם עדיפים: גם ברורים יותר וגם יגיעו תקינים.
  7. אם מדביקים מ- WORD לבצע קודם ניקוי עיצוב (עריכה > נקה > עיצוב)
  8. יש להתאים את גודל התמונות בתכנה גרפית ורק לאחר מכן לשלבן בתיבה החכמה. ב- G-mail התמונות מוצגות בגודל טבעים גם אם שיניתם את גודלן בתיבה החכמה.
  9. יש לדאוג שלתמונות יהיה גודל: בניגוד ל- G-Mail , ב- Outlook אם גודל התמונה לא מצויין בקוד, התמונה תתכווץ לגודל מינימום. מבצעים זאת כך: בתיבה החכמה אחרי שילוב התמונה יש לסמנה, ללחוץ שוב על אייקון התמונה  ולאשר. פעולה זו מגדירה לתמונה גודל.
  10. Outlook לא מכבד קוד המקנה לתמונות גבול או שוליים. לכן בכדי שהתמונה לא תיצמד לטקסט יש לשלב את התמונה בתוך טבלה, ולטבלה לתת מרווח.
  11. Outlook יציג גבול חיצוני לטבלה גם אם ציינתם את הערך 0 (אפס) לכן, כשמשתמשים בטבלאות צריך להגדיר צבע גבול מתאים (אם רוצים למשל שגבולות הטבלה לא ייראו, מגדירים לגבול צבע לבן).
  12. אם מדביקים מלל נקי מעיצוב יש להקפיד להגדיר את הגופן ואת הגודל של הטקסט.
  13. להשתמש כמה שפחות בעיצובי CSS.
  14. לא ניתן להגדיר תמונות רקע במייל.


קישורים להסברים נוספים:

http://www.reachcustomersonline.com/how-to-code-html-email-newsletters-all-new-version/

http://www.campaignmonitor.com/guides/coding/

http://support2.constantcontact.com/articles/FAQ/1523

http://www.email-standards.org/clients/