HTMLメールのベストプラクティス的なものを調べてみた - F.Ko-Jiの「一秒後は未来」

最近HTMLメールでメールを送ってくるサイトが増えていますが、読みやすく仕上がっているものと、読みづらく感じるものとがあります。 その原因のひとつは「横幅」でしょうか。コンテンツの横幅が固定されていない場合、ブラウザを最大化して表示するとメールの1行も横に長くなってしまい、流し読みしづらくなりますよね。 ではHTMLメールの横幅はどうするのが適切なのでしょう。そのあたりを調べていたら「HTMLメールのベストプラクティス」をまとめた海外の記事をいくつか見つけたので、ちょいとまとめておこうと思います。 なお、今回参考にした記事は以下の4つです。 » 20 Email Design Best Practices and Resources for Beginners | Nettuts+ » Best practices for coding HTML emails | CatsWhoCode.

[isao823]

横幅600px tableタグはやっぱり正解だろうなあ。

[vitaminsii]

1.幅は600px以内で固定／2.tableタグ／3.CSSはインライン／4. 画像は絶対パス／5.画像はalt指定／6.spacer.gif／7.色々なメーラーでテスト／8.HTMLメールが読めない場合のリンク／9.Analytics等でトラッキング／10.シンプルかつ軽量に