---
title: "ईमेल डिज़ाइन प्लेबुक: लेआउट, मोबाइल, एक्सेसिबिलिटी और टेम्पलेट QA (2026)"
description: "मार्केटिंग, लाइफ़साइकिल और ट्रांज़ैक्शनल ईमेल डिज़ाइन करें, लेआउट, टाइपोग्राफ़ी, इमेज, रिस्पॉन्सिव रेंडरिंग, डार्क मोड, एक्सेसिबिलिटी, टेस्टिंग और दोबारा इस्तेमाल होने वाले टेम्पलेट के व्यावहारिक मार्गदर्शन के साथ।"
url: https://tajo.io/hi/blog/email-design-best-practices/
markdown: https://tajo.io/hi/blog/email-design-best-practices.md
lang: hi-IN
author: "Set Noa"
author_url: https://tajo.io/hi/set-noa/
published: 2026-03-08
updated: 2026-08-07
alternates: {en-US: /blog/email-design-best-practices.md, bg-BG: /bg/blog/email-design-best-practices.md, cs-CZ: /cz/blog/email-design-best-practices.md, de-DE: /de/blog/email-design-best-practices.md, da-DK: /dk/blog/email-design-best-practices.md, es-ES: /es/blog/email-design-best-practices.md, fr-FR: /fr/blog/email-design-best-practices.md, el-GR: /gr/blog/email-design-best-practices.md, id-ID: /in/blog/email-design-best-practices.md, hr-HR: /hr/blog/email-design-best-practices.md, hu-HU: /hu/blog/email-design-best-practices.md, it-IT: /it/blog/email-design-best-practices.md, ja-JP: /jp/blog/email-design-best-practices.md, ko-KR: /kr/blog/email-design-best-practices.md, ar-SA: /ar/blog/email-design-best-practices.md, nl-NL: /nl/blog/email-design-best-practices.md, no-NO: /no/blog/email-design-best-practices.md, pl-PL: /pl/blog/email-design-best-practices.md, pt-BR: /pt/blog/email-design-best-practices.md, ro-RO: /ro/blog/email-design-best-practices.md, ru-RU: /ru/blog/email-design-best-practices.md, zh-CN: /zh-cn/blog/email-design-best-practices.md, sl-SI: /sl/blog/email-design-best-practices.md, th-TH: /th/blog/email-design-best-practices.md, tr-TR: /tr/blog/email-design-best-practices.md, ur-PK: /ur/blog/email-design-best-practices.md, vi-VN: /vi/blog/email-design-best-practices.md, sk-SK: /sk/blog/email-design-best-practices.md}
---

[ईमेल मार्केटिंग](https://tajo.io/hi/blog/?category=email-marketing)

# ईमेल डिज़ाइन प्लेबुक: लेआउट, मोबाइल, एक्सेसिबिलिटी और टेम्पलेट QA (2026)

मार्केटिंग, लाइफ़साइकिल और ट्रांज़ैक्शनल ईमेल डिज़ाइन करें, लेआउट, टाइपोग्राफ़ी, इमेज, रिस्पॉन्सिव रेंडरिंग, डार्क मोड, एक्सेसिबिलिटी, टेस्टिंग और दोबारा इस्तेमाल होने वाले टेम्पलेट के व्यावहारिक मार्गदर्शन के साथ।

email design

ईमेल डिज़ाइन क्या है?

अच्छा ईमेल डिज़ाइन सजावट नहीं है। यह पढ़ने लायक, सुलभ, मोबाइल-सुरक्षित और ब्रांड के अनुरूप ईमेल तैयार करने का एक सिस्टम है, जो अलग-अलग क्लाइंट में सही रेंडर हो और संदेश के बिज़नेस लक्ष्य को आगे बढ़ाए। सरल लेआउट, सुलभ टाइपोग्राफ़ी और कंट्रास्ट, ऑप्टिमाइज़्ड इमेज, एक मुख्य CTA और भेजने से पहले दोहराई जा सकने वाली QA चेकलिस्ट से शुरुआत करें।

[और जानें](https://tajo.io/hi/blog/email-design-best-practices/#%E0%A4%88%E0%A4%AE%E0%A5%87%E0%A4%B2-%E0%A4%A1%E0%A4%BF%E0%A4%9C%E0%A4%BC%E0%A4%BE%E0%A4%87%E0%A4%A8-%E0%A4%95%E0%A5%8D%E0%A4%AF%E0%A5%8B%E0%A4%82-%E0%A4%AE%E0%A4%BE%E0%A4%AF%E0%A4%A8%E0%A5%87-%E0%A4%B0%E0%A4%96%E0%A4%A4%E0%A4%BE-%E0%A4%B9%E0%A5%88)

ईमेल डिज़ाइन सीधे तय करता है कि सब्सक्राइबर आपके संदेश खोलेंगे, पढ़ेंगे और उन पर कार्रवाई करेंगे या नहीं। खराब डिज़ाइन से ईमेल डिलीट होते हैं, लोग अनसब्सक्राइब करते हैं और राजस्व का नुकसान होता है। बेहतरीन डिज़ाइन एंगेजमेंट, कन्वर्ज़न और ब्रांड लॉयल्टी बढ़ाता है।

इस अपडेट में बिना आधार वाले बेंचमार्क दावे हटा दिए गए हैं और इस लेख को मार्केटिंग, लाइफ़साइकिल और ट्रांज़ैक्शनल ईमेल टीमों के लिए 2026 की एक व्यावहारिक ईमेल डिज़ाइन प्लेबुक बना दिया गया है।

## ईमेल डिज़ाइन क्यों मायने रखता है

सर्वोत्तम अभ्यासों में उतरने से पहले, यह समझ लें कि ईमेल डिज़ाइन आपके ध्यान का हकदार क्यों है।

### डिज़ाइन के बदलाव असल में किन चीज़ों को प्रभावित करते हैं

डिज़ाइन के फ़ैसले फ़्रिक्शन कम करने के लिए लें, बिना आधार वाले बेंचमार्क सुधार के पीछे भागने के लिए नहीं।

| डिज़ाइन एलिमेंट | यह किसे प्रभावित करता है | इसका मूल्यांकन कैसे करें |
| --- | --- | --- |
| मोबाइल लेआउट | पढ़ने का प्रवाह, टैप की सटीकता, रेंडरिंग | iOS Mail, Gmail मोबाइल और Outlook मोबाइल पर प्रीव्यू देखें |
| एक कॉलम वाली संरचना | स्कैन करने में आसानी और रिस्पॉन्सिव व्यवहार | क्लिक की गहराई और स्क्रॉल व्यवहार की तुलना करें |
| स्पष्ट CTA हायरार्की | फ़ैसले की स्पष्टता | मुख्य CTA के क्लिक और उसके बाद के कन्वर्ज़न ट्रैक करें |
| सुलभ कंट्रास्ट और ऑल्ट टेक्स्ट | पढ़ने में आसानी और सहायक तकनीक से पहुँच | कंट्रास्ट जाँच और इमेज बंद करके प्रीव्यू देखें |
| एक जैसी ब्रांडिंग | पहचान और भरोसा | फ़्रॉम नाम, लोगो, फ़ुटर और विज़ुअल सिस्टम की एकरूपता जाँचें |

### खराब डिज़ाइन की कीमत

खराब डिज़ाइन मापने लायक संचालन और मार्केटिंग जोखिम पैदा करता है:

- टूटे हुए लेआउट ब्रांड पर भरोसा घटाते हैं।
- सिर्फ़ इमेज वाले संदेश इमेज ब्लॉक होने पर पढ़े ही नहीं जा सकते।
- कम कंट्रास्ट कुछ पाठकों को बाहर कर देता है और एक्सेसिबिलिटी जाँच में फ़ेल होता है।
- छोटे बटन मोबाइल पर टैप करना मुश्किल बना देते हैं।
- ऑल्ट टेक्स्ट न होने से इमेज बंद होने और स्क्रीन रीडर वाले अनुभव कमज़ोर पड़ जाते हैं।
- बड़ी इमेज लोडिंग धीमी करती हैं और संदेश टूटा हुआ महसूस करा सकती हैं।
- कमज़ोर हायरार्की मुख्य कार्रवाई को छिपा देती है।
- अनसब्सक्राइब, पता या प्राथमिकता लिंक न होना अनुपालन का जोखिम पैदा करता है।

## भाग 1: ईमेल लेआउट के सर्वोत्तम अभ्यास

असरदार ईमेल डिज़ाइन की नींव लेआउट से शुरू होती है। आपका लेआउट तय करता है कि जानकारी कैसे बहती है और पाठक को आपकी मनचाही कार्रवाई तक कैसे ले जाती है।

### एक कॉलम बनाम कई कॉलम वाले लेआउट

**एक कॉलम वाले लेआउट** आधुनिक ईमेल डिज़ाइन का सर्वोच्च मानक हैं:

```
           हेडर

         हीरो इमेज

         मुख्य कॉपी

      मुख्य CTA बटन

     सहायक कंटेंट

           फ़ुटर
```

**एक कॉलम वाले लेआउट के फ़ायदे:**

- सभी ईमेल क्लाइंट में एक जैसी रेंडरिंग
- ऊपर से नीचे तक पढ़ने का स्वाभाविक प्रवाह
- अपने आप मोबाइल पर रिस्पॉन्सिव
- तेज़ लोडिंग
- ब्रांड की एकरूपता बनाए रखना आसान

**कई कॉलम वाले लेआउट कब उपयोग करें:**

- कई आइटम वाले प्रोडक्ट शोकेस
- अलग-अलग विषयों वाला न्यूज़लेटर शैली का कंटेंट
- तुलना दिखाने वाले सेक्शन
- डेस्कटॉप पर ज़्यादा सक्रिय B2B ऑडियंस

### उल्टे पिरामिड की संरचना

उल्टा पिरामिड पाठकों को स्वाभाविक रूप से आपके CTA तक ले जाता है:

```
        चौड़ा: ध्यान
      असरदार हेडलाइन
       हीरो इमेज या कॉपी

     मध्यम: दिलचस्पी
   सहायक जानकारी
     फ़ायदे और सुविधाएं

    संकरा: कार्रवाई
   केंद्रित CTA बटन
```

यह संरचना स्वाभाविक रूप से ध्यान को आपके कॉल टू एक्शन की ओर मोड़ देती है।

### सबसे अच्छी ईमेल चौड़ाई

**सुझाई गई चौड़ाई: 600-640 पिक्सल**

| चौड़ाई | उपयोग | संगतता |
| --- | --- | --- |
| 600px | सामान्य ईमेल | सार्वभौमिक |
| 640px | कंटेंट से भरे ईमेल | ज़्यादातर क्लाइंट |
| 480px | मोबाइल-फ़र्स्ट डिज़ाइन | मोबाइल को प्राथमिकता |

640 पिक्सल से चौड़े ईमेल कुछ ईमेल क्लाइंट में हॉरिज़ॉन्टल स्क्रॉलिंग शुरू कर सकते हैं, जिससे उपयोगकर्ता का अनुभव खराब होता है।

### व्हाइट स्पेस और खुलापन

व्हाइट स्पेस खाली जगह नहीं है। यह एक डिज़ाइन एलिमेंट है जो:

- सेक्शन को अलग करता है।
- बॉडी कॉपी को स्कैन करना आसान बनाता है।
- CTA बटन को उभरने की जगह देता है।
- नज़र की थकान कम करता है।
- नज़र को स्वाभाविक रूप से दिशा देता है।

**स्पेसिंग के दिशानिर्देश:**

- कंटेंट के किनारों पर कम से कम 20px पैडिंग
- मुख्य सेक्शन के बीच 30-40px
- पैराग्राफ़ के बीच 15-20px
- लिस्ट आइटम के बीच 10px

### हेडर डिज़ाइन के सर्वोत्तम अभ्यास

आपका हेडर माहौल तय करता है और ब्रांड की पहचान तुरंत स्थापित करता है।

**ज़रूरी हेडर एलिमेंट:**

1. **लोगो**: अधिकतम 200px चौड़ाई, वेबसाइट से लिंक किया हुआ
2. **नेविगेशन** (वैकल्पिक): अधिकतम 2-4 मुख्य लिंक
3. **प्रीहेडर टेक्स्ट**: सब्जेक्ट लाइन को आगे बढ़ाता है, 40-100 कैरेक्टर

**हेडर टेम्पलेट:**

```
     [LOGO]     |  शॉप | अकाउंट

   प्रीहेडर: अपनी सब्जेक्ट लाइन
   को यहाँ आगे बढ़ाएं...
```

### फ़ुटर डिज़ाइन की बुनियादी ज़रूरतें

फ़ुटर कानूनी ज़रूरतें पूरी करते हैं और अतिरिक्त नेविगेशन देते हैं:

**ज़रूरी फ़ुटर एलिमेंट:**

- भौतिक डाक पता (CAN-SPAM की ज़रूरत)
- अनसब्सक्राइब लिंक (साफ़ दिखने वाला)
- ईमेल प्राथमिकताओं का लिंक
- प्राइवेसी पॉलिसी का लिंक

**वैकल्पिक फ़ुटर एलिमेंट:**

- सोशल मीडिया आइकन
- ऐप डाउनलोड लिंक
- ग्राहक सेवा का संपर्क
- दूसरा नेविगेशन
- कंपनी रजिस्ट्रेशन का विवरण

## भाग 2: ईमेल डिज़ाइन में टाइपोग्राफ़ी

टाइपोग्राफ़ी पढ़ने में आसानी तय करती है और आपके ब्रांड का विज़ुअल माहौल गढ़ती है। अलग-अलग क्लाइंट में रेंडरिंग के फ़र्क की वजह से ईमेल टाइपोग्राफ़ी पर खास ध्यान देना पड़ता है।

### ईमेल के लिए सुरक्षित फ़ॉन्ट स्टैक

सभी फ़ॉन्ट हर ईमेल क्लाइंट में एक जैसे रेंडर नहीं होते। फ़ॉलबैक के साथ फ़ॉन्ट स्टैक इस्तेमाल करें:

**सैन्स-सेरिफ़ स्टैक (आधुनिक, साफ़-सुथरा):**

```css
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
```

**सेरिफ़ स्टैक (पारंपरिक, आधिकारिक):**

```css
font-family: Georgia, 'Times New Roman', Times, serif;
```

**फ़ॉलबैक के साथ वेब फ़ॉन्ट:**

```css
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
```

### ईमेल में वेब फ़ॉन्ट

वेब फ़ॉन्ट ब्रांड की एकरूपता बढ़ाते हैं, लेकिन इनके लिए फ़ॉलबैक की योजना ज़रूरी है।

**वेब फ़ॉन्ट के लिए ईमेल क्लाइंट का सपोर्ट:**

| क्लाइंट | वेब फ़ॉन्ट सपोर्ट |
| --- | --- |
| Apple Mail | पूरा सपोर्ट |
| iOS Mail | पूरा सपोर्ट |
| Outlook (Mac) | पूरा सपोर्ट |
| Gmail | कोई सपोर्ट नहीं |
| Outlook (Windows) | कोई सपोर्ट नहीं |
| Yahoo Mail | आंशिक |

**लागू करने का तरीका:**

1. वेब फ़ॉन्ट को मुख्य फ़ॉन्ट के रूप में तय करें
2. मिलता-जुलता सिस्टम फ़ॉन्ट फ़ॉलबैक शामिल करें
3. मुख्य क्लाइंट में रेंडरिंग टेस्ट करें
4. सम्मानजनक गिरावट को स्वीकार करें

### फ़ॉन्ट साइज़ के दिशानिर्देश

**सुझाए गए फ़ॉन्ट साइज़:**

| एलिमेंट | डेस्कटॉप | मोबाइल |
| --- | --- | --- |
| हेडलाइन | 28-36px | 24-28px |
| सबहेडलाइन | 20-24px | 18-22px |
| बॉडी कॉपी | 16-18px | 16px (न्यूनतम) |
| सहायक टेक्स्ट | 14-16px | 14px (न्यूनतम) |
| कानूनी या फ़ुटर | 12-14px | 12px |

किसी भी टेक्स्ट के लिए **12px से नीचे कभी न जाएं**, यह मोबाइल पर पढ़ा नहीं जा सकता और एक्सेसिबिलिटी की समस्याएं पैदा करता है।

### लाइन हाइट और स्पेसिंग

सही लाइन स्पेसिंग पढ़ने में आसानी को काफ़ी बेहतर बनाती है:

**लाइन हाइट के दिशानिर्देश:**

- हेडलाइन: फ़ॉन्ट साइज़ का 1.1-1.3 गुना
- बॉडी कॉपी: फ़ॉन्ट साइज़ का 1.4-1.6 गुना
- छोटा टेक्स्ट: फ़ॉन्ट साइज़ का 1.5-1.7 गुना

**उदाहरण:**

```
16px बॉडी टेक्स्ट x 1.5 लाइन हाइट = 24px लाइन स्पेसिंग
```

### टेक्स्ट हायरार्की

पाठकों को अपने कंटेंट से गुज़ारने के लिए विज़ुअल हायरार्की बनाएं:

```
हेडलाइन (28px, बोल्ड)
सबसे ज़रूरी संदेश

सबहेडलाइन (20px, सेमीबोल्ड)
सहायक संदर्भ

बॉडी कॉपी (16px, रेगुलर)
यहाँ विस्तृत जानकारी आती है, जो पाठक को
पूरा संदर्भ देती है।

सहायक टेक्स्ट (14px, रेगुलर, ग्रे)
अतिरिक्त विवरण, समय वगैरह।
```

### अलाइनमेंट के सर्वोत्तम अभ्यास

- **हेडलाइन:** बीच में या बाएं
- **बॉडी कॉपी:** बाएं (कभी जस्टिफ़ाइड नहीं)
- **CTA:** बीच में
- **लिस्ट:** बाएं

ईमेल में जस्टिफ़ाइड टेक्स्ट से बचें, शब्दों के बीच असमान जगह पढ़ना मुश्किल बना देती है।

## भाग 3: ईमेल डिज़ाइन में इमेज

इमेज ध्यान खींचती हैं और जानकारी तेज़ी से पहुँचाती हैं। लेकिन वे रेंडरिंग की ऐसी समस्याएं भी पैदा करती हैं जिन्हें संभलकर संभालना पड़ता है।

### इमेज ऑप्टिमाइज़ेशन चेकलिस्ट

**कोई भी इमेज जोड़ने से पहले:**

- 1MB से कम में कंप्रेस करें (आदर्श रूप से 200KB से कम)
- स्पष्ट चौड़ाई और ऊँचाई के एट्रिब्यूट सेट करें
- वर्णनात्मक ऑल्ट टेक्स्ट जोड़ें
- उपयुक्त फ़ाइल फ़ॉर्मैट इस्तेमाल करें
- इमेज बंद करके टेस्ट करें

### इमेज फ़ाइल फ़ॉर्मैट

| फ़ॉर्मैट | किसके लिए सबसे अच्छा | अधिकतम फ़ाइल साइज़ |
| --- | --- | --- |
| JPEG | फ़ोटो, ग्रेडिएंट | 200KB |
| PNG | ग्राफ़िक्स, पारदर्शिता | 150KB |
| GIF | एनिमेशन, साधारण ग्राफ़िक्स | 500KB |
| SVG | आइकन (सीमित सपोर्ट) | 20KB |

### ऑल्ट टेक्स्ट के सर्वोत्तम अभ्यास

ऑल्ट टेक्स्ट तब दिखता है जब इमेज लोड नहीं होतीं, और स्क्रीन रीडर इसे पढ़कर सुनाते हैं।

**असरदार ऑल्ट टेक्स्ट के उदाहरण:**

| इमेज का प्रकार | कमज़ोर ऑल्ट टेक्स्ट | अच्छा ऑल्ट टेक्स्ट |
| --- | --- | --- |
| प्रोडक्ट फ़ोटो | ”IMG\_001" | "नीली सूती टी-शर्ट, सामने का दृश्य” |
| हीरो बैनर | ”बैनर" | "गर्मियों की सेल: सभी स्विमवियर पर 30% छूट” |
| CTA बटन | ”बटन" | "अभी खरीदें बटन” |
| सजावटी | ”डिवाइडर" | "" (सजावटी के लिए खाली) |

**ऑल्ट टेक्स्ट के दिशानिर्देश:**

- 125 कैरेक्टर से कम रखें
- दिखावट नहीं, काम का वर्णन करें
- इमेज में मौजूद मुख्य टेक्स्ट शामिल करें
- पूरी तरह सजावटी इमेज के लिए इसे खाली छोड़ें

### रिस्पॉन्सिव इमेज

पक्का करें कि इमेज हर डिवाइस पर सही आकार लें:

```html
<img src="image.jpg"
     width="600"
     height="400"
     alt="Description"
     style="max-width: 100%; height: auto;">
```

### हीरो इमेज के सर्वोत्तम अभ्यास

हीरो इमेज आपके पूरे ईमेल का विज़ुअल माहौल तय करती है:

**विनिर्देश:**

- चौड़ाई: 600px (मोबाइल पर छोटी हो जाती है)
- ऊँचाई: 200-400px
- फ़ाइल साइज़: 200KB से कम
- टेक्स्ट ओवरले: ज़रूरी टेक्स्ट इमेज के अंदर न डालें

**हीरो इमेज टेम्पलेट:**

```
        हीरो इमेज
    (लाइफ़स्टाइल या प्रोडक्ट शॉट)

   ओवरले टेक्स्ट HTML में रखें,
   इमेज में एम्बेड न करें
```

### बैकग्राउंड इमेज

बैकग्राउंड इमेज विज़ुअल आकर्षण बढ़ाती हैं, लेकिन इनका सपोर्ट सीमित है:

**सपोर्ट मैट्रिक्स:**

| क्लाइंट | बैकग्राउंड इमेज सपोर्ट |
| --- | --- |
| Apple Mail | पूरा |
| iOS Mail | पूरा |
| Gmail | पूरा |
| Outlook (Windows) | कोई नहीं |
| Yahoo Mail | पूरा |

Outlook उपयोगकर्ताओं के लिए **हमेशा एक ठोस रंग का फ़ॉलबैक शामिल करें**।

### प्रोडक्ट इमेज के दिशानिर्देश

प्रोडक्ट दिखाने वाले ई-कॉमर्स ईमेल के लिए:

- सभी प्रोडक्ट के लिए एक जैसे आयाम
- सफ़ेद या हल्के बैकग्राउंड
- जहाँ संभव हो कई कोणों से तस्वीरें
- प्रोडक्ट इमेज के लिए कम से कम 300px चौड़ाई
- सीधे प्रोडक्ट पेज से लिंक करें

## भाग 4: मोबाइल ईमेल डिज़ाइन

मोबाइल का व्यवहार लिस्ट और इंडस्ट्री के हिसाब से बदलता है, लेकिन हर आधुनिक ईमेल प्रोग्राम को मोबाइल-सुरक्षित डिज़ाइन चाहिए। अपनी ईमेल क्लाइंट रिपोर्टिंग जाँचें, फिर मोबाइल QA को भेजने से पहले का अनिवार्य कदम बनाएं।

### मोबाइल डिज़ाइन के सिद्धांत

**मोबाइल-फ़र्स्ट तरीका:**

1. पहले सबसे छोटी स्क्रीन के लिए डिज़ाइन करें
2. कंटेंट को एक के नीचे एक रखें
3. टैप टारगेट बड़े करें
4. नेविगेशन सरल बनाएं
5. असली डिवाइस पर टेस्ट करें

### रिस्पॉन्सिव डिज़ाइन की तकनीकें

**मोबाइल के लिए मीडिया क्वेरी:**

```css
@media screen and (max-width: 600px) {
  .content {
    width: 100% !important;
    padding: 10px !important;
  }
  .hide-mobile {
    display: none !important;
  }
}
```

### टच के अनुकूल डिज़ाइन

**टैप टारगेट का न्यूनतम आकार:**

| एलिमेंट | न्यूनतम आकार |
| --- | --- |
| बटन | 44 x 44 पिक्सल |
| लिंक | 44px ऊँचाई |
| लिंक के बीच जगह | 10px |

**CTA बटन टेम्पलेट:**

```
       अभी खरीदें

       कम से कम 44px ऊँचाई
```

### मोबाइल टाइपोग्राफ़ी

**मोबाइल के लिए फ़ॉन्ट में बदलाव:**

- बॉडी टेक्स्ट: कम से कम 16px (iOS पर ज़ूम होने से बचाता है)
- हेडलाइन: 24-28px
- लाइन हाइट: मोबाइल के लिए 10% बढ़ाएं
- पैराग्राफ़ के बीच जगह: अंगूठे से स्क्रॉल करने के लिए बढ़ाएं

### मोबाइल पर इमेज से जुड़ी बातें

- फ़्लूइड चौड़ाई इस्तेमाल करें (max-width: 100%)
- मोबाइल पर इमेज की संख्या घटाएं
- सजावटी इमेज छिपाने पर विचार करें
- जहाँ संभव हो इमेज के छोटे वर्ज़न लोड करें

### मोबाइल टेस्टिंग चेकलिस्ट

- iOS Mail पर टेस्ट करें
- Gmail ऐप पर टेस्ट करें (iOS और Android)
- Outlook ऐप पर टेस्ट करें
- जाँचें कि मोबाइल डेटा पर इमेज लोड होती हैं
- लोडिंग समय 3 सेकंड से कम है, यह जाँचें
- जाँचें कि टच टारगेट पर्याप्त बड़े हैं
- डार्क मोड रेंडरिंग टेस्ट करें

## भाग 5: ईमेल डिज़ाइन में रंग

रंग भावना पहुँचाता है, ध्यान को दिशा देता है और ब्रांड की पहचान मज़बूत करता है। रंगों का रणनीतिक उपयोग ईमेल के प्रदर्शन को बेहतर बनाता है।

### ईमेल में रंगों का मनोविज्ञान

| रंग | जुड़ाव | किसके लिए सबसे अच्छा |
| --- | --- | --- |
| नीला | भरोसा, शांति | B2B, फ़ाइनेंस, टेक |
| हरा | विकास, सेहत | पर्यावरण, वेलनेस, सफलता |
| लाल | अर्जेंसी, ऊर्जा | सेल, CTA, अलर्ट |
| नारंगी | मित्रवत, कार्रवाई | CTA, हाइलाइट |
| बैंगनी | प्रीमियम, रचनात्मक | लक्ज़री, ब्यूटी |
| पीला | आशावाद, ध्यान | चेतावनी, हाइलाइट |

### रंग कंट्रास्ट की ज़रूरतें

**WCAG 2.1 AA मानक:**

- सामान्य टेक्स्ट: कम से कम 4.5:1 कंट्रास्ट अनुपात
- बड़ा टेक्स्ट (18px से ऊपर): कम से कम 3:1 कंट्रास्ट अनुपात
- UI कंपोनेंट: कम से कम 3:1 कंट्रास्ट अनुपात

एक्सेसिबिलिटी जाँचने के लिए **कंट्रास्ट चेकर का उपयोग करें**:

| संयोजन | कंट्रास्ट अनुपात | पास या फ़ेल |
| --- | --- | --- |
| सफ़ेद पर काला | 21:1 | पास |
| नीले (#0066CC) पर सफ़ेद | 4.8:1 | पास |
| सफ़ेद पर ग्रे (#777) | 4.48:1 | सीमारेखा पर |
| सफ़ेद पर हल्का ग्रे (#AAA) | 2.32:1 | फ़ेल |

### डार्क मोड से जुड़ी बातें

डार्क मोड का व्यवहार ऑपरेटिंग सिस्टम, ऐप और ईमेल क्लाइंट के हिसाब से बदलता है। दोनों मोड के लिए डिज़ाइन करें:

**डार्क मोड की रणनीतियाँ:**

1. **पारदर्शी इमेज:** पारदर्शी बैकग्राउंड वाली PNG इस्तेमाल करें
2. **रंगों का उलटना:** जाँचें कि उलटने पर रंग कैसे दिखते हैं
3. **लोगो के वर्ज़न:** लोगो के हल्के और गहरे, दोनों रूप दें
4. **बॉर्डर से स्पष्टता:** घुलने से बचाने के लिए हल्के बॉर्डर जोड़ें

**डार्क मोड मेटा टैग:**

```html
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
```

### CTA बटन के रंग

CTA आसपास के कंटेंट से अलग दिखने चाहिए:

**CTA रंग का मार्गदर्शन:**

- मुख्य ब्रांड रंग तब इस्तेमाल करें जब वह कंट्रास्ट की ज़रूरतें पूरी करता हो।
- जब ब्रांड पैलेट में बटन का कंट्रास्ट कम हो, तो विपरीत एक्सेंट रंग इस्तेमाल करें।
- अर्जेंसी वाले प्रमोशनल रंगों को अनसब्सक्राइब और शिकायत व्यवहार के हिसाब से परखें।
- सिर्फ़ रंग पर निर्भर न रहें, CTA की कॉपी स्पष्ट रखें।

**बटन डिज़ाइन के विनिर्देश:**

```
   बटन का टेक्स्ट (बड़े अक्षरों में)   बैकग्राउंड: ब्रांड रंग
                                टेक्स्ट: सफ़ेद या गहरा कंट्रास्ट

   पैडिंग: 15px 30px
   बॉर्डर रेडियस: 4-8px
```

## भाग 6: ईमेल डिज़ाइन में एक्सेसिबिलिटी

सुलभ ईमेल डिज़ाइन यह पक्का करता है कि हर कोई, चाहे उसकी क्षमता कुछ भी हो, आपके कंटेंट से जुड़ सके। यह नैतिक भी है और व्यावहारिक भी, सुलभ ईमेल सभी उपयोगकर्ताओं के लिए बेहतर प्रदर्शन करते हैं।

### एक्सेसिबिलिटी की बुनियादी बातें

**मुख्य सिद्धांत (WCAG 2.1):**

1. **बोधगम्य**: कंटेंट को सभी उपयोगकर्ता समझ सकें
2. **संचालन योग्य**: इंटरफ़ेस में चलना और उसे इस्तेमाल करना संभव हो
3. **समझने योग्य**: कंटेंट और संचालन स्पष्ट हों
4. **मज़बूत**: कंटेंट सहायक तकनीकों के साथ काम करे

### स्क्रीन रीडर के साथ संगतता

स्क्रीन रीडर दृष्टिबाधित उपयोगकर्ताओं के लिए आपके ईमेल की व्याख्या करते हैं:

**सर्वोत्तम अभ्यास:**

- सिमैंटिक HTML इस्तेमाल करें (h1, h2, p, ul)
- लेआउट टेबल में role=“presentation” जोड़ें
- HTML टैग में lang एट्रिब्यूट शामिल करें
- सार्थक लिंक टेक्स्ट दें (“यहाँ क्लिक करें” नहीं)
- जटिल एलिमेंट के लिए aria-label इस्तेमाल करें

**उदाहरण:**

```html
<html lang="en">
  <table role="presentation">
    <tr>
      <td>
        <h1>Summer Sale</h1>
        <p>Shop our biggest discounts of the season.</p>
        <a href="/sale" aria-label="Shop summer sale items">
          Shop the Sale
        </a>
      </td>
    </tr>
  </table>
</html>
```

### कीबोर्ड नेविगेशन

कुछ उपयोगकर्ता बिना माउस के ईमेल में चलते हैं:

- पक्का करें कि सभी लिंक फ़ोकस किए जा सकें
- तार्किक टैब क्रम बनाए रखें
- दिखने वाली फ़ोकस स्थिति दें
- कीबोर्ड ट्रैप से बचें

### दृश्य एक्सेसिबिलिटी

**दृष्टि संबंधी सीमाओं वाले उपयोगकर्ताओं के लिए:**

| ज़रूरत | कैसे लागू करें |
| --- | --- |
| रंग कंट्रास्ट | कम से कम 4.5:1 अनुपात |
| सिर्फ़ रंग पर निर्भर न रहें | टेक्स्ट या आइकन जोड़ें |
| आकार बदलने लायक टेक्स्ट | सापेक्ष इकाइयाँ इस्तेमाल करें |
| स्पष्ट फ़ोकस संकेतक | दिखने वाली आउटलाइन |
| ऑल्ट टेक्स्ट | वर्णनात्मक, संक्षिप्त |

### संज्ञानात्मक एक्सेसिबिलिटी

**संज्ञानात्मक सीमाओं वाले उपयोगकर्ताओं के लिए:**

- स्पष्ट, सरल भाषा इस्तेमाल करें
- कंटेंट को छोटे सेक्शन में बाँटें
- एक जैसा नेविगेशन दें
- चमकते हुए कंटेंट से बचें
- ऑटो-प्ले पर उपयोगकर्ता को नियंत्रण दें

### एक्सेसिबिलिटी टेस्टिंग टूल

**सुझाए गए टूल:**

- Litmus Accessibility Checker
- Email on Acid
- WAVE Web Accessibility Evaluation
- स्क्रीन रीडर से टेस्टिंग (NVDA, VoiceOver)

## भाग 7: ईमेल टेम्पलेट और उदाहरण

आम तरह के ईमेल के लिए टेम्पलेट फ़्रेमवर्क के साथ इन सर्वोत्तम अभ्यासों को लागू करें।

### प्रमोशनल ईमेल टेम्पलेट

**उद्देश्य:** तुरंत बिक्री या कन्वर्ज़न कराना

```
  लोगो          शॉप | अकाउंट

      [हीरो इमेज या बैनर]
       गर्मियों की सेल: 30% छूट

     हेडलाइन (असरदार)
     सहायक कॉपी (संक्षिप्त)

         अभी खरीदें

   प्रोडक्ट 1    प्रोडक्ट 2
   [इमेज]        [इमेज]
   $49           $79
   [खरीदें]      [खरीदें]

  फ़ुटर: सोशल | अनसब्सक्राइब
  पता | प्राइवेसी
```

### न्यूज़लेटर टेम्पलेट

**उद्देश्य:** वैल्यू देना और एंगेजमेंट बनाए रखना

```
  लोगो           अंक #42

  मुख्य लेख
  [बड़ी इमेज]
  हेडलाइन और अंश
  [और पढ़ें]

  और कहानियाँ

  [थंब] कहानी 2 की हेडलाइन
        संक्षिप्त अंश...

  [थंब] कहानी 3 की हेडलाइन
        संक्षिप्त अंश...

  त्वरित लिंक
  लिंक 1 | लिंक 2 | लिंक 3

  फ़ुटर
```

### ट्रांज़ैक्शनल ईमेल टेम्पलेट

**उद्देश्य:** कार्रवाई की पुष्टि करना और ज़रूरी जानकारी देना

```
  लोगो

  ऑर्डर कन्फ़र्म हुआ
  धन्यवाद, [Name]!

  ऑर्डर का विवरण

  ऑर्डर #: 12345
  तारीख: 8 मार्च 2026
  कुल: $149.99

  आइटम
  [इमेज] प्रोडक्ट का नाम    $99
  [इमेज] प्रोडक्ट का नाम    $50

  उप-योग:              $149
  शिपिंग:              मुफ़्त
  कुल:                 $149

    ऑर्डर ट्रैक करें

  शिपिंग पता
  जॉन स्मिथ
  123 मेन स्ट्रीट
  शहर, राज्य 12345

  मदद चाहिए? सपोर्ट से संपर्क करें
  फ़ुटर
```

### वेलकम ईमेल टेम्पलेट

**उद्देश्य:** ब्रांड का परिचय देना और पहली कार्रवाई के लिए प्रेरित करना

```
  लोगो

      [हीरो या लाइफ़स्टाइल इमेज]

  [Brand] में आपका स्वागत है, [Name]!

  संक्षिप्त, गर्मजोशी भरा परिचय।
  उन्होंने बेहतरीन फ़ैसला क्यों लिया।

  आपका वेलकम ऑफ़र

  15% छूट
  कोड: WELCOME15

      अभी खरीदें

  हमें अलग क्या बनाता है

  [आइकन] फ़ायदा 1
  [आइकन] फ़ायदा 2
  [आइकन] फ़ायदा 3

  हमें फ़ॉलो करें: सोशल आइकन
  फ़ुटर
```

## भाग 8: ईमेल डिज़ाइन की टेस्टिंग

अच्छी तरह डिज़ाइन किए गए ईमेल भी कुछ क्लाइंट में टूट सकते हैं। पूरी तरह टेस्टिंग करने से समस्याएं आपकी ऑडियंस के देखने से पहले ही पकड़ में आ जाती हैं।

### भेजने से पहले की टेस्टिंग चेकलिस्ट

**कंटेंट की समीक्षा:**

- वर्तनी और व्याकरण जाँचा गया
- सभी लिंक काम कर रहे हैं और ट्रैक हो रहे हैं
- पर्सनलाइज़ेशन टोकन सही काम करते हैं
- सब्जेक्ट लाइन और प्रीहेडर ऑप्टिमाइज़ हैं
- अनसब्सक्राइब लिंक मौजूद है और काम कर रहा है

**डिज़ाइन की समीक्षा:**

- इमेज सही दिखती हैं
- सभी इमेज पर ऑल्ट टेक्स्ट मौजूद है
- मोबाइल रेंडरिंग जाँची गई
- डार्क मोड टेस्ट किया गया
- लोडिंग समय 3 सेकंड से कम है

**तकनीकी समीक्षा:**

- HTML वैध है
- जहाँ ज़रूरी हो वहाँ CSS इनलाइन है
- फ़ाइल का आकार 100KB से कम है
- इमेज भरोसेमंद CDN पर होस्ट हैं

### ईमेल क्लाइंट टेस्टिंग मैट्रिक्स

अपनी ऑडियंस के सबसे लोकप्रिय क्लाइंट में टेस्ट करें:

| प्राथमिकता | ईमेल क्लाइंट |
| --- | --- |
| अत्यंत ज़रूरी | Gmail (वेब), Apple Mail, iOS Mail |
| ज़्यादा | Outlook (Windows), Gmail (मोबाइल) |
| मध्यम | Yahoo Mail, Outlook (Mac) |
| कम | आपकी ऑडियंस के हिसाब से बाकी |

### टेस्टिंग और डिज़ाइन टूल

अपने वर्कफ़्लो के हिसाब से टूल चुनें:

| टूल का प्रकार | उदाहरण | कब इस्तेमाल करें |
| --- | --- | --- |
| कैम्पेन एडिटर | Brevo | जब आप चाहते हैं कि मार्केटर सेंडिंग प्लेटफ़ॉर्म से ही कैम्पेन डिज़ाइन और भेजें |
| डिज़ाइन सिस्टम और प्रीव्यू | Litmus | जब आपको मॉड्यूल, सहयोग, प्रीव्यू और क्लाइंट के हिसाब से QA चाहिए |
| रेंडरिंग और भेजने से पहले QA | Email on Acid | जब आपको लॉन्च से पहले क्लाइंट प्रीव्यू, HTML जाँच और ईमेल QA चाहिए |
| टेम्पलेट बिल्डर | Stripo | जब आपको दोबारा इस्तेमाल होने वाला ड्रैग-एंड-ड्रॉप बिल्डर और HTML एक्सपोर्ट वर्कफ़्लो चाहिए |
| CSS सपोर्ट संदर्भ | Can I email | जब आपको यह जाँचना हो कि कोई HTML या CSS सुविधा ईमेल क्लाइंट में सुरक्षित है या नहीं |

टूल चुनने से पहले मौजूदा कीमतें और प्लान की सीमाएं जाँच लें। कुछ प्रोडक्ट बनाने पर केंद्रित हैं, कुछ QA पर, और कुछ दोनों पर।

### डिज़ाइन एलिमेंट का A/B टेस्ट

प्रदर्शन बेहतर करने के लिए डिज़ाइन के अलग-अलग रूप टेस्ट करें:

| एलिमेंट | टेस्ट के विकल्प |
| --- | --- |
| हीरो इमेज | फ़ोटो बनाम चित्रण |
| CTA का रंग | ब्रांड रंग बनाम विपरीत रंग |
| CTA का टेक्स्ट | ”अभी खरीदें” बनाम “शुरू करें” |
| लेआउट | एक कॉलम बनाम कई कॉलम |
| लंबाई | छोटा बनाम विस्तृत |
| इमेज | इमेज के साथ बनाम बिना इमेज |

## अगले कदम

ईमेल डिज़ाइन एक रचनात्मक अनुशासन भी है और एक उत्पादन प्रणाली भी। लेआउट, टाइपोग्राफ़ी, इमेज, एक्सेसिबिलिटी, रेंडरिंग और QA की प्रक्रिया, सब मिलकर तय करते हैं कि सब्सक्राइबर संदेश समझ पाएंगे और उस पर कार्रवाई कर पाएंगे या नहीं।

इन मुख्य सिद्धांतों को याद रखें:

1. **पहले मोबाइल के लिए डिज़ाइन करें**: हर अहम कैम्पेन को मोबाइल QA चाहिए
2. **इसे सरल रखें**: एक कॉलम, स्पष्ट हायरार्की, एक मुख्य CTA
3. **एक्सेसिबिलिटी को प्राथमिकता दें**: अच्छी एक्सेसिबिलिटी सबके लिए नतीजे बेहतर करती है
4. **अच्छी तरह टेस्ट करें**: भेजने से पहले अलग-अलग क्लाइंट और डिवाइस पर प्रीव्यू देखें
5. **डेटा के आधार पर सुधार करें**: डिज़ाइन एलिमेंट का लगातार A/B टेस्ट करें

बेहतरीन ईमेल डिज़ाइन हर ट्रेंड का पीछा करने के बारे में नहीं है। यह ऐसे स्पष्ट संवाद के बारे में है जो असली इनबॉक्स की परिस्थितियों में भी टिका रहे।

## Tajo कहाँ फिट होता है

Tajo एक इंटीग्रेशन बिल्डर है। इंटीग्रेशन बनाइए। उन पर एजेंट लगाइए। उन्हें एंगेजमेंट चलाने दीजिए। Tajo अभी अर्ली एक्सेस में है। [अर्ली एक्सेस माँगें](https://tajo.io/hi/#early-access)

## अक्सर पूछे जाने वाले प्रश्न

**ईमेल डिज़ाइन क्या है?**

ईमेल डिज़ाइन किसी ईमेल की संरचना, हायरार्की, टाइपोग्राफ़ी, इमेज, बटन, एक्सेसिबिलिटी, रिस्पॉन्सिव व्यवहार, डार्क मोड के प्रबंधन और अलग-अलग ईमेल क्लाइंट में रेंडरिंग QA की योजना बनाना और उसे तैयार करना है।

**मैं ईमेल डिज़ाइन की शुरुआत कैसे करूँ?**

एक कॉलम वाले लेआउट, स्पष्ट हायरार्की, पढ़ने लायक टाइपोग्राफ़ी, एक मुख्य CTA, ऑप्टिमाइज़्ड इमेज, सुलभ कंट्रास्ट, प्लेन-टेक्स्ट विकल्प, मोबाइल प्रीव्यू, डार्क मोड की जाँच और भेजने से पहले रेंडरिंग टेस्ट से शुरुआत करें।

**ईमेल डिज़ाइन में कौन से टूल मदद करते हैं?**

Brevo, Stripo, Litmus, Email on Acid और इसी तरह के टूल बनाने, प्रीव्यू देखने, टेस्ट करने, मिलकर काम करने और रेंडरिंग QA में मदद कर सकते हैं। सही चुनाव इस पर निर्भर करता है कि आपको कैम्पेन एडिटर चाहिए, दोबारा इस्तेमाल होने वाले मॉड्यूल, कोड प्रीव्यू, क्लाइंट टेस्टिंग, एक्सेसिबिलिटी जाँच, या टेम्पलेट में ई-कॉमर्स डेटा।

**हर ईमेल डिज़ाइन QA में क्या शामिल होना चाहिए?**

QA में लिंक, पर्सनलाइज़ेशन, ऑल्ट टेक्स्ट, मोबाइल रेंडरिंग, डार्क मोड, इमेज लोडिंग, कंट्रास्ट, अनसब्सक्राइब और पते की ज़रूरतें, प्लेन-टेक्स्ट विकल्प, फ़ाइल का आकार, मुख्य ईमेल क्लाइंट, और यह जाँचा जाना चाहिए कि डायनामिक कंटेंट के लिए सुरक्षित फ़ॉलबैक हैं या नहीं।

**डिज़ाइन के लिए आदर्श ईमेल चौड़ाई क्या है?**

सबसे अच्छी ईमेल चौड़ाई 600-640 पिक्सल है। इससे सभी मुख्य ईमेल क्लाइंट में संगतता बनी रहती है और हॉरिज़ॉन्टल स्क्रॉलिंग नहीं होती। मोबाइल-फ़र्स्ट डिज़ाइन के लिए कुछ डिज़ाइनर 480px का उपयोग करते हैं। रेंडरिंग की समस्याओं से बचने के लिए 640px से ज़्यादा न जाएं।

**मैं अपने ईमेल को मोबाइल के अनुकूल कैसे बनाऊँ?**

एक कॉलम वाला लेआउट इस्तेमाल करें, न्यूनतम फ़ॉन्ट साइज़ 16px रखें, बटन कम से कम 44x44 पिक्सल के बनाएं, max-width: 100% के साथ फ़्लूइड इमेज इस्तेमाल करें, और असली मोबाइल डिवाइस पर टेस्ट करें। छोटी स्क्रीन के लिए लेआउट ढालने हेतु मीडिया क्वेरी के साथ रिस्पॉन्सिव CSS लागू करें।

**क्या मुझे ईमेल डिज़ाइन में वेब फ़ॉन्ट का उपयोग करना चाहिए?**

आप वेब फ़ॉन्ट इस्तेमाल कर सकते हैं, लेकिन फ़ॉलबैक सिस्टम फ़ॉन्ट भी शामिल करें, क्योंकि Gmail और Windows का Outlook इन्हें सपोर्ट नहीं करते। अपने फ़ॉन्ट स्टैक में पहले वेब फ़ॉन्ट रखें, उसके बाद मिलते-जुलते सिस्टम फ़ॉन्ट। यह पक्का करने के लिए टेस्ट करें कि फ़ॉलबैक फ़ॉन्ट के साथ भी आपका डिज़ाइन ठीक दिखे।

**मैं डार्क मोड के लिए ईमेल कैसे डिज़ाइन करूँ?**

जहाँ संभव हो पारदर्शी PNG इमेज इस्तेमाल करें, जाँचें कि रंग उलटे होने पर कैसे दिखते हैं, लोगो के हल्के और गहरे दोनों वर्ज़न दें, और गहरे बैकग्राउंड में एलिमेंट घुल न जाएं इसके लिए हल्के बॉर्डर जोड़ें। डार्क मोड सपोर्ट का संकेत देने के लिए color-scheme मेटा टैग शामिल करें।

**ईमेल के लिए कौन सा इमेज फ़ाइल फ़ॉर्मैट इस्तेमाल करूँ?**

फ़ोटो और ग्रेडिएंट वाली इमेज के लिए JPEG, पारदर्शिता या टेक्स्ट वाले ग्राफ़िक्स के लिए PNG, और साधारण एनिमेशन के लिए GIF इस्तेमाल करें। बेहतर लोडिंग के लिए सभी इमेज 200KB से कम रखें। ईमेल क्लाइंट में सीमित सपोर्ट की वजह से SVG से बचें।

**एक ईमेल में कितने CTA होने चाहिए?**

कन्वर्ज़न अधिकतम करने के लिए हर ईमेल में एक मुख्य CTA पर ध्यान दें। आप दूसरे CTA भी रख सकते हैं, लेकिन पक्का करें कि आपकी मुख्य कार्रवाई आकार, रंग और जगह से विज़ुअली अलग दिखे। बराबर महत्व वाले कई CTA फ़ैसला लेना मुश्किल बना देते हैं।

**एक्सेसिबिलिटी के लिए न्यूनतम टेक्स्ट कंट्रास्ट अनुपात क्या है?**

WCAG 2.1 के अनुसार सामान्य टेक्स्ट के लिए कम से कम 4.5:1 और बड़े टेक्स्ट (18px या उससे बड़ा) के लिए 3:1 कंट्रास्ट अनुपात ज़रूरी है। यह जाँचने के लिए ऑनलाइन कंट्रास्ट चेकर का उपयोग करें कि आपके रंगों का मेल इन मानकों पर खरा उतरता है।

**मैं अलग-अलग क्लाइंट में ईमेल कैसे टेस्ट करूँ?**

Litmus या Email on Acid जैसे ईमेल टेस्टिंग प्लेटफ़ॉर्म का उपयोग करें जो दर्जनों ईमेल क्लाइंट में प्रीव्यू दिखाते हैं। कम से कम Gmail (वेब और मोबाइल), Apple Mail, iOS Mail और Outlook (Windows) में टेस्ट करें। अपनी ऑडियंस के सबसे ज़्यादा इस्तेमाल किए जाने वाले क्लाइंट के आधार पर टेस्टिंग मैट्रिक्स बनाएं।

**क्या मुझे अपने ईमेल का प्लेन-टेक्स्ट वर्ज़न शामिल करना चाहिए?**

हाँ, हमेशा प्लेन-टेक्स्ट विकल्प शामिल करें। कुछ उपयोगकर्ता प्लेन टेक्स्ट पसंद करते हैं, और इससे डिलीवरेबिलिटी में भी मदद मिलती है। आपका ईमेल सर्विस प्रोवाइडर आम तौर पर इसे अपने आप बना देता है, लेकिन पढ़ने लायक होने के लिए इसकी समीक्षा ज़रूर करें।

**मार्केटिंग ईमेल कितने लंबे होने चाहिए?**

लंबाई को उद्देश्य से मिलाएं: प्रमोशनल ईमेल मज़बूत विज़ुअल के साथ 50-125 शब्द के हों, न्यूज़लेटर स्कैन करने लायक सेक्शन के साथ 200-500 शब्द के हो सकते हैं, और शैक्षिक कंटेंट लंबा हो सकता है पर सुव्यवस्थित होना चाहिए। लंबाई चाहे जो हो, स्कैन करने में आसानी पर ध्यान दें, और टेस्ट करके देखें कि आपकी ऑडियंस के लिए क्या काम करता है।

## संबंधित लेख

### [ईमेल डिज़ाइन टूल स्टैक गाइड: वर्कफ़्लो के अनुसार Brevo, Stripo, Beefree, Unlayer, Chamaileon, Mailchimp और Knak (2026)](https://tajo.io/hi/blog/the-7-best-email-design-tools/)

15 जन॰ 2025 · 7 मिनट पढ़ें

6 खंड

### [न्यूज़लेटर डिज़ाइन गाइड](https://tajo.io/hi/blog/newsletter-design-guide/)

26 मार्च 2026 · 10 मिनट पढ़ें

11 खंड

### [ईमेल टेम्पलेट गाइड: लाइफ़साइकल ढांचे, लेआउट पैटर्न, कॉपी ब्लॉक और QA चेकलिस्ट (2026)](https://tajo.io/hi/blog/email-templates-guide/)

8 मार्च 2025 · 13 मिनट पढ़ें

16 खंड