أفضل ممارسات البريد الإلكتروني بتنسيق HTML: هل رسائل البريد الإلكتروني للصور فقط سيئة للتسويق؟

نشرت: 2022-11-24

تضع الشركات الناجحة أولوية عالية لتطبيق معايير علامتها التجارية - وهذا صحيح. إنه تمثيل مرئي للعلاقة التي تربطهم بعملائهم ، ويحافظون على هذه العلاقة من خلال استخدام نفس الخطوط والألوان والشعار وتصميم الصور دائمًا.

لهذا السبب قد يكون الأمر مزعجًا للغاية عندما تبدأ في صياغة إستراتيجية تسويق عبر البريد الإلكتروني لعميلك فقط لإدراك أنك مقيد بالخطوط الآمنة للويب ، ولا يمكنك بسهولة تراكب الكلمات على الصور ، ولا يمكنك التحكم في المظهر الدقيق للنص لأن المساحة المتروكة أو الهوامش تختلف باختلاف البريد الوارد.

لهذا السبب ، قد تميل إلى إنشاء قالب للصور فقط بحيث يبدو بريدك الإلكتروني دائمًا بالطريقة التي تريدها تمامًا. لسوء الحظ ، هذه إستراتيجية قصيرة النظر من المحتمل أن تسبب مشاكل أكثر مما تحل. استمر في القراءة لمعرفة السبب (وما الذي يجب عليك فعله بدلاً من ذلك).

لماذا يجب تجنب رسائل البريد الإلكتروني للصور فقط

للأسف ، فوائد رسائل البريد الإلكتروني للصور فقط لا تفوق السلبيات. فيما يلي بعض الأسباب التي يجب أن تتجنبها.

يمكن أن تسبب مشاكل التسليم

عندما يتعلق الأمر بصياغة حملات البريد الإلكتروني الخاصة بك ، يجب أن تكون الأولوية القصوى للتسليم دائمًا. غالبًا ما يتم إرسال رسائل البريد الإلكتروني الخاصة بالصور فقط مباشرةً إلى مجلد الرسائل غير المرغوب فيها لأنها يمكن أن تكون تكتيكًا يستخدمه المحتالون للتحايل على عوامل تصفية النص الموضوعة للكشف عن الصياغة الهجومية أو المخادعة.

يؤثر الحجم الإجمالي لملف بريدك الإلكتروني أيضًا على قابلية التسليم ، كما هو موضح في هذا البريد الإلكتروني في المقالة الحمضية ، كما أن رسائل البريد الإلكتروني للصور فقط أكبر بكثير من رسائل البريد الإلكتروني بتنسيق HTML.

قد تكون بطيئة في التحميل - أو لا تظهر على الإطلاق

قد يتم إيقاف تشغيل الصور في بعض برامج البريد الإلكتروني بشكل افتراضي لأسباب أمنية أو لحماية المستخدمين من المحتوى أو البرامج الضارة التي يحتمل أن تكون مسيئة. إذا أنشأت بريدًا إلكترونيًا مخصصًا للصور فقط ، فلن يروا شيئًا سوى جدار من رموز الصور المعطلة ، مثل الأمثلة الموضحة في هذه المقالة عباد الشمس حول حظر الصور.

يمكن لرسائل البريد الإلكتروني التي تحتوي على صور ثقيلة أن تزيد بشكل كبير من الوقت الذي يستغرقه تحميل البريد الإلكتروني ، مما قد يضر بمشاركة المستخدم. يقضي الأشخاص ما متوسطه 10-13 ثانية في قراءة بريد إلكتروني فردي ؛ هذا يعني أنه إذا كان هناك أي تأخير أثناء تحميل الصور ، فإن نافذة الفرصة الضيقة بالفعل لتوصيل رسالتك ستتقلص بشكل أكبر.

يتنازلون عن إمكانية الوصول

سيواجه الأشخاص المعاقون بصريًا وقتًا أكثر صعوبة في استخدام جهاز قراءة الشاشة لتفسير رسالة بريد إلكتروني تحتوي على صورة فقط. على الرغم من أن الصور في رسالة البريد الإلكتروني يجب أن تحتوي دائمًا على نص بديل وصفي ذي صلة بمحتوى البريد الإلكتروني ، إلا أنه لا يُقصد بها أن تحل محل نص البريد الإلكتروني بالكامل.

امرأتان كبيرتان في السن تجلسان بجوار بعضهما وتستخدمان أقراص.

لم يتم تحسينها للجوال

إذا صممت بريدًا إلكترونيًا مخصصًا للصور فقط لسطح المكتب ، فسيقوم عميلك بالتحديق لرؤيتها على أجهزتهم المحمولة. من ناحية أخرى ، إذا قمت بتصميمها بحيث يسهل قراءتها على الهواتف ، فستبدو كبيرة بشكل كرتوني على شاشة الكمبيوتر.

يظهر نفس التصميم سريع الاستجابة على شاشة الكمبيوتر المحمول والهاتف والجهاز اللوحي.

فهي ليست قابلة للبحث مثل رسائل البريد الإلكتروني بتنسيق HTML

إذا أرسلت رسالة بريد إلكتروني تحتوي على معلومات يريد أحد جهات الاتصال الرجوع إليها لاحقًا ، مثل قسيمة أو حدث قادم ، فسيواجهون صعوبة أكبر في البحث في صندوق الوارد الخاص بهم عن رسالتك إذا كان النص كله يعتمد على الصور.

الآن بعد أن أصبحت على دراية بجميع الأسباب التي تمنعك من إنشاء رسائل بريد إلكتروني تحتوي على صور فقط ، فإليك بعض أفضل الممارسات التي يجب وضعها في الاعتبار عند صياغة رسائل بريد إلكتروني بتنسيق HTML جميلة وفعالة.

أفضل الممارسات لإنشاء رسائل بريد إلكتروني بتنسيق HTML

هل هذا يعني أنه يجب عليك تجنب وجود صور في رسائل البريد الإلكتروني الخاصة بك؟ لا على الاطلاق! تقترح معظم الموارد نسبة نص إلى صورة 60/40 لتحقيق أفضل توازن بين إمكانية التسليم وتجربة مستخدم مثالية. جرب هذه الاستراتيجيات لإنشاء رسائل بريد إلكتروني يكون لها تأثير سواء مع ظهور الصور أو بدونها.

قلل حجم صورك قدر الإمكان

لا يزال بإمكانك - ويجب - تضمين الصور في بريدك الإلكتروني ، ولكن يجب تصغير حجم ملفها قبل إضافتها إلى قالب البريد الإلكتروني الخاص بك.

لتصدير صورك إلى بريد إلكتروني من Photoshop ، حدد File> Export> Save for Web. بالنسبة للصور المعتمة مثل الصور الفوتوغرافية ، سيسمح تنسيق ملف JPEG بحجم ملف أصغر من PNG. بالنسبة للصور الموضحة مثل الشعارات التي تتطلب الشفافية ، فإن PNG هي الخيار المثالي.

إذا لم يكن لديك وصول إلى Photoshop ، فإن أداة ضغط الصور المجانية عبر الإنترنت مثل tinypng يمكن أن تساعد في تقليل أحجام الصور إلى الحد الأدنى.

استخدم النص المباشر

في معظم الحالات ، يجب أن تكون جميع صياغة البريد الإلكتروني عبارة عن نص بتنسيق HTML يمكن تحديده بمؤشر وقراءته بواسطة جهاز قراءة الشاشة. على الرغم من أن القائمة الأصلية للخطوط الآمنة للويب هي خيارك الأكثر أمانًا ، فقد تعرض بعض صناديق البريد الوارد خطك (على سبيل المثال ، سيعرض Gmail خطوط Google).

يمكنك دائمًا اختيار استخدام خط علامتك التجارية أولاً مع الخطوط الآمنة للويب كخيار احتياطي. باستخدام الفواصل في CSS ، فإنك تخبر البريد الوارد باستخدام الخط الأول إن أمكن ، ثم الخط الثاني إن أمكن ، وأخيراً أي خط sans-serif آخر إذا لم يتوفر الخطان الآخران.

 <style=”font-family: 'KoHo', Arial, sans-serif”>

إنشاء أزرار مضادة للرصاص

الزر المضاد للرصاص هو أي زر بريد إلكتروني يتم إنشاؤه باستخدام HTML بدلاً من صورة. يمكن إجراؤها باستخدام عدة طرق بما في ذلك الحشو أو الحدود أو لغة توصيف المتجهات (VML).

يمكن أن يساعدك مُنشئ زر البريد الإلكتروني المضاد للرصاص في إنشاء زر منمق يتم عرضه بشكل جميل في معظم صناديق البريد الوارد ، بما في ذلك Outlook.

مبادلة الصور بـ Gif للحصول على أقصى تأثير

قد تتفاجأ عندما تعلم أن الصورة المتحركة يمكن أن تكون أصغر في حجم الملف من الصورة. كل ذلك يعود إلى مدى تعقيد الصورة وعدد وحدات البكسل التي تتغير بين الإطارات.

توفر هذه المقالة العديد من الاستراتيجيات التفصيلية لإنشاء صور متحركة بحجم معقول لرسائل البريد الإلكتروني الخاصة بك. تتضمن بعض هذه النصائح ما يلي:

  • قطع بدلا من أن يتلاشى من أجل التحولات
  • استخدام عناصر متجهية مصورة بدلاً من الصور
  • استخدام تراكب للحد من لوحة الألوان

قم بتضمين رابط "عرض في المستعرض" في الجزء العلوي من بريدك الإلكتروني

يفضل بعض المستخدمين إيقاف تشغيل الصور افتراضيًا ، أو قد لا يتمكنون من التحكم في هذه الميزة لأن لديهم صندوق بريد في مكان العمل به ميزات أمان مضمنة.

هذا هو السبب في أنه من الجيد دائمًا تضمين رابط "عرض في المتصفح" في الجزء العلوي من بريدك الإلكتروني حتى تتمكن جهة الاتصال من رؤية البريد الإلكتروني كما تم تصميمه في الأصل.

استخدم عناصر النص بدلاً من أيقونات الصور

قم بتجربة العناصر المستندة إلى النص / CSS بدلاً من الصور عندما يكون ذلك ممكنًا. على سبيل المثال ، بدلاً من إنشاء صورة سهم ، تحقق مما إذا كان هناك خط آمن للويب يتضمن واحدًا. يمكنك جوجل "ASCII" أو "Unicode" متبوعة بكلمتك الرئيسية للتحقق. يعرض هذا المخطط جميع الرموز التي ربما لم تكن تعرفها جزءًا من عائلة الخطوط Arial.

اجعل الصور عنصر تمييز اختياري

من الاتجاهات الحديثة التي لاحظناها رسائل البريد الإلكتروني التي تستخدم الصور لتندمج بسلاسة في الخلفيات ذات الألوان الصلبة. يعطي هذا وهم البريد الإلكتروني للصور فقط مع الاحتفاظ بنص HTML والتصميم سريع الاستجابة لسطح المكتب والجوال.

مثال على لقطة شاشة لرسالة بريد إلكتروني تمزج نص HTML في صورة بسلاسة.

على الرغم من أنه قد لا يكون لديك خيار الخطوط والتخطيط المثاليين ، إلا أن البريد الإلكتروني بتنسيق HTML المصمم جيدًا لا يزال أداة تسويقية عالية الفعالية يمكن استخدامها للوصول إلى كل فرد من رعاتك - بغض النظر عن مجموعتهم الديموغرافية أو قدراتهم المادية.

هل تحتاج إلى مساعدة في إنشاء قوالب بريد إلكتروني محسّنة ببراعة؟ فريق التسويق عبر البريد الإلكتروني لدينا جاهز لمساعدتك في إنشاء أفضل تجربة بريد وارد ممكنة لعملائك.