HTMLメールの制作時に気をつけたい9つのポイント
Vdot Mediaのエントリーから、HTMLメールの制作時に気をつけたい9つのポイントを紹介します。
9 best practices for email design
- 旧式のHTMLを使用する
CSSレイアウトは使用しないで、安全で旧式のテーブルレイアウトを使用する。 - スタイルは、インラインで指定する
head部分のスタイル指定を無視するメーラーがあるので、CSSはインラインで指定する。 - 背景画像に頼ったデザインにしない
背景画像が表示されない場合があるので、表示されなくても破綻しないデザインにする。 - 画像は表示されないものと考える
画像が表示されない場合でも、情報が伝わるようにデザインする。 - 画像には、altを設定する
画像が表示されない場合、altに記述したテキストで情報を伝えられます。 - パス指定は、絶対パスを使用する
画像のパスは、http://から記述します。 - ファイルの容量は、小さくする
容量が大きいとスパムメールになる場合があるため、可能な限り小さい容量にする。 - フラッシュやフォームは、避ける
フラッシュやアニメーションGIFは、ファイル容量を大きくします。
フォームはセキュリティフラグを出すか、動作しません。 - より小さいスペースでもよいデザイン
デザインの幅は、少なくとも800px、できれば750px以内を目安に設計します。
Post on:2008年3月7日
Comments
Walk in the WWW
on 2008年3月8日
HTMLメールの作成(iso-2022-jp)…
HTMLメールでメールマガジンを発行してみようと思って、メールスタンドに「melma!（メルマ！）」を選んでみました。
で、表題のHTMLメールの作成な (more…)
モカモカ工房
on 2008年10月31日
DreamweaverでHTMLメールを作る方法
Dreamweaverを使ってHTMLメールを作る方法を検討してみました。 …
HTML形式Email. « Logs.
on 2010年8月12日
[...] 参考にさせて頂きました。感謝。 [...]
HTMLメール作成時の注意点ちょっとだけまとめ | SUSH-i LOG
on 2011年4月12日
[...] “崩れない”HTMLメルマガ作成術（1/4）- ＠IT横幅550~600pxHTMLメールの制作時に気をつけたい9つのポイント | コリスHTMLメールの作成方法 | コリス共有:FacebookRelated [...]
links for 2011-09-14 » HTML5 -
on 2011年9月14日
[...] HTMLメールの制作時に気をつけたい9つのポイント | コリス (tags: design webdesign web css tips htmlmail coliss 2011 September) [...]
links for 2011-09-14 » ononolab.com -
on 2011年9月14日
[...] HTMLメールの制作時に気をつけたい9つのポイント | コリス (tags: design webdesign web css tips htmlmail coliss 2011 September) [...]