ليه لينك موقعك بيظهر بشكل سيئ لما تشاركه؟ تعرف على Open Graph

من الحاجات اللي اكتشفتها متأخر، لكنها فرقت معايا جدًا، هي شكل لينك الموقع لما حد يشاركه.

جرب تاخد لينك من أي موقع وتبعته على WhatsApp أو Facebook أو LinkedIn.

غالبًا قبل ما تبعت الرسالة هتلاقي كارت ظهر فيه:

• صورة.
• عنوان.
• وصف مختصر.
• وأحيانًا معلومات إضافية عن الصفحة.

طيب...

مين اللي بيحدد الصورة والعنوان والوصف اللي بيظهروا في الكارت ده؟

هنا بييجي دور Open Graph.

يعني إيه Open Graph؟

Open Graph عبارة عن مجموعة من الـ Meta Tags بنضيفها داخل <head> في الصفحة، وبتساعد المنصات المختلفة تفهم إيه المعلومات اللي المفروض تستخدمها لما حد يشارك الرابط.

مثلًا:

<meta property="og:title" content="عنوان المقال">

<meta
    property="og:description"
    content="وصف مختصر للمقال يظهر عند مشاركة الرابط."
>

<meta
    property="og:image"
    content="https://example.com/images/article-cover.jpg"
>

<meta
    property="og:url"
    content="https://example.com/articles/open-graph"
>