صورة الرابط وعنوانه حين تشاركه
أرسلت رابط منتجك لعميل في واتساب، فظهر بلا صورة، أو بصورة شعار صغير لا علاقة لها بالمنتج، أو بعنوان الموقع العام. البطاقة التي تظهر مع الرابط تُكتب في وسوم خاصة داخل الصفحة، ويمكنك التحكم فيها.
ما هي وسوم Open Graph؟
أسطر في رأس صفحتك تخبر واتساب وفيسبوك وتيليجرام وغيرها بما تعرضه حين يُشارك الرابط: العنوان والوصف والصورة والرابط الأساسي. البروتوكول يطلب أربعة منها: og:title وog:type وog:image وog:url.
العنوان Oud & Bakhoor "Gifts" يُكتب هكذا، لأن الرموز & و" تتحول إلى رموز HTML حتى لا ينكسر الوسم:
والرابط العربي يُكتب في og:url بشكله المرمّز، فتفهمه كل المنصات.
<meta property="og:title" content="Oud & Bakhoor "Gifts"">
الطريقة
- افتح منشئ بيانات Open Graph واكتب عنوان الصفحة ووصفها ورابطها ورابط الصورة.
- اختر نوع الصفحة ونوع بطاقة تويتر.
- راجع التحذيرات، مثل خاصية مطلوبة ناقصة أو رابط صورة نسبي.
- انسخ الوسوم وضعها داخل head في صفحتك.
غيّرت الوسوم ولم يتغير شيء؟
المنصات تحفظ معاينة الرابط لمدة، فقد لا يظهر تعديلك فورًا. بعض المنصات توفر أداة رسمية لإعادة قراءة الصفحة. واستخدم رابطًا كاملًا للصورة يبدأ بالبادئة https، لأن الرابط النسبي مثل /images/a.jpg لا تستطيع معظم المنصات جلبه.
ما يجب أن تعرفه
- المعاينة توضيحية، وكل منصة تعرض البطاقة بطريقتها وقد تقص الصورة أو النص.
- الأداة لا تفتح صفحتك ولا تتحقق من وجود الصورة أو أبعادها أو حجمها.
- إن فعّلت تحميل الصورة في المعاينة، يطلبها متصفحك من خادمها مباشرة كأي زيارة.
ولظهور الصفحة في نتائج البحث، راجع العنوان والوصف عبر معاينة نتيجة البحث. وحين تكون البطاقة جاهزة، أرسل رابطك مع رسالة جاهزة عبر منشئ روابط واتساب.
أسئلة شائعة
ما مقاس الصورة المناسب؟
لا يوجد مقاس واحد لكل المنصات، وكل منصة تقص بطريقتها. اجعل المنتج في وسط الصورة حتى لا يُقص.
هل أحتاج وسوم تويتر أيضًا؟
الأداة تكتبها مع وسوم Open Graph، وكثير من المنصات تقرأ وسوم Open Graph إن غابت وسوم تويتر.
هل تُرسل بياناتي إلى أي خادم؟
لا، الوسوم تُبنى داخل متصفحك.