HTML 電子郵件編寫:錯誤與修正

你的電子郵件或電子報必須要在文字、留白、圖片和連結中達到完美的平衡。但是,你可能會很驚訝有多少電子郵件行銷業者完全搞不清楚這個複雜的問題。

太多圖片的電子報。我們在 Benchmark 看得太多了。

這篇文章就是要幫你導正一切。我們將列出幾個常見的HTML格式錯誤,並說明如何修正。如果你對此還有許多疑問,不知道自己做的對不對,請繼續看下去。

錯誤#1:太多圖片/圖檔而沒有文字

你可能收過很多這種電子郵件─通常來自垃圾郵件業者─全部都是圖片(或甚至只有一張大圖片)然後文字只有一咪咪。雖然這些電子郵件看起來可能挺漂亮的,但別忘了ESP業者除了防堵充滿垃圾的文字內容外,他們也會封鎖圖文比例太誇張的郵件。

所以,你該怎麼做?繼續看下去:

縮小再縮小,把圖縮到不會超過文字的大小。你必須在電子郵件中取得平衡。小一點的圖片可以達到這個效果。

 

如果必要,使用縮圖。當讀者點選縮圖,將他們帶往電子報的網頁版本。這個作法幫助非常大,當人們到達電子郵件的網頁版本,他們會直接看到電子郵件的整體,連帶圖片一切都一清二楚。

 

要有自制力。如果你只有一段文字,卻想要使用一到兩張圖片,逼自己選一張最棒的,從一而終。別忘了:你還可以在下一封電子報中使用那張落選的圖片。

 

不要發送只有一張大圖或圖檔的郵件。你需要文字。ESP業者會在電子郵件的文字中尋找關鍵字,藉此決定他們要不要讓郵件進入收件人信箱。只有圖片的電子郵件無法通過這一關。

 

錯誤#2:忘記預覽窗格
在電子郵件過去的日子裡,發送落落長的電子報也不是什麼大事,因為收件人能在收件匣中看到郵件全文的機率並不算低。今非昔比。隨著預覽窗格在電子郵件服務中日益盛行(Outlook和Windows Mail只是兩個顯眼的例子),現在最有可能的情況是收件人只看到電子郵件的前面幾公分。

 

多虧於此,你現在只需要在那幾公分裡讓收件人完全驚豔,就能進而蠱惑他們打開信件一窺全貌。以下是幾個巧妙利用預覽窗格的方式:

把最重要的東西放在最上方。如果你將最重要的銷售口號的呼籲行動放在郵件最上方,那就是使用預覽窗格的收件人會看到的東西。吸引他們。

 

你的商標也照樣照做。舉例來說,如果你把它放在左邊,那它不僅會被看見,也不會干擾到銷售口號/訊息。

 

想要拓展寬度?別這麼做。大部分的預覽窗格都有限制電子郵件的顯示寬度。你的電子郵件最好寬度不要超過575或600 pixels。

 

錯誤#3:使用失效的連結和無法顯示的圖片

關於「假設」的那句老話在這裡完全適用,一堆電子報行銷業者在發送前都假設圖片和連結沒有問題。只發送測試信來檢查郵件版面是沒有用的。你必須百分之百確定每個連結和圖片都正確顯示。

以下是幾個訣竅:

不要在電子郵件中使用文字網址。文字網址是完整的一長串網址。例如:benchmarkemail.wpengine.com。想要避免被電子郵件供應商攔下的機會會,使用文字加上超連結,而非完整的文字網址。

這是正確的作法:造訪Benchmark Email
這是錯誤的作法:造訪https://www.benchmarkemail.com/

文字需可獨立閱讀。即使你已經確定圖片顯示萬無一失,電子郵件中的文字還是應該能脫離圖片獨立閱讀。伺服器、PDA、手機和電子郵件服務供應商有時候也會遇到技術上的問題,無法展示圖片。為了預防這種情況,你的郵件文案應該能在沒有圖片的時候仍能獨立閱讀,不受阻礙。

 

錯誤#4:使用太複雜的代碼和/或附件

電子報行銷界的競爭越來越激烈,很多電子報行銷業者─可能你也是─開始使用超乎常規的代碼,試圖讓電子郵件看起來更亮眼威猛。雖然我們讚賞這樣的熱情,但我們不得不老實說,這種郵件通常無法順利進入收件匣。

放棄出乎常理的代碼。我們承認如果利用Active X,你就可以搞出一封比無聊基本的HTML酷炫兩百倍的電子郵件。Javascript也一樣。但是,這些更厲害的代碼有一個致命的缺點:病毒。垃圾郵件業者最喜歡利用Active X發送各式各樣的髒東西(病毒、木馬軟體)。也因為如此,大部分的電子郵件服務供應商都會直接擋下Active X。如果你使用這類代碼,你的電子郵件將永遠無法抵達收件匣,連垃圾桶都進不去。繼續用HTML編寫電子郵件吧。

 

不要使用附件。附件對垃圾郵件過濾器而言是絕對紅旗。發送一封含有附件的電子郵件,基本上等於跪求ESP業者直接封鎖你。因此,我們會建議不要使用任何形式的附件。如果你一定要深入討論主題而且需要更多空間,放個連回網站登陸頁面的連結,你可以在那裡放上任何你想放的資訊。

 

錯誤#5:沒有在各大ESP測試你的電子郵件

你很容易就會忘記ESP業者會用不同的代碼展示你的電子郵件。這代表在AOL裡的電子郵件看起來很可能和在Yahoo或Gmail裡不一樣。以下是幾個解決此問題的方法:

瘋狂發送測試信。關於在正式發送前寄送測試信的重要,我們實在無法強調更多。發送五到六封測試信到主要的電子郵件服務方(yahoo、Gmail、AOL、hotmail等)並在收到郵件後檢查內文中每一個圖片和連結。因為大部分的電子郵件服務都不會顯示圖片,所以盡可能在發送測試信後選擇顯示圖片,檢查是否都顯示正常。

 

解決大的問題。我們面對現實吧─你永遠無法讓電子報在每個電子郵件服務中都長得一模一樣。因為編碼的問題,郵件在AOL裡就是會長個跟在Yahoo或Gmail中不太一樣。有些小地方可以置之不理,你不如專注於真正嚴重的問題上。例如在有些電子郵件服務中顯示正常的圖片卻無法在其他服務中顯示,在有些ESP被丟進垃圾箱其他卻正常,或是諸如此類較大的問題。在發送前一定要解決這些問題。發送測試信能幫你及早發現這些大問題,並順利解決。

身為電子報行銷業者,解決上述的HTML格式問題是增進傳達率最重要的一件事。雖然有些訣竅可能看起來並不熟悉─尤其如果你是初學者的話─那就時時重溫這篇文章,不久之後,這些都會變成你的第二本能。