As you know, many companies include contact information in the footer. These are critical elements when it comes to an address and a telephone number, especially on mobile. Why? It 's usable information: just one click to open an application that will manage the data (calendar, phone, browser) Display space is reduced . The problem is often the graphic rendering , between unsightly blue links and random underlining. You can intervene with small workarounds to overcome these graphical differences, breaking some rules with the HTML code. As for the phone number , it's simple: since the anchor tag allows a phone number to be defined using such in the href property, add the phone number without spaces or separator lines. Rather, an address or date should be treated differently. For these, you need to define a class (address) that enforces the anchor tag to automatically insert the color within the client (color: #ffffff;). Above all, the underline, which is a default characteristic of each link (text-decoration:none;),
must be removed. Note that both attributes of the address class have !important , which must be enforced by the client regardless of the property. Without it, there is no guarantee that the workaround will do its job. #5 Not cleaning abandoned or empty tags In pursuit of the goal of trying to keep the overall weight of the email to a minimum, pay attention to parts Image Masking Service of the existing code that no longer have content . Need an example? A <font> tag , perhaps with a series of inline styles, that contains no text. Nothing will be read from the email, however the tag continues to exist, making the email unnecessarily cumbersome. #6 Use unvalidated HTML Code Validation is a free application created by the W3C to help designers and developers verify Cascading Style Sheets (CSS). The W3C helps us by reporting errors and suggesting corrections .
With this tool, it is possible to identify and correct larger structural errors. While it makes sense to have clean code that is as close to the W3C standard as possible, this is not always possible and companies are often forced to add a series of workarounds to the solid structure , a sort of fine-tuning that will extend the correct display to as many customers as possible. #7 Use images that are too heavy We all pay attention to how graphics are displayed in emails and how they impact recipients. All this care can however be canceled if the support, the email, is not taken into account. Especially since the bandwidth is not infinite: this is why avoiding the insertion of images that are too heavy is essential.