تتمثل المشكلة الرئيسية المتعلقة بروابط البريد الإلكتروني بتنسيق HTML في إمكانية حظرها بواسطة عملاء البريد الإلكتروني أو عوامل تصفية البريد العشوائي. هذا يعني أن المستلم قد لا يتمكن من الوصول إلى الرابط ، مما يؤدي إلى تجربة مستخدم سيئة. بالإضافة إلى ذلك ، قد يقوم بعض عملاء البريد الإلكتروني بإزالة كود HTML من رسائل البريد الإلكتروني ، مما قد يتسبب في قطع الروابط أو أن تصبح غير قابلة للنقر.
<a href="mailto:example@example.com">Send an email</a>
1. ينشئ هذا السطر من التعليمات البرمجية عنصر ارتساء HTML ، والذي يستخدم للارتباط بصفحة أو مورد آخر.
2. تحدد الخاصية المميزة "href" وجهة الارتباط ، وفي هذه الحالة عنوان mailto.
3. يتم تعيين قيمة السمة "href" على "mailto: example@example.com" ، والتي ستفتح عميل بريد إلكتروني بالعنوان المحدد الذي تم ملؤه بالفعل كمستلم عند النقر فوقه.
4. سيتم عرض النص بين علامتي الربط الافتتاحية والختامية ("إرسال بريد إلكتروني") كارتباط قابل للنقر على صفحة الويب التي يمكن النقر فوقها لفتح عميل بريد إلكتروني مع example@example.com تم ملؤه بالفعل باعتباره عنوان المستلم عند النقر عليه.
رابط mailto
ارتباط mailto هو عنصر HTML يسمح للمستخدم بإرسال بريد إلكتروني من صفحة ويب. وعادة ما يتم تمثيله بالكلمات "mailto:" متبوعة بعنوان بريد إلكتروني. عند النقر عليه ، سيفتح برنامج البريد الإلكتروني الافتراضي للمستخدم ويملأ حقل "إلى" مسبقًا بالعنوان المحدد. يمكن أن يتضمن ارتباط mailto أيضًا معلومات أخرى مثل سطر الموضوع والنص الأساسي وعناوين نسخة إلى أو نسخة مخفية الوجهة.
كيفية عمل رابط بريد إلكتروني بتنسيق HTML
لإنشاء ارتباط بريد إلكتروني بتنسيق HTML ، يلزمك استخدام امتداد بطاقة شعار. ال يتم استخدام العلامة لإنشاء ارتباط تشعبي يربط صفحة بأخرى.
يتم استخدام خاصية href لتحديد وجهة الارتباط. لإنشاء ارتباط بريد إلكتروني ، تحتاج إلى تعيين سمة href تساوي "mailto: email@example.com". سيؤدي هذا إلى فتح نافذة بريد إلكتروني بالعنوان المحدد في حقل "إلى" عند النقر فوقها.
يمكنك أيضًا إضافة سطر موضوع ونص أساسي لبريدك الإلكتروني عن طريق إضافة سمات إضافية بعد mailto: في قيمة href. على سبيل المثال ، إذا أردت إضافة سطر موضوع ونص أساسي ، فستبدو قيمة href كما يلي:
href = "mailto: email@example.com؟ subject = Subject Line & body = Body Text"
يمكنك أيضًا تخصيص ما يظهر كنص قابل للنقر لرابط بريدك الإلكتروني عن طريق إضافة محتوى بين الافتتاح والختام العلامات. على سبيل المثال:
انقر هنا لمراسلتنا عبر البريد الإلكتروني
سيعرض هذا "انقر هنا لمراسلتنا عبر البريد الإلكتروني" كنص قابل للنقر سيفتح نافذة بريد إلكتروني عند النقر فوقه.
أفضل الممارسات لإنشاء روابط بريد إلكتروني بتنسيق HTML
1. استخدم عناوين URL كاملة: عند إنشاء روابط في رسائل بريد إلكتروني بتنسيق HTML ، استخدم دائمًا عنوان URL الكامل بدلاً من المسار النسبي. هذا يضمن أن الارتباط سيعمل بشكل صحيح حتى إذا تمت إعادة توجيه البريد الإلكتروني أو عرضه على جهاز مختلف.
2. استخدم نص الرابط الوصفي: نص الرابط هو الجزء القابل للنقر من الارتباط ويجب أن يكون وصفيًا حتى يعرف القراء ما ينقرون عليه قبل النقر فوقه. تجنب استخدام كلمات عامة مثل "انقر هنا" كنص رابط ، لأن هذا قد يجعل من الصعب على القراء فهم المكان الذي يتم نقلهم إليه عند النقر فوق الارتباط.
3. اختبر روابطك: قبل إرسال بريد إلكتروني به روابط HTML ، اختبرها للتأكد من أنها تعمل بشكل صحيح وتنتقل بالمستخدمين إلى الوجهة الصحيحة. يمكن القيام بذلك عن طريق النقر فوق كل ارتباط في عميل البريد الإلكتروني أو مستعرض الويب قبل إرسال رسالتك.
4. تضمين الخيارات الاحتياطية: إذا كنت تقوم بتضمين روابط HTML في رسالة بريد إلكتروني ، فقم أيضًا بتضمين إصدارات النص العادي لتلك الروابط نفسها بحيث يظل المستخدمون الذين لا يمكنهم عرض رسائل البريد الإلكتروني بتنسيق HTML قادرين على الوصول إليها من صناديق البريد الوارد ذات النص العادي.
