html로 edm을 작성할 때 주의할 점은 무엇인가요?

이 글에서는 EDM을 HTML로 작성할 때 주의할 점(일반적으로 이메일을 보낼 때 주의해야 할 사항)을 요약해서 소개합니다. 필요한 친구들은

인코딩 형식

1. 페이지 너비는 600~800px, 길이는 1024px 이내로 설정해주세요.

2. HTML 인코딩은 utf-8을 사용해주세요.

3. HTML 코드는 15KB 이내여야 합니다. (메일함마다 허용 기준이 다릅니다. 15KB를 초과하면 이메일이 휴지통으로 들어갈 가능성이 높습니다.)

4. 레이아웃은 표를 사용하세요. 동일한 에는 사진 하나만 배치해야 합니다(예: ). 모든 이미지에는 정의된 너비와 높이가 있어야 합니다. 동일한 텍스트 단락이 동일한 에 배치됩니다.

5. 이메일을 중앙에 표시하고 싶다면 표에 align="center"를 설정하세요.

6. Word 파일은 HTML 형식으로 직접 변환할 수 없습니다. 그렇지 않으면 인코딩이 불규칙해집니다.

7. 텍스트와 그림을 정의하기 위해 외부 링크의 CSS 스타일을 사용하지 마십시오. (외부 링크의 CSS 스타일은 이메일에서 읽히지 않으므로 이메일 내용의 스타일은 다음과 같습니다. 분실) 올바른 표기는 Text입니다.

8. 플래시, Java, JavaScript, 프레임, iframe, activeX 및 DHTML을 사용하지 마세요. 페이지의 사진이 동적이어야 한다면 플래시 파일을 gif 애니메이션으로 변환하세요. Outlook2007에서는 gif 애니메이션이 제한되어 있어 정상적으로 표시되지 않습니다.

9. 이외의 본문, 메타, html과 같은 태그를 사용하지 마세요.

10. 배경 이미지 코드는 로 작성되는데, Outlook을 참고하시기 바랍니다. 배경 이미지를 지원하지 않습니다. 인식되지 않습니다.

11. "onmouseover" 또는 "onmouseout"을 사용하지 마세요. 로 설정되어 있어도 메일함으로 전송된 후 필터링되며, 마우스를 설정한 후 표시되는 내용입니다. 표시할 수 없습니다.

12. 글꼴 계열 속성은 비워둘 수 없습니다. 그렇지 않으면 QQ에 의해 스팸으로 차단됩니다.

13. 이메일 템플릿의 내부 가장자리나 상단 및 하단에 공백이 있는 경우 표준 td를 사용하여 공백을 설정해야 합니다. 그렇지 않으면 각 사서함이 다르게 구문 분석됩니다. .

14. Yahoo 메일함에서 line-height 정의에 대한 참고 사항: line-height는 블록 수준 요소에서 정의되어야 합니다. td에 p 태그가 있으면 p에도 line-height를 정의해야 합니다. td든 p든 하이퍼링크가 있으면 a 태그에 line-height를 정의해야 합니다. 줄 높이가 td 또는 p에만 정의된 경우 Yahoo 메일박스는 a의 줄 높이를 인식할 수 없습니다.

15. 배경 이미지가 표시되지 않을 때 더 아름답게 표시되지 않도록 배경색을 설정하세요.

16. . 절대 위치 지정은 사용할 수 없습니다.

텍스트

를 사용하여 이메일 제목을 삭제하세요. 18단어 이내로 제한해야 하며 특수기호를 사용하지 마세요. 글자가 깨질 수 있습니다.

2. 이메일 제목과 내용에 "xxx.com 새해 복 많이 받으세요"와 같이 웹사이트 주소가 포함된 정보를 포함하지 마세요. 고객의 브랜드 인지도가 상대적으로 높은 경우 "NIKE 스포츠 패션"과 같이 회사 이름을 테마에 추가할 수 있습니다.

3. 텍스트 내용과 레이아웃은 최대한 간결해야 하며, 클릭률을 높이려면 테마를 강조해야 합니다.

4. 무료, 할인, 특가, 특가, 저가, 싸다, 싸다, 영상, 돈 벌다, 단체 헤어, 돈 벌다, 부자가 되다 등 민감하고 홍보적인 단어는 사용하지 마세요. , 대리인, 급여, 데이트, 지불, 사업 기회, 마법 무기, 보물 책, 비밀, 정보, 비밀, 비밀, 일급 비밀, 미스터리, 비밀 등 필요한 경우 민감한 단어를 그림으로 변환해 주세요.

5. 이메일을 20만 개 이상 보내는 경우 테마 내용을 변경해야 합니다.

6. 텍스트는 가능한 한 글꼴 스타일을 정의해야 합니다. 각 편지함의 기본 글꼴 스타일은 서로 다릅니다. 원하는 효과를 얻으려면 글꼴 스타일을 완전히 정의해야 합니다.

사진

1. 다양한 주류 메일함에서 텍스트가 다르게 표시되지 않도록 최대한 사진을 사용하세요. 예를 들어, QQ 메일함에서 코드에 설정되어 있지 않으면 메일의 텍스트가 자동으로 줄 바꿈될 수 없으며 Gmail 메일함의 메일 내용 글꼴이 자동으로 확대되어 원래 설정된 문자 크기와 일치하지 않습니다. .

2. 사진은 전체 페이지가 8개 이내로 제한되어야 하며, 각 사진은 15KB를 초과할 수 없습니다.

3. 이미지 주소를 로컬 경로로 쓰지 마세요. 예: (이런 방식으로 이메일을 보내면 수신자는 귀하의 사진을 볼 수 없습니다.

4. 이미지 이름에는 광고 문자가 포함될 수 없습니다. 그렇지 않으면 업로드 후 이미지가 "필터링된 광고"로 표시됩니다.

5. 전체 이메일 템플릿에 사진이 하나만 있는 경우 2~3개의 작은 사진으로 자르고 일부 텍스트를 적절하게 유지하세요.

6. Gmail 및 QQ 메일함에 대한 요구 사항이 다시 변경되었습니다. style="vertical-align:top;" 여기에서 정의해야 합니다. 그렇지 않으면 사진 사이에 틈, 변형 및 기타 비정상적인 표시가 발생합니다.

7. img 태그에 alt 속성을 추가하면 사용자가 이메일을 받을 때 일부 사서함에서 이미지를 숨기더라도 alt의 내용을 계속 볼 수 있습니다. 예: 이메일의 고객이 표시된 이미지를 클릭하도록 유도합니다.

링크

1. 링크 수는 10개를 초과할 수 없습니다. 모든 사진의 링크 주소가 동일할 경우 작은 사진을 모두 하나의 큰 사진으로 병합해 주세요.

2. 링크는 절대주소로 작성해주세요. (수신자가 링크를 클릭할 때 귀하의 콘텐츠를 제대로 볼 수 있도록 하기 위해).

3. 링크 주소 길이는 255자를 초과할 수 없으므로 추적이 불가능하거나 링크 오류가 발생할 수 있습니다.

4. 지도 기능(지도)을 사용하여 사진을 연결하지 마세요. 이 기능을 사용하면 대부분의 메일함에서 이메일이 스팸으로 분류됩니다.

5. 사용자가 수신한 이메일 이미지를 볼 수 없는 것을 방지하려면 이메일과 동일한 내용으로 웹페이지를 만든 후 이메일 상단에 "볼 수 없는 경우 이메일 내용은 여기를 클릭하세요." , 방문하는 친구와 동일한 내용이 포함된 웹페이지로 연결됩니다.

6. 텍스트에 웹사이트 주소 링크가 스팸으로 차단될 위험이 매우 높습니다. 예를 들어 http://xxx.com과 같은 링크의 경우 "XXX Company" 텍스트를 작성하는 것이 좋습니다. 링크를 추가하거나, URL을 이미지로 만들어서 링크를 추가하는 것입니다.

7. 이메일 구문 분석 오류를 방지하려면 링크에 특수 기호를 사용하지 않는 것이 가장 좋습니다.

8. 링크 코드는 최대한 짧아야 합니다. 코드가 너무 길면 템플릿 크기가 커지고 이메일 전송 효과에 영향을 미칠 수 있습니다.

아웃룩 규칙

1.

태그는 동일한 너비로 여러 td를 정의하려는 경우 특정 td에 특정 너비를 작성할 수 있습니다. 예를 들면 입니다.

2. 인라인 요소의 패딩은 인식할 수 없습니다. 예를 들어 태그는 왼쪽에서 40px가 인식되지 않습니다. 패딩은 td에서 정의할 수 있습니다.

3. 인라인 요소의 수직 정렬을 인식할 수 없습니다(예: ). 하단의 행 요소를 정렬하려면

라고 쓰면 됩니다.

4. td에 테이블이 포함된 경우 하위 테이블에 정의된 레이블 스타일은 하위 테이블에 정의된 스타일만 올바르게 표시되고 상위 테이블의 스타일은 올바르게 표시되지 않습니다. 참고: 테이블에 a 태그가 있는 경우 a 태그에 있는 콘텐츠의 색상 스타일을 a 태그에서 정의해야 합니다. 그렇지 않으면 태그가 있는 테이블이 유효하지 않습니다.

5. td와 td 사이에 공백이 있는 경우

를 사용하면 됩니다. td와 td 사이에는 간격이 없습니다. 를 사용하면 공백이 없습니다. td 사이에 간격이 있는 경우   로 구분해야 합니다. 그러나 테이블인 경우 내부의 내용에는 위와 아래에 빈 줄이 있습니다.

6. p 태그의 너비가 인식되지 않습니다. 예를 들어

p 태그의 내용은 자동으로 줄 바꿈되지 않습니다. 320px. 너비가 설정된 경우에만 콘텐츠가 너비 제한으로 줄 바꿈됩니다.

7.

태그를 사용하려면

태그 자체의 위쪽 줄과 아래쪽 줄 사이의 줄 높이를 고려해야 합니다.

8.

의 여백 설정은 margin-left, margin-right, margin-top 또는 margin-boottom에 관계없이 유효하지 않습니다.

9. 또는 를 설정하면 이미지가 문서 흐름에서 벗어나 여백이나 패딩이 설정됩니다. 해당 상위 요소는 아래, 왼쪽 또는 오른쪽으로 이동할 수 없습니다.

10. Outlook에서는 중첩된 사진이 너무 길면 표시가 이상해질 수 있습니다. 사진을 여러 개로 잘라서 배치할 수 있습니다.

또한 이메일 템플릿을 보낼 때 해당 형식으로 소스 코드를 붙여서 보내보세요. 너무 많이 전달하면 스타일이 떨어질 수 있습니다!

위 내용은 html로 edm을 작성할 때 주의할 점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!