كلما شاركت منشورًا على وسائل التواصل الاجتماعي (فيسبوك، تويتر، لينكد إن)، يبدو المنشور فارغًا بسبب عدم وجود وسوم الميتا الخاصة بوسائل التواصل الاجتماعي، مثل og:image و og:description، وتحديداً بطاقات تويتر والوسوم ذات الصلة. أتمنى أن تبدو منشوراتي مثل الصورة المرفقة أدناه، مع صورة وعنوان ووصف.
ومع ذلك، إذا قمنا بعرض مصدر هذا الموضوع نفسه، أيها إيفان، ماذا سنرى؟
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="https://global.discourse-cdn.com/meta/optimized/3X/d/2/d2e36f2af9cebf5ca3144c0c882c5f35efbceeb1_2_526x500.jpeg" />
<meta property="og:image" content="https://global.discourse-cdn.com/meta/optimized/3X/d/2/d2e36f2af9cebf5ca3144c0c882c5f35efbceeb1_2_526x500.jpeg" />
<meta name="twitter:url" content="https://meta.discourse.org/t/how-to-add-social-meta-tags-to-my-site/134111" />
<meta property="og:title" content="كيفية إضافة وسوم الميتا الاجتماعية إلى موقعي؟" />
<meta name="twitter:title" content="كيفية إضافة وسوم الميتا الاجتماعية إلى موقعي؟" />
<meta property="og:description" content="أدير هذا الموقع: https://www.graphicdesignforum.com كلما شاركت منشورًا على وسائل التواصل الاجتماعي (فيسبوك، تويتر، لينكدإن)، يبدو المنشور فارغًا دون وجود وسوم الميتا الخاصة بوسائل التواصل الاجتماعي، مثل og:image و og:description، وعلى وجه التحديد بطاقات تويتر. وسوم الميتا ذات الصلة. أتمنى أن تبدو منشوراتي مثل صورة المثال المرفقة أدناه مع صورة وعنوان ووصف. أتساءل عما إذا كنت أفتقد إعدادًا في محرك Discourse حيث يمكنني إعداد ذلك، أو إذا كان هناك إضافة يمكنني إضافتها t..." />
<meta name="twitter:description" content="أدير هذا الموقع: https://www.graphicdesignforum.com كلما شاركت منشورًا على وسائل التواصل الاجتماعي (فيسبوك، تويتر، لينكدإن)، يبدو المنشور فارغًا دون وجود وسوم الميتا الخاصة بوسائل التواصل الاجتماعي، مثل og:image و og:description، وعلى وجه التحديد بطاقات تويتر. وسوم الميتا ذات الصلة. أتمنى أن تبدو منشوراتي مثل صورة المثال المرفقة أدناه مع صورة وعنوان ووصف. أتساءل عما إذا كنت أفتقد إعدادًا في محرك Discourse حيث يمكنني إعداد ذلك، أو إذا كان هناك إضافة يمكنني إضافتها t..." />
<meta property="article:published_time" content="2019-11-22T05:17:14+00:00" />
<meta property="og:ignore_canonical" content="true" />
هذه الوسوم موجودة بالفعل في كل مكان يهم. قم بعرض المصدر بنفسك إذا لم تصدقني.
كان لدي مستخدم غير راضٍ لأن الشارات لا تدعم المشاركة بشكل أفضل. تبدو الشارة تمامًا مثل الصفحة الرئيسية لموقع ما. (ليس واضحًا بالنسبة لي أن مشاركة الشارات مفيدة بشكل خاص، لكنني أعتقد أنهم سينشئون شارات مخصصة يعتقدون أنها ستكتسب معنى يتجاوز نطاق المجتمع)
هذا هو شكل موقعي عند التحقق منه عبر رابط تويتر الذي قدمته أعلاه. جميع وسوم التعريف (meta tags) موجودة، بما في ذلك بطاقة تويتر. إليك رابط لمنشور محدد تم فحصه عبر أداة التحقق:
