حل مشكلة عدم ظهور الصورة البارزة عند مشاركة الرابط على الفيس بوك في الووردبريس


يقوم الفيس بوك بسحب البيانات الصحيحة لمشاركاتك عندما تتم مشاركتها على Facebook. إلا أننا في الآونة الأخيرة واجهتنا بعض المشاكل في ظهور الصورة المصغرة الصحيحة عندما نشارك رابط صفحة على الفيس بوك، وهذة المشكلة سببها ان موقع الووردبريس لا يحتوي على (Facebook Open Graph Meta Data) في هذه المقالة ، سوف نشارك كيف يمكنك إضافة Facebook meta information meta في الوورد بريس التي ستحل كل تلك المشاكل.

لحل تلك المشكلة هناك طريقتين الأولى تتطلب تنصب إضافة والأخرى تتطلب وضع كود مخصص فى ملف قالب الووردبريس.

الطريقة الأولى: إضافة Facebook Open Graph Meta Data عن طريقة إضافة ووردبريس لتهيئة محركات البحث.


يتطلب الأمر تنصيب إضافة All in One SEO Pack لتهيئة محركات البحث. Social Meta
1- قم بقتح Select OG: Image Source <<Image Settings <<
Socail Meta <<All in One SEO Pack

قم باختيار Featured Image،
2- قم بوضع علامة صح على أختيار Use Default If No Image Found هذا الخيار سوف يمكنك من وضع الصورة الافتراصية للموقع إذا لم تكون الصورة البارزة في الموضوع موجودة
3- Default OG:Image هذا الخيار تتمكن فيه من رفع صورة الموقع الأفتراضية بحيث يظهر الشعار الرئيس للموقع عند مشاركة رابط الموقع الاساسي (www.example.com) على الفيس بوك، أبعاد الصورة يجب ان تكون 235×450




الطريقة الثانية: إضافة Facebook Open Graph Meta Data عن طريق كود مخصص في ملف functions.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:admins" content="اسم المستخدم الخاص بصفحة الفيس بوك"/>';
        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="اسم الموقع هنا"/>';
    if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
        $default_image="رابط الصورة الافتراصية الخاصة بشعار اوقع"; //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 );


أذا كان القالب الخاص بك به قالب Child قم بوضع الكود الذي بالعالى فى ملف functions.php حتى لا يتأثر هذا الكود بتحديثات القالب الرئيس