À quoi devez-vous faire attention lorsque vous écrivez edm en HTML ?

Cet article présente principalement un résumé des éléments à noter lors de l'écriture d'EDM en HTML (généralement ce à quoi vous devez faire attention lors de l'envoi d'e-mails). Les amis dans le besoin peuvent se référer à

Encodage du format

1. Largeur de la page Veuillez la définir entre 600 et 800 px et la longueur entre 1024 px.

2. Veuillez utiliser utf-8 pour l'encodage HTML.

3. Le code HTML doit faire moins de 15 Ko. (Chaque boîte aux lettres a des normes d'acceptation différentes. Si elle dépasse 15 Ko, votre e-mail risque d'aller à la poubelle)

4 Veuillez utiliser un tableau pour la mise en page. Ne placez qu'une seule image dans le même , tel que . Toutes les images doivent avoir une largeur et une hauteur définies. Le même paragraphe de texte est placé dans le même .

5. Si vous souhaitez que l'e-mail soit affiché au centre, veuillez définir align="center" dans le tableau.

6. Les fichiers Word ne peuvent pas être convertis directement au format HTML, sinon l'encodage sera irrégulier.

7. N'utilisez pas le style CSS des liens externes pour définir le texte et les images (les styles CSS des liens externes ne seront pas lus dans les e-mails, donc les e-mails envoyés rendront votre style de contenu e-mail différent. perdu), la méthode d'écriture correcte est : Text.

8. N'utilisez pas Flash, Java, JavaScript, frames, iframe, activeX et DHTML Si les images de la page doivent être dynamiques, veuillez convertir le fichier flash en animation gif. Il ne s'affichera pas normalement car Outlook2007 limite l'animation GIF.

9. N'utilisez pas de balises telles que body, meta et html autres que . Certains systèmes de messagerie les filtreront.

10. Le code de l'image d'arrière-plan s'écrit comme suit : , mais veuillez noter qu'Outlook ne prend pas en charge les images d'arrière-plan Non reconnu.

11. Ne pas avoir "onmouseover" ou "onmouseout". Même s'il est défini dans , il sera filtré après avoir été envoyé à la boîte aux lettres et le contenu affiché une fois la souris définie. ne peut pas être affiché.

12. L'attribut font-family ne peut pas être vide, sinon il sera bloqué comme spam par QQ.

13. S'il y a un espace blanc sur le bord intérieur ou en haut et en bas du modèle d'e-mail, n'utilisez pas de remplissage. Vous devez utiliser le td standard pour définir l'espace blanc. Sinon, chaque boîte aux lettres sera analysée différemment. .

14. Notes sur la définition de la hauteur de ligne dans la boîte aux lettres Google : la hauteur de ligne doit être définie dans un élément de niveau bloc. S'il y a une balise p dans td, la hauteur de ligne doit également être définie dans p. Que ce soit td ou p, s'il y a un lien hypertexte, la hauteur de ligne doit être définie dans la balise a. Si la hauteur de ligne est uniquement définie dans td ou p, la boîte aux lettres Yahoo ne pourra pas reconnaître la hauteur de ligne dans a.

15. Définissez la couleur d'arrière-plan là où se trouve une image d'arrière-plan pour éviter qu'elle ne s'affiche plus joliment lorsque l'image d'arrière-plan n'est pas affichée

16. . Le positionnement absolu ne peut pas être utilisé. , utilisez

text

pour effacer les mots flottants. doit être limité à 18 mots et éviter d'utiliser des symboles spéciaux. Il est facile de produire des caractères tronqués.

2. N'incluez pas d'informations sur l'adresse du site Web dans l'objet et le contenu de l'e-mail, telles que "xxx.com vous souhaite une bonne année". Si la notoriété de la marque du client est relativement élevée, le nom de l'entreprise peut être ajouté au thème, par exemple : « NIKE Sports Fashion ».

3. Le contenu et la mise en page du texte doivent être aussi concis que possible et mettre en valeur le thème pour obtenir un taux de clics plus élevé.

4. N'utilisez pas de mots sensibles et promotionnels comme les suivants : gratuit, remise, offre spéciale, prix spécial, prix bas, pas cher, pas cher, vidéo, gagner de l'argent, coiffer en groupe, faire fortune, devenir riche. , agent, salaire, rencontres, paiement, opportunités commerciales, armes magiques, livres au trésor, secrets, renseignements, secrets, secret, top secrets, mystères, secrets, etc. Si nécessaire, veuillez transformer les mots sensibles en images.

5. Si vous envoyez plus de 200 000 e-mails, le contenu du thème doit être modifié. Si vous envoyez plus de 2 millions d'e-mails, envisagez une refonte.

6. Le texte doit définir le style de police autant que possible. Le style de police par défaut de chaque boîte aux lettres est différent. Afin d'obtenir l'effet souhaité, le style de police doit être complètement défini.

Images

1. Utilisez des images autant que possible pour éviter que le texte ne s'affiche différemment dans les différentes boîtes aux lettres grand public. Par exemple, dans la boîte aux lettres QQ, si cela n'est pas défini dans le code, le texte du courrier ne peut pas être automatiquement renvoyé à la ligne et la police du contenu du courrier dans la boîte aux lettres Gmail sera automatiquement agrandie, ce qui n'est pas cohérent avec la taille des caractères définie à l'origine. .

2. La page entière d'images doit être limitée à 8 ou moins, et chaque image ne doit pas dépasser 15 Ko.

3. Veuillez ne pas écrire l'adresse de l'image comme chemin local, par exemple : , (si vous envoyez un e-mail de cette manière, le le destinataire ne pourra pas vous voir la photo).

4. Le nom de l'image ne peut pas contenir de caractères publicitaires, sinon l'image sera affichée comme "publicité filtrée" après le téléchargement.

5. S'il n'y a qu'une seule image dans l'ensemble du modèle d'e-mail, assurez-vous de la couper en 2-3 petites images et de conserver du texte de manière appropriée.

6. Les exigences pour les boîtes aux lettres Gmail et QQ ont de nouveau changé. Les attributs des images doivent être complètement définis, tels que style="vertical-align:top;" doit être défini ici, sinon il y aura des espaces, des déformations et d'autres affichages anormaux entre les images.

7. Ajoutez l'attribut alt à la balise img, afin que lorsque l'utilisateur reçoit l'e-mail, même si certaines boîtes aux lettres cachent l'image, il puisse toujours voir le contenu dans l'alt. Par exemple : de l'e-mail Et incitez les clients à cliquer sur l'image affichée.

Liens

1. Le nombre de liens ne peut pas dépasser 10. Si les adresses de lien de toutes les images sont les mêmes, veuillez fusionner toutes les petites images en une grande image.

2. Veuillez écrire le lien comme une adresse absolue. (Pour garantir que les destinataires peuvent visualiser correctement votre contenu lorsqu'ils cliquent sur le lien).

3. La longueur de l'adresse du lien ne peut pas dépasser 255 caractères, ce qui peut entraîner une intraçabilité ou des erreurs de lien.

4. N'utilisez pas la fonction de carte (carte) pour lier des images. Cette fonction entraînera la classification de l'e-mail comme spam par la plupart des boîtes aux lettres.

5. Pour éviter que les utilisateurs ne puissent visualiser les images de l'e-mail qu'ils reçoivent, veuillez créer une page Web avec le même contenu que l'e-mail, puis indiquer en haut de l'e-mail : "Si vous ne pouvez pas afficher le contenu de l'e-mail, veuillez cliquer ici." , un lien vers une page Web avec le même contenu.

6. Le risque que les liens d'adresses de sites Web apparaissant dans le texte soient bloqués en tant que spam est extrêmement élevé. Par exemple : http://xxx.com pour de tels liens, il est recommandé d'écrire le texte « Société XXX » et ajoutez le lien, ou Il s'agit de transformer l'URL en image et d'ajouter un lien.

7. Il est préférable de ne pas utiliser de symboles spéciaux dans les liens pour éviter les erreurs d'analyse des e-mails.

8. Le code du lien doit être aussi court que possible. Si le code est trop long, cela augmentera la taille du modèle, ce qui affectera l'effet d'envoi de l'e-mail.

règles Outlook

1. La balise ne peut pas être reconnue. Si vous souhaitez définir plusieurs td avec la même largeur, vous pouvez écrire la largeur spécifique dans le td spécifique. Par exemple.

2. Le remplissage des éléments en ligne ne peut pas être reconnu. Par exemple, , le contenu du fichier. une balise n'est pas reconnue. Elle ne sera pas à 40 pixels de la gauche. Le remplissage peut être défini dans td.

3. L'alignement vertical des éléments en ligne ne peut pas être reconnu. Par exemple, , cette image ne le sera pas. la même chose que Pour aligner les éléments de la ligne en bas, vous pouvez écrire .

4. Si td contient un tableau, les styles d'étiquettes définis dans la table enfant n'afficheront correctement que les styles définis dans la table enfant, et les styles dans la table parent ne seront pas affichés correctement. Remarque : S'il y a une balise a dans le tableau, le style de couleur du contenu dans la balise a doit être défini dans la balise a. La définition dans le td parent ou dans la table où elle se trouve n'est pas valide.

5. S'il y a un écart entre td et td, utilisez . il n'y aura pas d'écart entre td et td. Il y a des intervalles. Il n'y aura pas d'espaces si vous utilisez . S'il y a un écart entre td, ils doivent être séparés par  . Mais s'il s'agit d'un tableau, le contenu à l'intérieur de

6. La largeur de la balise p n'est pas reconnue. Par exemple,

, le contenu de la balise p ne sera pas automatiquement renvoyé à la ligne. 320px. Le contenu sera renvoyé à la limite de largeur uniquement si

7. Si vous souhaitez utiliser la balise

, vous devez tenir compte de la hauteur de la ligne entre les lignes supérieure et inférieure de la balise

8. La définition de la marge dans n'est pas valide, qu'elle soit margin-left, margin-right, margin-top ou margin-boottom.

9. Lors du réglage de ou , l'image se détachera du flux du document et aura une marge ou un remplissage défini. son élément parent. Il ne peut pas être déplacé vers le bas, vers la gauche ou la droite.

10. Dans Outlook, si l'image imbriquée est trop longue, cela provoquera un affichage anormal. Vous pouvez couper l'image en plusieurs images plus courtes puis la mettre en page.

De plus, lors de l'envoi d'un modèle d'e-mail, essayez de coller et d'envoyer le code source au format. Si vous le transférez trop de fois, vous risquez de perdre le style !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!