部落格
小編最頭痛的電子報跑版,利用這些方法可以避免

如何避免內文跑版

電子報內容跑版大概是郵件行銷小編們最頭痛的問題, 因為一但跑版,原本設計妥善的頁面點擊等互動就會大幅降低。電子報會跑版通常跟郵件內容設計有關,而且多半是不符合RWD郵件。如果採用已經是RWD郵件樣板所做出來的電子報,可以因應手機或是電腦會自動調整大小,通常不會有跑版問題。

一、RWD設計

幾乎每個網頁都會帶些Javascript程式碼,廣泛被網頁 設計使用,但Javascript在郵件使用上有很大的限制,這是 因為資訊安全考量,禁止在郵件系統內執行程式。雖然許多 最新的郵件程式,也能支援部分Javascript解讀,但並非所 有瀏覽器上能使用的Javascript都能在郵件使用,因此建議 在普通電子報設計上,盡量都不要使用任何Javascript,以 避免相容性問題。

二、RWD郵件與網頁不同

大部分現代郵件程式特別是以瀏覽器收取郵件,例如Gmail、Yahoo Mail,都能支援CSS的設計。但由於CSS有非常多設計語法,並不是每種語法都能在郵件上支援,而且同一個CSS作法,很可能在Gmail上面能使用,但在Yahoo Maill或其它郵件程式卻不能。因此為了避免這些相容性,最好的辦法還是盡量不要使用CSS,若需使用則在常見的讀信程式上面,例如Gmail、Yahoo Mail、Hotmail、 Outlook等事先做好測試。

三、Outlook問題

許多公司所發出的電子報,很可能是使用公司過去所沿用郵件樣板,頂多修改內文跟圖片,因此隨著修改越來 越多,許多HTML可能產生錯誤。雖然在測試預覽的時候 看起來都正常,但是當發送出去時就會產生跑版。而且比 較頭痛的是,通常Gmail看起來正常但到了公司內部電腦版Outlook就會發生問題。

而主管們用Outlook如果看到郵件都跑版,一定會要求美編要修改到無誤才能發出,但偏偏Outlook對郵件版面解讀較差,這是因為郵件本身為HTML,Gmail是瀏覽器作為郵件讀取,因此解讀郵件最正確。然而Outlook是以桌上型電腦為主閱覽,它解讀HTML通常並沒有跟上最新標準, 而且許多公司所用Outlook版本還不是最新版,對HTML支援就更差了。

但有些郵件內文看起來跑版其實卻不然,例如Outlook 在解讀圖片有大小限制,因此若電子報圖片尺寸很大,在Outlook查看時又會有被裁切狀況,但Gmail卻又正常,這 應該是要縮小圖片尺寸,Outlook等於是有警示作用而非跑版。

四、改用RWD才能治本

跑版問題查錯起來特別棘手,以Gmail而言是個演進速度很快、相容度也很高的郵件系統,所以許多郵件內容在Gmail裡看起來都正常,但是到了其他郵件系統裡面就經常出現各式各樣跑版狀況。當出現郵件內容跑版,負責發電子報的小編第一個直覺就會想要試著去解決某圖片不正常位 置,或是某段文字出現在錯的地方。通常會從HTML本文 裡去研究,畢竟現代網頁設計HTML非常複雜,許多表格 層層疊用,即使只是改文字,不小心變更了可容許寬度,就有可能造成整個視覺跑版。而這些從HTML試圖去修正, 不僅浪費大量時間,通常會沒有效果。

原因是這種修改方式為治標不治本,因為眞正問題是郵件整個樣板設計問題,一旦改用眞正RWD樣板,其實這一 些跑版問題就會迎刃而解。因此如果遇到郵件發送有跑版, 若原本並非使用RWD,不要再試圖修改HTML,改了這次 但下次又會有問題。

治本方式就是更改電子報樣板,使用RWD功能樣板。 很可能一開始需要耗費很大功夫,畢竟等於砍掉重練,把以前用得很習慣的電子報樣板重新做改寫,但這花時間是値得的,因為只要花一次時間,就省下未來每次發電子報都經 常性的跑版,而且每次跑版也都要花大量時間去檢查頁面HTML,這些所花時間會遠超過把原本樣板重新改用成符 合RWD的電子郵件樣板。