cleaning up html codes
TRANSCRIPT
CLEANING UP<HTML>CODES
<WHY?>
To understand HTML coding for e-mail marketingand be able to identify and create:
LIGHT & SIMPLECODES
FASTERTO LOAD
LOWER SPAMSCORE
HIGHER CLICKRATE
BROWSERS & SERVICESCOMPATIBILITY
ALIKE USEREXPERIENCE
“Peopleignore design
thatignores people”
Frank Chimero
COMMONMISTAKES
<COMMON MISTAKES>
HOW TOCLEAN UP
<table width="600" border="1" cellpadding="0" cellspacing="0"> <!-- START EMAIL --> <tr> <td valign="top" align="left"> <a href="%LINK0%" target="_blank"><img src="http://static.adsender.us/p/228921/03.jpg" width="600" height="200" style="display:block;" border="0" align="top"></a></td> </tr> <!-- END EMAIL --></table>
<HOW TO CLEAN UP>
KISSKEEP IT SUPER SIMPLE
- Keep your code as simple as possible
- Unify tags, attributes and styles
- Integrate tables, lines and columns
- Get rid of clutter
“Designers can createnormalcy out of chaos;
they can clearlycommunicate ideas through the
organising and manipulating of words and pictures”
Jeffrey Veen
Let’s improve the process!
How will YOUimplement clean codes?
