كيفية تخصيص Facebook Open Graph و Twitter Meta Card

تخيل هذا: أنت جاهز مع منشور المدونة المثالي وصورة مميزة لافتة للنظر لتتماشى معها. لكن في اللحظة التي تشاركها فيها على Facebook أو Twitter ، يتم اقتصاص الصورة في الأماكن الخطأ. والأسوأ من ذلك ، إما أنه لا توجد صورة أو أن الصورة صغيرة جدًا بحيث يسهل التمرير إلى الماضي ، وبالتالي فقد المنشور تمامًا. في مرحلة ما من رحلات التدوين الخاصة بنا ، كنا جميعًا هناك.

لا تؤدي الصورة ذات الحجم المنخفض إلى إضعاف الرسالة التي تحاول نقلها إلى متابعيك فحسب ، بل إنها تقلل أيضًا من إمكانية مشاركة المنشورات. حتى معجبيك الأكثر حماسًا سيترددون في مشاركة المحتوى الخاص بك (بغض النظر عن مدى كونه مفيدًا) إذا لم يكن مصحوبًا بصورة مميزة ذات صلة ، ومُحسّنة للمنصة المعنية.

الصورة تساوي ألف كلمة ، بلا شك ، ولكن إذا كنت لا تسعى بنشاط للسيطرة على صورك على وسائل التواصل الاجتماعي ، فقد تكون هذه كلمات خاطئة. لذا ، كيف يمكنك تجنب هذا المأزق وتحسين صور مدونتك للمشاركة الاجتماعية؟

العلامات الوصفية لـ Open Graph و Twitter Card هي الحلول لذلك.

ما هي العلامات الوصفية لبطاقات Open Graph و Twitter؟

تم تقديم علامات Open Graph بواسطة Facebook في عام 2010 ، وهي عبارة عن مجموعة من العلامات الوصفية المستخدمة لتسهيل أي صفحة ويب لتصبح كائنًا غنيًا في الرسم البياني الاجتماعي من خلال السماح لك ، ناشر المحتوى ، بالتحكم في العناصر التي يتم عرضها عند مشاركة صفحة على Facebook. منذ تقديمه ، تم اعتماد بروتوكول Open Graph بواسطة LinkedIn و Pinterest أيضًا. يستخدم Twitter بروتوكولًا يستخدم بطاقات Twitter ، وهو مشابه في وظيفة Facebook Open Graph.

إذا قمت بزيارة موقع تم فيه تمكين Open Graph و Twitter Cards وقمت بعرض مصدر المحتوى ، فقد تبدو العلامات الوصفية مثل المثال أدناه (مع استبدال معلومات "المحتوى" بشكل مناسب):

عند تضمينها ، لا تؤثر علامات Open Graph و Twitter Card بشكل مباشر على مُحسنات محركات البحث للصفحة ، ولكنها تؤثر على كيفية عرض الصفحة على الأنظمة الأساسية الاجتماعية ، والأهم من ذلك أنها تمنح الناشر مستوى من التحكم في العناصر التي يتم عرضها عند مشاركة صفحاتهم عليها وسائل التواصل الاجتماعي من قبل أي شخص.

كيفية تنفيذ علامات Open Graph و Twitter Card على موقع WordPress الخاص بك

حتى الان جيدة جدا. لكن السؤال الذي يطرح نفسه بعد ذلك هو كيفية التعامل مع العلامات الوصفية لـ Open Graph و Twitter Card للحصول على أفضل نتائج عرض لمشاركتك على وسائل التواصل الاجتماعي. والخبر السار هو أن هناك العديد من المكونات الإضافية للاختيار من بينها لتنفيذ هذه العلامات الوصفية. في هذه المقالة ، سأركز بشكل أساسي على ميزات العلامة الوصفية المميزة لبرنامج Yoast SEO ، ولكن بعد ذلك سأتحدث عن بعض الطرق الأخرى التي يمكنك اتباعها.

Yoast SEO لـ WordPress

إذا لم يكن لديك بالفعل الإصدار المتميز Yoast SEO مثبتًا على موقع WordPress الخاص بك ، فهذه هي الخطوة الأولى لتحسين صور مدونتك للتواصل الاجتماعي. يجعل هذا المكون الإضافي إضافة العلامات الوصفية لبطاقة Facebook Open Graph و Twitter Card أمرًا سهلاً للغاية. إليك دليل خطوة بخطوة حول كيفية تمكين العلامات الوصفية الاجتماعية باستخدام المكون الإضافي Yoast SEO.

1. قم بإعداد Yoast SEO

انتقل إلى علامة التبويب "اجتماعي" في المكون الإضافي Yoast SEO من لوحة معلومات موقع WordPress الخاص بك. املأ التفاصيل المرتبطة بمنصات الوسائط الاجتماعية الخاصة بموقعك في علامة التبويب "الحسابات".

قم بتمكين البيانات الوصفية Open Graph في علامة التبويب "Facebook" وقم بملء التفاصيل الأخرى ذات الصلة كما هو مطلوب في الصفحة.

قم بتمكين البيانات الوصفية لبطاقة Twitter في علامة التبويب "Twitter" وقم بملء المعلومات ذات الصلة كما هو مطلوب في الصفحة.

ملاحظة: من الأفضل استخدام "الملخص مع صورة كبيرة" لتويتر لأن التغريدات التي تحتوي على صور كبيرة تحصل على تفاعل أكبر من التغريدات التي تحتوي على صور صغيرة أو بدون صور. ثم ستبدو تغريداتك كما يلي:

بمجرد الانتهاء من هذه الخطوات ، سيتم تمكين العلامات الوصفية لـ Facebook Open Graph و Twitter Card في جميع منشوراتك. (هذا إعداد لمرة واحدة!)

ومع ذلك ، فإن الصور التي سيتم اختيارها للمشاركة الاجتماعية بواسطة هذه العلامات لن يتم تخصيصها بشكل فريد للمنصات المعنية. لكي يحدث ذلك ، ستحتاج إلى القيام بخطوة إضافية بشأن المشاركات الفردية التي ترغب في مشاركتها. (هذه خطوة ستحتاج إلى تكرارها لكل منشور مدونة جديد).

2. حدد صورًا معينة لمشاركتها على Facebook و Twitter

عندما تقوم بالتمرير لأسفل إلى قسم Yoast SEO في منشور تم إنشاؤه حديثًا (أو أي منشور في وضع التحرير) ، تتيح لك علامة التبويب الثانية في قسم Yoast SEO تحديد تفاصيل المشاركة الاجتماعية. يمكنك استخدام علامة التبويب هذه لتحرير كل من صورة Facebook و Twitter والعنوان والوصف وما إلى ذلك.

وهذا كل شيء! هناك شيئان فقط يجب مراعاتهما:

1. يقترح Yoast حجم صورة مميزة تبلغ 1200 بكسل × 630 بكسل لفيسبوك و 1024 × 512 بكسل لتويتر. من خلال التجربة والخطأ ، وجدت أن أي صورة أفقية بنسبة عرض إلى ارتفاع 2: 1 وعرض أكبر من 450 بكسل تعمل بشكل جيد لكل من Facebook و Twitter. لمزيد من المعلومات حول أحجام الوسائط الاجتماعية ، راجع هذا الدليل من Sprout Social وهذه الإرشادات من Buffer.
2. إذا كنت تقوم بتغيير الصور المميزة لـ Facebook بأثر رجعي بعد أن قمت بالفعل بمشاركة رابط المنشور الخاص بك مرة واحدة على الأقل من قبل ، فيجب عليك تشغيل عنوان URL الخاص بك من خلال Facebook Sharing Debugger ، بحيث يمكن تحديث المعلومات المخزنة مؤقتًا القديمة ويمكنها التقاط الجديد الصورة المميزة من ذلك الحين فصاعدًا.

ملحقات WordPress الأخرى لتحسين صور الوسائط الاجتماعية

إذا كنت لا تستخدم المكون الإضافي Yoast SEO ، فهناك إضافات WordPress أخرى يمكن أن تساعدك في إنجاز المهمة. فيما يلي بعض خيارات المكونات الإضافية الأخرى التي يمكنك الاختيار من بينها بناءً على تفضيلاتك وتوافق الموقع:

• فيسبوك
• الكل في حزمة واحدة لتحسين محركات البحث
• Facebook Open Graph و Google+ و Twitter Card Tags
• افتح الرسم البياني

كيفية استخدام PHP لإضافة البيانات الوصفية لبطاقة Twitter و Open Graph يدويًا إلى سمة WordPress الخاصة بك

أخيرًا ، إذا كنت تبحث عن حل خبير تقنيًا بدلاً من مكون إضافي ، فيمكنك دائمًا اختيار إضافة العلامات الوصفية إلى سمة WordPress الخاصة بك يدويًا عن طريق تضمين كود PHP الضروري في ملف function.php الخاص بالقالب الخاص بك. فيما يلي بعض الروابط حول كيفية القيام بذلك من خلال إرشادات خطوة بخطوة:

• كيفية إضافة Facebook Open Graph Meta Data في سمات WordPress
• كيفية إضافة Open Graph Meta Tags إلى WordPress
• وظائف.php لتضمين العلامات الوصفية لـ Open Graph

يرجى ملاحظة ما يلي: قد تحتاج إلى تخصيص الكود المرجعي المقدم أعلاه ليناسب تصميم سمة موقع الويب الخاص بك.

بمجرد فهم العلامات الوصفية التي تربط منشوراتك على وسائل التواصل الاجتماعي معًا ، يمكنك تشغيلها وتشغيلها على موقع WordPress الخاص بك في أي وقت من الأوقات. وعائد الاستثمار؟ حسنًا ، ستؤدي منشوراتك بشكل أفضل على وسائل التواصل الاجتماعي وستتمتع بتحكم أفضل بكثير في كيفية ظهورها وما تنقله ، مما يجعلها ذات مغزى وقابلة للمشاركة.