We have been working on EDM recently. We can share this page with you.
1. template encoding language selection
Template encoding settings are related to the sending software used. Generally,UTF-8 is a common choiceIncorrect encoding may cause garbled Characters During user browsing;
2. Do not use Div. Use the simplest nested table for locating.
- Div + CSS is a new way to locate Web2.0 in recent years.Not SuitableWhen used in mail template cutting, different mail clients or online browsers have different interpretations of the CSS model, which may cause dislocation or layout confusion.
- Use table layout, and do not use a single table to repeat colspan multiple times. It may be determined by the mail client that the structure is too complex and classified as spam; at the same time, it is easy to disrupt the layout and affect user browsing. Set align = "center" in the table when the email is in the middle"
<Body>
<Table width = "100%" border = "0" cellspacing = "0" cellpadding = "0">
<Tr>
<TD style = "background-color: #520000;"> </TD>
</Tr>
</Table>
</Body>
3. Image and text link rules
- All links in the template must use absolute paths;
- The link length cannot exceed 255 characters, and cannot contain spaces or Chinese characters. Otherwise, the connection may fail to be traced;
- Do not use tags for image links. Otherwise, emails may be identified as spam by the email client, or even directly blocked by the email operator.
- The text in the template cannot use a large font; otherwise, it may be determined as spam by the mail client.
4. CSS style Writing
- Do not use external style sheet reference to write the style sheet into the template;
- If the template has list-type text (such as news lists) of identical Styles, you can reference the style sheet in <style> </style> on the page, however, the disadvantage is that the style of the List is distorted because it is removed from the <style> </style> after being edited by the web editor or email client during Mail forwarding. This method of page reference can save a lotCodeTo lower the code-content ratio and reduce the template file size, which is conducive to template scoring.
- "Onmouseout" "onmouseover" does not appear; Alt is not used; the font-family attribute is not empty;
5. Use the image style and background color
- Do not use background images for templates. Background images are not displayed by default on some email clients or web interfaces (such as Gmail.
- The address of each graph in the template must be an absolute address; otherwise, the image will not be displayed; the alt attribute must be specified for each graph to display the image content when the image is intercepted; the width and height must be specified for each image. When the image is blocked, the layout will not be disrupted because the image size cannot be read.
- Do not set the background color in the body. Otherwise, the background color of the information written by the forwarder will change to the background color of the forwarded email, affecting browsing. If you must set the overall background color for the mail template, add a table to the outermost part of the template file to set the background color of the table.
- When cutting a template, you must limit the size and quantity of the image. Do not make the image too large for the effect. This will make the email recipient open too slowly or even close the email directly.
- Do not completely turn the Template into an image. This will make the user invisible when the image is blocked, and it is likely to be identified as spam by the email carrier or client.
6. template HTML Tag rules
- Try not to use the submit form;
- The email subject must be less than 18 characters long ――!...... And other symbols;
- The subject and content of the email do not contain the website address;
- The HTML code is less than 15 kb;
- Padding and margin labels: In table, some mail clients or web interfaces (such as Gmail) have poor support for floating tags (such as padding and margin), so try not to use them;
- Float floating Tag: Some mail clients do not support floating attributes, so try to avoid using them;
- When <style> </style> is called on the page, do not use labels with default styles, such as <H2>, <ul>, <li>, <p>, or <ol>, prevent page layout confusion when <style> </style> is isolated.
- About links: the number of links cannot exceed 10, the links are absolute addresses, and the link address length cannot exceed 255 characters. The map function is not used.
7. Processing of animation and interaction Elements
- You can use a simple GIF animation to express certain elements that need to be highlighted. However, to control the size of GIF files, do not affect the speed of downloading and browsing the entire email;
- Do not use flash animation or Javascript active. In the past few years, mail viruses were prevalent, and most email operators have blocked these elements.
8. Use the WYSIWYG tool to manually optimize the code after preparation.
- Using the mainstream WYSIWYG tool can save a lot of time and improve work efficiency. However, the code generated by WYSIWYG tool may be mixed with a lot of spam code, and it is best to manually optimize it after production.
9. email attachment
- Do not include attachments in emails. Sending a large number of attachments will occupy a large amount of precious network bandwidth, and most attachment users will not open it at all. This part of bandwidth is basically a waste.
- Emails with attachments may be regarded as viruses by users and may have adverse effects on the brand.
- Set the Download button on the template, link to the download page on the website, and bring some traffic to the website. Why not.
