هل تريد إضافة بيانات تعريف Facebook Open Graph إلى سمات ووردبريس الخاصة بك؟
تساعد البيانات الوصفية لـ Open Graph Facebook ومواقع التواصل الاجتماعي الأخرى في الحصول على بيانات وصفية حول صفحات منشوراتك. كما يسمح لك بالتحكم في كيفية ظهور المحتوى الخاص بك عند مشاركته على Facebook.
في هذه المقالة ، سنوضح لك كيفية إضافة البيانات الوصفية للرسم البياني المفتوح على Facebook بسهولة في قوالب ووردبريس. سنشارك ثلاث طرق مختلفة ، حتى تتمكن من اختيار الطريقة التي تناسبك بشكل أفضل.
أضف بيانات تعريف الرسم البياني المفتوح على Facebook في أي سمة ووردبريس
All in One SEO هو مكون إضافي لـ ووردبريس SEO يستخدمه أكثر من 2 مليون موقع. يتيح لك تحسين موقع الويب الخاص بك بسهولة لمحركات البحث وكذلك الأنظمة الأساسية الاجتماعية مثل Facebook و Twitter.
أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي All in One SEO . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
عند التنشيط ، تحتاج إلى زيارة All in One SEO » صفحة الشبكات الاجتماعية . هنا يمكنك إدخال عنوان URL لصفحة Facebook الخاصة بك وجميع شبكات التواصل الاجتماعي الأخرى.
إعدادات الشبكة الاجتماعية AIOSEO
بعد ذلك ، انقر فوق علامة التبويب Facebook في الجزء العلوي من الصفحة ، وسترى أنه تم تمكين Open Graph Markup افتراضيًا. يمكنك النقر فوق الزر “تحميل أو تحديد صورة” لاختيار صورة OG افتراضية على Facebook إذا لم يكن للمقالة صورة رسم بياني مفتوحة.
تعيين الافتراضي صورة الرسم البياني
إذا قمت بالتمرير لأسفل ، فيمكنك تخصيص اسم موقعك ووصفه والمزيد من الإعدادات. لا تنس النقر فوق الزر ” حفظ” الأزرق بمجرد الانتهاء من إجراء التغييرات.
الآن بعد أن قمت بتعيين العلامات الوصفية للرسم البياني المفتوح على مستوى الموقع ، فإن الخطوة التالية هي إضافة البيانات الوصفية للرسم البياني المفتوح للمنشورات والصفحات الفردية.
بشكل افتراضي ، ستستخدم AIOSEO عنوان المنشور ووصفه لفتح عنوان الرسم البياني ووصفه. يمكنك أيضًا تعيين صورة Facebook المصغرة يدويًا لكل صفحة ومنشور.
ما عليك سوى تحرير المنشور أو الصفحة والتمرير لأسفل إلى قسم All in One SEO أسفل المحرر. من هنا ، قم بالتبديل إلى علامة التبويب الاجتماعية وسترى معاينة الصورة المصغرة الخاصة بك.
معاينة AIOSEO Facebook
يمكنك هنا تعيين صورة الوسائط الاجتماعية بالإضافة إلى العنوان والوصف. فقط قم بالتمرير لأسفل إلى حقل مصدر الصورة . يمكنك اختيار استخدام الصورة المميزة أو تحميل صورة مخصصة أو خيارات أخرى.
اختر صورة ووردبريس المراد استخدامها كصورة مصغرة على Facebook
Yoast SEO هو مكون إضافي ممتاز لـ ووردبريس SEO يمكنك استخدامه لإضافة بيانات تعريف الرسم البياني المفتوح على Facebook إلى أي موقع ووردبريس.
أول شيء عليك القيام به هو تثبيت البرنامج المساعد Yoast SEO وتنشيطه . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
بمجرد التنشيط ، ستحتاج إلى الانتقال إلى SEO »Social وببساطة حدد المربع بجوار إضافة بيانات تعريف Open Graph .
قم بتمكين Facebook Open Graph
يمكنك حفظ الإعدادات الخاصة بك أو المتابعة وتكوين خيارات Facebook الاجتماعية الأخرى على الشاشة.
يمكنك تقديم معرّف تطبيق Facebook إذا كنت تستخدم واحدًا لصفحتك على Facebook وإحصاءاتك. يمكنك أيضًا تغيير الصفحة الرئيسية الخاصة بك بعنوان Open Graph meta والوصف والصورة.
أخيرًا ، يمكنك تعيين صورة افتراضية لاستخدامها في حالة عدم تعيين صورة لمنشور أو صفحة.
يتيح لك Yoast SEO أيضًا تعيين البيانات الوصفية لـ Open Graph للمنشورات والصفحات الفردية. ما عليك سوى تحرير منشور أو صفحة والتمرير لأسفل إلى قسم تحسين محركات البحث أسفل المحرر.
تعيين البيانات الوصفية للرسم البياني المفتوح للمنشور والصفحات
من هنا ، يمكنك تعيين صورة مصغرة على Facebook لهذا المنشور أو الصفحة المحددة. إذا لم تقم بتعيين عنوان أو وصف منشور ، فسيستخدم المكون الإضافي عنوان ووصف SEO الخاصين بك.
يمكنك الآن حفظ منشورك أو صفحتك وسيخزن المكون الإضافي بيانات التعريف الخاصة بالرسم البياني المفتوح على Facebook.
تتطلب منك هذه الطريقة تحرير ملفات السمات الخاصة بك ، لذا تأكد من عمل نسخة احتياطية من ملفات السمات الخاصة بك قبل إجراء أي تغييرات.
بعد ذلك ، ما عليك سوى نسخ هذا الرمز ولصقه في ملف function.php الخاص بالقالب ، أو في مكون إضافي خاص بالموقع .
//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'add_opengraph_doctype');
//Lets add Open Graph Meta Info
function insert_fb_in_head() {
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
echo '<meta property="fb:app_id" content="Your Facebook App ID" />';
echo '<meta property="og:title" content="' . get_the_title() . '"/>';
echo '<meta property="og:type" content="article"/>';
echo '<meta property="og:url" content="' . get_permalink() . '"/>';
echo '<meta property="og:site_name" content="Your Site NAME Goes HERE"/>';
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
echo '<meta property="og:image" content="' . $default_image . '"/>';
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
}
echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );ملاحظة: تذكر تغيير اسم الموقع حيث يقول “اسم موقعك يظهر هنا” . بعد ذلك ، قم بتغيير عنوان URL الافتراضي للصورة بصورتك. تحتاج أيضًا إلى إضافة معرف تطبيق Facebook الخاص بك ، إذا لم يكن لديك تطبيق Facebook ، فيمكنك إزالة سطر معرف تطبيق Facebook من الرمز.
نوصي بوضع صورة مع شعارك هناك ، لذلك إذا لم يكن لمنشورك صورة مصغرة ، فإنه يسحب شعار موقعك.
هذا كل ما عليك القيام به. بمجرد حفظ ملف jobs.php (أو المكون الإضافي الخاص بالموقع) ، سيبدأ في عرض البيانات الوصفية للرسم البياني المفتوح على Facebook في رأس ووردبريس.
نأمل أن تساعدك هذه المقالة في إضافة بيانات تعريف الرسم البياني المفتوح على Facebook في ووردبريس. قد ترغب أيضًا في الاطلاع على اختيارنا لأفضل المكونات الإضافية للوسائط الاجتماعية لـ ووردبريس لتنمية متابعتك الاجتماعية ، ودليل تحرّي الخلل وإصلاحه حول كيفية إصلاح مشكلة الصورة المصغرة غير الصحيحة على Facebook في ووردبريس .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
