مع تحديث واتساب ، أصبح بإمكانك الآن جعل روابطك تبدو احترافية وجذابة. كيف؟ الأمر بسيط للغاية: باستخدام نفس معيار الترميز الذي يستخدمه فيسبوك لإدارة الصور المصغرة على شبكته الاجتماعية عند لصق رابط.
لا يقوم نظام معاينة واتساب بإنشاء صوره الخاصة، بل يستخدم الأيقونات والعلامات التي حددتها المواقع الإلكترونية مسبقًا لفيسبوك. هذا يعني أنه إذا قمت بتحسين موقعك لشبكة مارك زوكربيرج الاجتماعية، فسيتم تحسينه تلقائيًا لتطبيق المراسلة الأكثر شيوعًا في العالم. لا تقلق، فإظهار هذه الأيقونة عملية سريعة وسهلة.
هذا مايتوجب عليك القيام به:
- تحريره كود المصدر من صفحتك، وداخل العلامات
<head></head>في المكان الذي كان ينبغي عليك فيه تحديد العلامات الوصفية، قم بتضمين السطر التالي:
<meta property="og:image" content="http://direccion.de.tu.imagen.png"/>
- Sustituye مثال على عنوان URL عن طريق عنوان الويب المحدد الذي استضفت عليه شعار أو صورة الصورة التي ترغب في ظهورها. يوصي فيسبوك بأن تكون الصورة بحجم معين. 200 × 200 بكسل لضمان أن يبدو الأمر صحيحاً.
- اذهب إلى أداة مطور Facebook (أداة تصحيح المشاركة) وأدخل عنوان URL الخاص بك للتحقق من صحة كل شيء. هذه الخطوة ضرورية، لأنها تجبر فيسبوك على تحديث المعلومات من موقعك الإلكتروني إلى خوادمهم، مما يسرع ظهور الأيقونة في واتساب.
كيف تعمل المعاينة من الناحية التقنية؟
لفهم سبب حدوث ذلك، نحتاج إلى التحدث عن بروتوكول Open Graphأنشأت فيسبوك هذا النظام حتى يتمكن مشرفو المواقع من تحديد ما يريدونه بالضبط العنوان والوصف والصورة ينبغي عرض هذه العلامات عند مشاركة المحتوى. وقد أضاف تطبيق واتساب، التابع لنفس الشركة، دعوةً للعمل تحث على اتباع هذه الآداب. og:image في معاينة الروابط.
لإدراك الفرق، يمكننا تحليل أمثلة من العالم الحقيقي. إذا نظرنا إلى شفرة مواقع الويب مثل البايسسنرى أنهم يحددون صورة معينة بواسطة og:imageضمان عرض شعارهم الرسمي دائمًا. في المقابل، المواقع الإلكترونية التي لا تحدد هذا المعيار، كما حدث في فترات معينة مع الموندولقد تركوا الخيار لفيسبوك. صور عشوائية أو تلك الحديثة من الموقع، مما يؤدي إلى مظهر غير متناسق. في واتساب، إذا لم تكن هذه المعلمة موجودة، فإنها ببساطة لن يتم عرض أي صورة.
من المهم ملاحظة وجود حالات تفشل فيها معاينة الفيديو، كما هو الحال حاليًا مع بعض فيديوهات إنستغرام ريلز على واتساب ويب . في هذه الحالات، قد يظهر الرابط بشكل صحيح في تطبيق الهاتف المحمول، لكنه لا يظهر في نسخة سطح المكتب، مما يشير إلى وجود أخطاء في الاتصال بين واجهات برمجة تطبيقات Meta أو مشاكل في تحديث نسخة الويب.
توسيع نطاق التحسين: ما وراء الصورة
على الرغم من أن الهدف الأساسي هو الصورة المصغرة، إلا أن بروتوكول Open Graph يسمح لك بالذهاب إلى أبعد من ذلك لضمان أن يكون الرابط جذابًا للغاية. لتحقيق معاينة كاملة، يُنصح بإضافة العلامات التالية إلى <head>:
<meta property="og:title" content="Título atractivo de tu página"/>: يتحكم في عنوان غامق يظهر ذلك أعلى الرابط.<meta property="og:description" content="Un resumen breve que invite al clic"/>عرّف الوصف النصي المرفق بالصورة.<meta property="og:url" content="URL completa de la página"/>يضمن ذلك أن هوية الرابط كن فريدًا ومتسقًا.<meta property="og:type" content="website"/>: يشير إلى طبيعة المحتوى (مقالة، موقع إلكتروني، ملف تعريف، إلخ).
إذا كنت تستخدم نظام إدارة محتوى مثل ووردبريس ، فلن تحتاج إلى تعديل الكود يدويًا. يمكنك تثبيت إضافات مثل Yoast SEO أو Rank Math ، والتي توفر قسمًا مخصصًا لـ"وسائل التواصل الاجتماعي" حيث يمكنك بسهولة تحميل صورة ملفك الشخصي على فيسبوك/واتساب بشكل مرئي.
الحالات الخاصة وسلوكيات النظام
من المهم فهم أن سلوك الروابط قد يختلف بين المنصات. أفاد بعض المستخدمين أنه عند مشاركة الصور مباشرةً من الإصدار التجريبي لبعض الأجهزة (كما هو الحال في بعض طرازات Pixel )، يُضيف النظام تلقائيًا رابط موقع الويب المصدر (مثل Reddit) عند إرسال الصورة. هذا ليس خطأً في إعدادات Open Graph، بل هو سلوك نظام التشغيل أو الإصدار التجريبي من التطبيق الذي يحاول تحديد سياق الصورة المُشاركة.
لمنع تطبيق واتساب من تجاهل صورتك، تأكد من أن رابط الصورة هو عام ومتاح للجميعإذا كانت الصورة محمية بجدار دفع أو أرشيف .htaccess إذا كان الكود يحظر تتبع Meta، فلن يتم تحميل الصورة المصغرة حتى لو كان الكود صحيحًا.
تم. الآن، إذا أرسل شخص ما عنوان URL الخاص بك إلى أي جهة اتصال لديها الإصدار المحدث من تطبيق Android، فسيتم عرض الأيقونة المختارة.
ملاحظة: لكي تعمل هذه الميزة، يجب أن يستخدم المُستلِم أحدث إصدار من واتساب على نظام أندرويد . وإلا، سيظهر الرابط كنص عادي بدون أيقونة. مع أن هذا هو النظام الافتراضي، إلا أن التوافر الكامل على أنظمة التشغيل الأخرى قد يختلف باختلاف الإصدار المُثبَّت.
لا يقتصر دور استخدام علامات Open Graph على تحسين مظهر روابط واتساب فحسب، بل يزيد أيضًا من نسبة النقر إلى الظهور (CTR) وثقة المستخدمين من خلال التعرف الفوري على علامتك التجارية عبر شعار مُحسّن ومُدقّق بواسطة أدوات تصحيح الأخطاء من فيسبوك. وبتحكمك في المحتوى المرئي، تُحوّل رابطًا بسيطًا إلى بطاقة عمل رقمية فعّالة.