ای میل مارکیٹنگ اور آٹومیشنموبائل اور ٹیبلٹ مارکیٹنگ

16 موبائل فرینڈلی ایچ ٹی ایم ایل ای میل کی بہترین پریکٹسز جو ان باکس کی جگہ اور مصروفیت کو زیادہ سے زیادہ کرتی ہیں

2023 میں، یہ امکان ہے کہ موبائل ای میل کھولنے کے لیے بنیادی ڈیوائس کے طور پر ڈیسک ٹاپ کو پیچھے چھوڑ دے گا۔ درحقیقت، HubSpot نے اسے پایا 46 فیصد تمام ای میلز اب موبائل پر کھلتی ہیں۔ اگر آپ موبائل کے لیے ای میلز ڈیزائن نہیں کر رہے ہیں، تو آپ میز پر بہت ساری مصروفیات اور پیسے چھوڑ رہے ہیں۔

  1. ای میل کی توثیق: آپ کو یقینی بنانا ای میلز تصدیق شدہ ہیں۔ بھیجنے والے ڈومین پر اور IP ایڈریس ان باکس میں جانے کے لیے اہم ہے اور اسے کسی فضول یا اسپام فولڈر تک نہیں پہنچایا جاتا ہے۔ یقیناً یہ بھی ضروری ہے کہ آپ ایک ایسے پلیٹ فارم کا استعمال کرتے ہوئے ای میل سے آپٹ آؤٹ کرنے کا ذریعہ فراہم کریں جس میں ان سبسکرائب کا لنک شامل ہو۔
  2. جوابانہ خاکہ: ۔ HTML ای میل ہونا چاہئے جوابدہ ہونے کے لیے ڈیزائن کیا گیا ہے۔، جس کا مطلب ہے کہ یہ اس ڈیوائس کی اسکرین کے سائز میں ایڈجسٹ کر سکتا ہے جس پر اسے دیکھا جا رہا ہے۔ یہ یقینی بناتا ہے کہ ای میل ڈیسک ٹاپ اور موبائل آلات دونوں پر اچھی لگتی ہے۔
  3. واضح اور جامع موضوع لائن: موبائل صارفین کے لیے ایک واضح اور جامع سبجیکٹ لائن اہم ہے کیونکہ وہ اپنے ای میل پیش نظارہ پین میں سبجیکٹ لائن کے صرف ابتدائی چند الفاظ دیکھ سکتے ہیں۔ یہ مختصر ہونا چاہئے اور ای میل کے مواد کی درست عکاسی کرتا ہے۔ ای میل کی سبجیکٹ لائن کی بہترین کردار کی لمبائی متعدد عوامل پر منحصر ہوتی ہے، جیسے ای میل کا مواد، سامعین، اور ای میل کلائنٹ استعمال کیا جا رہا ہے۔ تاہم، زیادہ تر ماہرین ای میل کے موضوع کی لائنوں کو مختصر اور نقطہ نظر رکھنے کی تجویز کرتے ہیں، عام طور پر 41-50 حروف یا 6-8 الفاظ کے درمیان۔ موبائل آلات پر، 50 حروف سے زیادہ لمبی سبجیکٹ لائنیں کٹ سکتی ہیں، اور بعض صورتوں میں، سبجیکٹ لائن کے صرف ابتدائی چند الفاظ دکھا سکتے ہیں۔ اس سے وصول کنندہ کے لیے ای میل کے مرکزی پیغام کو سمجھنا مشکل ہو سکتا ہے اور ای میل کے کھلنے کے امکانات کم ہو سکتے ہیں۔
  4. پری ہیڈر: ای میل پری ہیڈر ایک ای میل کے مواد کا ایک مختصر خلاصہ ہے جو ای میل کلائنٹ کے ان باکس میں سبجیکٹ لائن کے آگے یا نیچے ظاہر ہوتا ہے۔ یہ ایک اہم عنصر ہے جو آپٹمائز ہونے پر آپ کی ای میلز کی اوپن ریٹ کو متاثر کر سکتا ہے۔ زیادہ تر کلائنٹس ایچ ٹی ایم ایل اور سی ایس ایس کو شامل کرتے ہیں تاکہ یہ یقینی بنایا جا سکے کہ پری ہیڈر کا متن صحیح طریقے سے ترتیب دیا گیا ہے۔
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* CSS for desktop styles */
      @media only screen and (min-width: 600px) {
        /* desktop styles here */
      }
      /* CSS for mobile styles */
      @media only screen and (max-width: 599px) {
        /* mobile styles here */
      }
    </style>
  </head>
  <body>
    <!-- Intro text for preview -->
    <div style="display:none; max-height:0px; overflow:hidden;">
      This is the intro text that will appear in the email preview, but won't be visible in the email itself.
    </div>
    
    <!-- Main email content -->
    <div style="max-width:600px; margin:0 auto;">
      <!-- Content goes here -->
    </div>
  </body>
</html>
  1. سنگل کالم لے آؤٹ: ای میلز جو سنگل کالم لے آؤٹ کے ساتھ ڈیزائن کی گئی ہیں موبائل آلات پر پڑھنا آسان ہے۔ مواد کو منطقی ترتیب میں ترتیب دیا جانا چاہیے اور اسے ایک سادہ، پڑھنے میں آسان فارمیٹ میں پیش کیا جانا چاہیے۔ اگر آپ کے پاس ایک سے زیادہ کالم ہیں، تو CSS کو استعمال کرنے سے کالموں کو سنگل کالم لے آؤٹ میں خوبصورتی سے ترتیب دیا جا سکتا ہے۔

یہ ہے ایک HTML ای میل لے آؤٹ جو کہ ڈیسک ٹاپ پر 2 کالم ہے اور موبائل اسکرینز پر ایک کالم پر ٹوٹ جاتا ہے:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* CSS for desktop styles */
      @media only screen and (min-width: 600px) {
        .container {
          display: flex;
          flex-wrap: wrap;
        }
        .col {
          flex: 1;
          padding: 10px;
        }
        .col.left {
          order: 1;
        }
        .col.right {
          order: 2;
        }
      }
      /* CSS for mobile styles */
      @media only screen and (max-width: 599px) {
        .container {
          display: block;
        }
        .col {
          width: 100%;
          padding: 10px;
        }
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="col left">
        <!-- Content for left column -->
      </div>
      <div class="col right">
        <!-- Content for right column -->
      </div>
    </div>
  </body>
</html>

یہ ہے ایک HTML ای میل لے آؤٹ جو کہ ڈیسک ٹاپ پر 3 کالم ہے اور موبائل اسکرینز پر ایک کالم پر ٹوٹ جاتا ہے:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* CSS for desktop styles */
      @media only screen and (min-width: 600px) {
        .container {
          display: flex;
          flex-wrap: wrap;
        }
        .col {
          flex: 1;
          padding: 10px;
        }
        .col.left {
          order: 1;
        }
        .col.middle {
          order: 2;
        }
        .col.right {
          order: 3;
        }
      }
      /* CSS for mobile styles */
      @media only screen and (max-width: 599px) {
        .container {
          display: block;
        }
        .col {
          width: 100%;
          padding: 10px;
        }
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="col left">
        <!-- Content for left column -->
      </div>
      <div class="col middle">
        <!-- Content for middle column -->
      </div>
      <div class="col right">
        <!-- Content for right column -->
      </div>
    </div>
  </body>
</html>
  1. لائٹ اور ڈارک موڈ: ذیادہ تر ای میل کلائنٹس لائٹ اور ڈارک موڈ کو سپورٹ کرتے ہیں۔ CSS prefers-color-scheme صارف کی ترجیحات کو ایڈجسٹ کرنے کے لیے۔ اس بات کو یقینی بنائیں کہ آپ کا پس منظر شفاف ہو جہاں تصویر کی اقسام استعمال کریں۔ یہاں کوڈ کی ایک مثال ہے۔
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* Light mode styles */
      body {
        background-color: #ffffff;
        color: #333333;
      }
      .container {
        background-color: #f9f9f9;
      }
      .text {
        border: 1px solid #cccccc;
      }
      /* Dark mode styles */
      @media (prefers-color-scheme: dark) {
        body {
          background-color: #333333;
          color: #f9f9f9;
        }
        .container {
          background-color: #333333;
        }
        .text {
          border: 1px solid #f9f9f9;
        }
      }
      /* Common styles for both modes */
      .container {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
      }
      .col {
        flex: 1;
        margin: 10px;
      }
      img {
        max-width: 100%;
        height: auto;
      }
      h2 {
        font-size: 24px;
        margin-bottom: 10px;
      }
      p {
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="col">
        <img src="image1.jpg" alt="Image 1">
        <div class="text">
          <h2>Heading 1</h2>
          <p>Text for column 1 goes here.</p>
        </div>
      </div>
      <div class="col">
        <img src="image2.jpg" alt="Image 2">
        <div class="text">
          <h2>Heading 2</h2>
          <p>Text for column 2 goes here.</p>
        </div>
      </div>
      <div class="col">
        <img src="image3.jpg" alt="Image 3">
        <div class="text">
          <h2>Heading 3</h2>
          <p>Text for column 3 goes here.</p>
        </div>
      </div>
    </div>
  </body>
</html>
  1. بڑے، پڑھنے کے قابل فونٹس: فونٹ کے سائز اور انداز کا انتخاب کیا جانا چاہیے تاکہ متن کو چھوٹی اسکرین پر پڑھنا آسان ہو۔ کم از کم 14pt فونٹ کا سائز استعمال کریں اور ایسے فونٹس استعمال کرنے سے گریز کریں جنہیں چھوٹی اسکرینوں پر پڑھنا مشکل ہو۔ عام طور پر استعمال ہونے والے فونٹس میں مختلف ای میل کلائنٹس میں مستقل طور پر پیش ہونے کا زیادہ امکان ہوتا ہے، اس لیے Arial، Helvetica، Times New Roman، Georgia، Verdana، Tahoma، اور Trebuchet MS کا استعمال عام طور پر محفوظ فونٹس ہیں۔ اگر آپ حسب ضرورت فونٹ استعمال کرتے ہیں، تو یقینی بنائیں کہ آپ کے CSS میں فال بیک فونٹ کی نشاندہی کی گئی ہے:
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* Custom font */
      @font-face {
        font-family: 'My Custom Font';
        src: url('my-custom-font.woff2') format('woff2'),
             url('my-custom-font.woff') format('woff');
        font-weight: normal;
        font-style: normal;
      }
      /* Fallback font */
      body {
        font-family: 'My Custom Font', Arial, sans-serif;
      }
      /* Other styles */
      h1 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      p {
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <h1>My Custom Font Example</h1>
    <p>This text uses the custom font 'My Custom Font'. If the font is not supported, the fallback font 'Arial' will be used instead.</p>
  </body>
</html>
  1. تصاویر کا بہترین استعمال: امیجز لوڈ کے اوقات کو کم کر سکتی ہیں اور ہو سکتا ہے کہ تمام موبائل آلات پر مناسب طریقے سے ڈسپلے نہ ہوں۔ امیجز کو تھوڑا سا استعمال کریں، اور یقینی بنائیں کہ ان کا سائز اور سائز ہے۔ کمپیکٹ موبائل دیکھنے کے لیے۔ اگر ای میل کلائنٹ ان کو روکتا ہے تو اپنی تصاویر کے لیے Alt ٹیکسٹ ضرور بھریں۔ تمام تصاویر کو محفوظ کیا جانا چاہئے اور ایک محفوظ ویب سائٹ سے حوالہ دیا جانا چاہئے (SSL)۔ HTML ای میل میں جوابی تصویروں کا مثالی کوڈ یہ ہے۔
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* CSS for desktop styles */
      @media only screen and (min-width: 600px) {
        .container {
          display: flex;
          flex-wrap: wrap;
        }
        .col {
          flex: 1;
          padding: 10px;
        }
        .col.left {
          order: 1;
        }
        .col.middle {
          order: 2;
        }
        .col.right {
          order: 3;
        }
        .single-pane {
          width: 100%;
        }
        img {
          max-width: 100%;
          height: auto;
        }
      }
      /* CSS for mobile styles */
      @media only screen and (max-width: 599px) {
        .container {
          display: block;
        }
        .col {
          width: 100%;
          padding: 10px;
        }
      }
    </style>
  </head>
  <body>
    <!-- 3-column section with images -->
    <div class="container">
      <div class="col left">
        <img src="image1.jpg" alt="Image 1">
        <!-- Content for left column -->
      </div>
      <div class="col middle">
        <img src="image2.jpg" alt="Image 2">
        <!-- Content for middle column -->
      </div>
      <div class="col right">
        <img src="image3.jpg" alt="Image 3">
        <!-- Content for right column -->
      </div>
    </div>
  </body>
</html>
  1. کال ٹو ایکشن صاف کریں (CTA): کسی بھی ای میل میں ایک واضح اور نمایاں CTA اہم ہے، لیکن یہ خاص طور پر موبائل دوستانہ ای میل میں اہم ہے۔ یقینی بنائیں کہ CTA تلاش کرنا آسان ہے اور یہ اتنا بڑا ہے کہ موبائل ڈیوائس پر کلک کیا جا سکے۔ اگر آپ بٹن کو شامل کرتے ہیں، تو آپ اس بات کو یقینی بنا سکتے ہیں کہ آپ نے انہیں ان لائن اسٹائل ٹیگز کے ساتھ CSS میں بھی لکھا ہے:
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* Desktop styles */
      .button {
        display: inline-block;
        background-color: #4CAF50;
        color: #ffffff;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
      }
      /* Mobile styles */
      @media only screen and (max-width: 600px) {
        .button {
          display: block;
          width: 100%;
        }
      }
    </style>
  </head>
  <body>
    <h1>Sample Responsive Email</h1>
    <p>This is an example of a responsive email with a button.</p>
    <a href="#" class="button" style="background-color: #4CAF50; color: #ffffff; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-size: 16px; font-weight: bold;">Click Here</a>
  </body>
</html>
  1. مختصر اور جامع مواد: ای میل کے مواد کو مختصر اور نقطہ نظر رکھیں۔ HTML ای میل کے لیے حروف کی حد استعمال کیے جانے والے ای میل کلائنٹ کے لحاظ سے مختلف ہو سکتی ہے۔ تاہم، زیادہ تر ای میل کلائنٹس ای میلز کے لیے زیادہ سے زیادہ سائز کی حد لگاتے ہیں، عام طور پر 1024-2048 کلو بائٹس کے درمیان (KB)، جس میں HTML کوڈ اور کوئی بھی تصاویر یا منسلکات دونوں شامل ہیں۔ چھوٹی اسکرین پر سکرول اور پڑھنے کے دوران مواد کو آسانی سے اسکین کرنے کے قابل بنانے کے لیے ذیلی عنوانات، بلٹ پوائنٹس، اور فارمیٹنگ کی دیگر تکنیکوں کا استعمال کریں۔
  2. انٹرایکٹو عناصر: شامل انٹرایکٹو عناصر جو آپ کے سبسکرائبر کی توجہ حاصل کرے گا آپ کے ای میل سے مشغولیت، فہم، اور تبادلوں کی شرح کو بڑھا دے گا۔ متحرک GIFs۔، الٹی گنتی ٹائمرز، ویڈیوز، اور دیگر عناصر اسمارٹ فون ای میل کلائنٹس کی اکثریت کے ذریعہ تعاون یافتہ ہیں۔
  3. نجیکرت: کسی مخصوص سبسکرائبر کے لیے سلام اور مواد کو ذاتی بنانا مصروفیت کو نمایاں طور پر بڑھا سکتا ہے، بس اس بات کو یقینی بنائیں کہ آپ اسے درست کر رہے ہیں! مثلاً اگر پہلے نام والے فیلڈ میں کوئی ڈیٹا نہیں ہے تو فال بیکس ہونا ضروری ہے۔
  4. متحرک مواد: مواد کی تقسیم اور تخصیص آپ کی رکنیت ختم کرنے کی شرح کو کم کر سکتا ہے اور آپ کے سبسکرائبرز کو مصروف رکھ سکتا ہے۔
  5. مہم کا انضمام: زیادہ تر جدید ای میل سروس فراہم کنندگان میں خود بخود شامل ہونے کی صلاحیت ہے۔ UTM مہم کے استفسارات ہر لنک کے لیے تاکہ آپ ای میل کو اینالیٹکس میں بطور چینل دیکھ سکیں۔
  6. ترجیحی مرکز: ای میلز کے لیے صرف آپٹ ان یا آپٹ آؤٹ اپروچ کے لیے ای میل مارکیٹنگ بہت اہم ہے۔ ایک ترجیحی مرکز کو شامل کرنا جہاں آپ کے سبسکرائبرز تبدیل کر سکتے ہیں کہ وہ کتنی بار ای میلز وصول کرتے ہیں اور کون سا مواد ان کے لیے اہم ہے مشغول سبسکرائبرز کے ساتھ ایک مضبوط ای میل پروگرام رکھنے کا ایک بہترین طریقہ ہے!
  7. ٹیسٹ، ٹیسٹ، ٹیسٹ: اپنے ای میل کی متعدد ڈیوائسز پر جانچ کرنا یقینی بنائیں یا کسی ایپلیکیشن کو استعمال کریں۔ ای میل کلائنٹس میں اپنی ای میلز کا پیش نظارہ کریں۔ اس بات کو یقینی بنانے کے لیے کہ یہ آپ کے بھیجنے سے پہلے مختلف اسکرین سائزز اور آپریٹنگ سسٹمز پر اچھا لگ رہا ہے اور صحیح طریقے سے کام کرتا ہے۔ لٹمس رپورٹ کرتا ہے کہ سب سے اوپر 3 سب سے زیادہ مقبول موبائل کھلے ماحول ایک ہی ہیں: Apple iPhone (iOS Mail)، Google Android، Apple iPad (iPadOS Mail)۔ اس کے علاوہ، آپ کی کھلی اور کلک کے ذریعے کی شرحوں کو بہتر بنانے کے لیے اپنے موضوع کی لائنوں اور مواد کے ٹیسٹ تغیرات کو شامل کریں۔ بہت سے ای میل پلیٹ فارمز اب خودکار ٹیسٹنگ کو شامل کرتے ہیں جو فہرست کا نمونہ بنائے گا، جیتنے والے تغیرات کی نشاندہی کرے گا، اور باقی سبسکرائبرز کو بہترین ای میل بھیجے گا۔

اگر آپ کی کمپنی موبائل ریسپانسیو ای میلز کو ڈیزائن کرنے، جانچنے اور ان پر عمل درآمد کرنے میں مشکلات کا سامنا کر رہی ہے تو میری فرم سے رابطہ کرنے میں ہچکچاہٹ محسوس نہ کریں۔ DK New Media عملی طور پر ہر ای میل سروس فراہم کنندہ کے نفاذ کا تجربہ ہے (ESP).

Douglas Karr

Douglas Karr کا سی ایم او ہے۔ OpenINSIGHTS اور کے بانی Martech Zone. Douglas نے درجنوں کامیاب MarTech اسٹارٹ اپس کی مدد کی ہے، Martech کے حصول اور سرمایہ کاری میں $5 بلین سے زیادہ کی مستعدی میں مدد کی ہے، اور کمپنیوں کو ان کی سیلز اور مارکیٹنگ کی حکمت عملیوں کو نافذ کرنے اور خودکار کرنے میں مدد کرنا جاری رکھے ہوئے ہے۔ ڈگلس ایک بین الاقوامی سطح پر تسلیم شدہ ڈیجیٹل تبدیلی اور MarTech ماہر اور اسپیکر ہے۔ ڈگلس ڈمی کی گائیڈ اور بزنس لیڈر شپ کی کتاب کے شائع شدہ مصنف بھی ہیں۔

متعلقہ مضامین

واپس اوپر بٹن
کلوز

ایڈ بلاک کا پتہ چلا

Martech Zone آپ کو یہ مواد بغیر کسی قیمت کے فراہم کرنے کے قابل ہے کیونکہ ہم اپنی سائٹ کو اشتھاراتی آمدنی، ملحقہ لنکس اور اسپانسرشپ کے ذریعے منیٹائز کرتے ہیں۔ اگر آپ ہماری سائٹ کو دیکھتے ہی اپنے ایڈ بلاکر کو ہٹا دیں تو ہم اس کی تعریف کریں گے۔