إتقان النظرة المستقبلية: نظرة إلى الوراء على مشكلات العرض الشائعة

تعد Microsoft واحدة من أكبر اللاعبين في صناعة البريد الإلكتروني. تمتلك Microsoft Outlook ونظيره على الويب Outlook.com حصة سوقية تزيد عن 10٪ بشكل جماعي. هذا ضخم جدا!

في عالم يستطيع فيه المستخدمون الاختيار من بين مجموعة كبيرة ومتنوعة من عملاء البريد الإلكتروني ، كيف ظل Outlook شائعًا جدًا؟ لا يتم تثبيت Microsoft Office بشكل شائع فقط على أجهزة الكمبيوتر عبر الشركات في جميع أنحاء العالم ، ولكن العديد من أجهزة الكمبيوتر المنزلية وأجهزة الكمبيوتر المحمولة التي تعمل بنظام Windows تأتي مزودة مسبقًا بـ MS Office. عميل البريد الإلكتروني الافتراضي الذي يتم حزمه مع MS Office هو… Outlook.

ثم هناك Outlook.com ، الذي بدأ حياته المهنية كعميل بريد إلكتروني باسم Hotmail ، في عام 1996. في عام 1997 ، استحوذت Microsoft على Hotmail مقابل 400 مليون دولار تقريبًا وأطلقت Hotmail باسم MSN Hotmail. تم تغيير علامتها التجارية مرة أخرى لاحقًا إلى Windows Live Hotmail. أخيرًا ، في عام 2013 ، تم استبدال Hotmail بالكامل بـ Outlook.com. نظرًا لتداخل سجل Outlook.com مع Hotmail ، فلا ينبغي أن يكون مفاجئًا معرفة أنه اعتبارًا من عام 2015 ، كان لدى Outlook.com أكثر من 400 مليون مستخدم نشط.

مشكلات العرض الشائعة في Outlook

لطالما كان إنشاء رسائل البريد الإلكتروني لبرنامج Outlook يمثل تحديًا. من Outlook 2007 فصاعدًا ، توقفت Microsoft عن استخدام Internet Explorer لتقديم رسائل البريد الإلكتروني وبدلاً من ذلك اختارت استخدام Microsoft Word كمحرك التقديم الخاص بها. أخبار رائعة لمستخدمي Microsoft Office ، الذين يمكنهم نسخ العناصر ولصقها بسلاسة من Word أو Excel في رسائل البريد الإلكتروني الخاصة بهم في Outlook. ليست أخبارًا رائعة لمسوقي البريد الإلكتروني والمطورين الذين يستخدمون HTML لبناء رسائل البريد الإلكتروني الخاصة بهم. حاول نسخ ولصق صفحة ويب HTML في مستند Word وستحصل على لمحة عن كيفية ترجمة Word لـ HTML.

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

فيما يلي ملخص قصير لبعض المشكلات الأكثر شيوعًا التي تواجه مطوري البريد الإلكتروني ، عند تطوير رسائل البريد الإلكتروني لبرنامج Outlook:

استخدام الجداول في تطوير البريد الإلكتروني

في تطوير الويب الحديث ، يمكنك استخدام حاويات مثل divs لاحتواء المحتوى ، مع استخدام الجداول فقط لبيانات الجدول. ومع ذلك ، لوضع عناصر مثل divs بشكل صحيح داخل صفحة HTML ، غالبًا ما تكون سمات CSS مثل float والموضع مطلوبة.

لا يدعم Outlook هذه السمات. لهيكلة رسائل البريد الإلكتروني الخاصة بك بشكل صحيح للحصول على أقصى قدرة عرض عبر الأجهزة / العميل / المستعرض ، يستخدم المطورون الجداول لإنشاء رسائل بريد إلكتروني.

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

صور الخلفية مع VML

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

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

ومع ذلك ، لا يدعم Outlook صور الخلفية بتنسيق HTML خالص. يتطلب Outlook استخدام VML لجعل صور الخلفية تعمل. لحسن الحظ ، لا تحتاج إلى تعلم VML بالكامل لتتمكن من استخدام صور الخلفية في بريدك الإلكتروني. يحتوي Campaign Monitor على أداة رائعة ستنشئ كود VML و HTML من أجلك لمنحك صور خلفية مقاومة للرصاص في رسائل البريد الإلكتروني الخاصة بك.

لا يوجد دعم لصور GIF المتحركة

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

ومع ذلك ، لا يدعم Outlook صور GIF المتحركة. أثناء تحميل الصورة وتظهر للمستخدم ، سيتم عرض الإطار الأول فقط من الرسم المتحرك.

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

لا يوجد دعم للحشو على p و div والعلامات

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

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

لإدخال المساحة المتروكة في فقراتك - علامة p - استخدم سمة النمط mso-line-height-rule: بالضبط ؛ مقترنًا بارتفاع السطر لمنح نسختك ونصك مساحة للتنفس ، مما يسهل متابعة:

 <p>Your text here</p>

إنها ليست مجرد توقعات

على الرغم من أن عميل سطح المكتب قد طرح مشكلات لمطوري البريد الإلكتروني لسنوات ، إلا أنه يوجد الآن إصدار جديد من Outlook.com لمطوري البريد الإلكتروني للتعامل معه ، والذي أدى بدوره إلى طرح نصيبه من المراوغات في العرض. يختلف الكثير منها عن المراوغات الموجودة في Outlook. (بالطبع.)

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

هناك بعض الأخبار الجيدة على الرغم من. هناك عدد قليل من أخطاء العرض التي كانت موجودة في الإصدارات الأقدم من Outlook.com والتي تم إصلاحها. أبرزها: تعويم / اختراق الهامش. للحصول على الإصدار الأقدم من Outlook.com لفهم سمات CSS هذه ، كان لا بد من كتابتها إما باستخدام الأحرف الكبيرة أو مزيج من الأحرف الكبيرة والصغيرة. الآن الحالة لا تهم.

في السابق ، لكي يتعرف Outlook.com على سمة الهامش ، كان عليك استخدام:

 Margin: 10px;

لكن الآن يمكنك استخدام:

 margin: 10px;

للحصول على قائمة كاملة بالتغييرات ، كتب مطور البريد الإلكتروني Remi Parmentier مدونة رائعة تحتاج إلى معرفتها حول Outlook.com الجديد ، وما يجب على مطوري البريد الإلكتروني البحث عنه.
إتقان التوقعات

الحفاظ على التعليمات البرمجية الخاصة بك ذات الصلة

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

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

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

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

يستغرق إنشاء رسائل البريد الإلكتروني وقتًا

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

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

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

تكافح من أجل جعل رسائل البريد الإلكتروني الخاصة بك تعمل في Outlook؟

لقد عقدنا شراكة مع Microsoft لتحديد أولويات أخطاء عرض البريد الإلكتروني في Outlook ، وتحديد المشكلات بشكل أسرع ، والإعلان عن تحسينات وإصلاحات للمجتمع.

ساعدنا في تحسين Outlook وإرسال خطأ العرض.

إرسال خطأ في عرض Outlook →