טיפים לבניית ניוזלטר - Newsletter ביישומי מעוף
כשאנו בונים ניוזלטר בתיבה החכמה, עלינו להקפיד על כמה הנחיות בכדי שהמסמך ייראה בתכנת הדואר של הלקוח באופן הכי דומה למה שמתקבל בדפדפן.
הטיפים מתיחסים בעיקר ל- Outlook ול- Gmail:
- לא להתעצל לעשות שליחות נסיון לפני ששולחים לכולם! רצוי לכסות כמה שיותר תוכנות מייל, למשל לשלוח לעצמכם או לעמיתים לעבודה לחשבון GMAIL, לחשבון OUTLOOK וכד'.
- לבנות את כל תוכן הניוזלטר בתיבה אחת בלבד ללא שימוש במסגרות בנה ביתך.
- לא להשתמש בקוד נוסף.
- אין לשלב קודים שמשתמשים ב- Jscript כגון: תפריטים דינמיים, תיבות חדשות, קודי שילוב של גלריות, רשימות וחידושים.
- אין לשלב .IFRAMES
- מבנים פשוטים ולא מתוחכמים הם עדיפים: גם ברורים יותר וגם יגיעו תקינים.
- אם מדביקים מ- WORD לבצע קודם ניקוי עיצוב (עריכה > נקה > עיצוב)
- יש להתאים את גודל התמונות בתכנה גרפית ורק לאחר מכן לשלבן בתיבה החכמה. ב- G-mail התמונות מוצגות בגודל טבעים גם אם שיניתם את גודלן בתיבה החכמה.
- יש לדאוג שלתמונות יהיה גודל: בניגוד ל- G-Mail , ב- Outlook אם גודל התמונה לא מצויין בקוד, התמונה תתכווץ לגודל מינימום. מבצעים זאת כך: בתיבה החכמה אחרי שילוב התמונה יש לסמנה, ללחוץ שוב על אייקון התמונה ולאשר. פעולה זו מגדירה לתמונה גודל.
- Outlook לא מכבד קוד המקנה לתמונות גבול או שוליים. לכן בכדי שהתמונה לא תיצמד לטקסט יש לשלב את התמונה בתוך טבלה, ולטבלה לתת מרווח.
- Outlook יציג גבול חיצוני לטבלה גם אם ציינתם את הערך 0 (אפס) לכן, כשמשתמשים בטבלאות צריך להגדיר צבע גבול מתאים (אם רוצים למשל שגבולות הטבלה לא ייראו, מגדירים לגבול צבע לבן).
- אם מדביקים מלל נקי מעיצוב יש להקפיד להגדיר את הגופן ואת הגודל של הטקסט.
- להשתמש כמה שפחות בעיצובי CSS.
- לא ניתן להגדיר תמונות רקע במייל.
קישורים להסברים נוספים:
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/