Cum sa adaugi Facebook Open Graph Data in WordPress

Doriti sa va adaugati Facebook Open Graph Data in WordPress? 

Open Graph medatada ajuta Facebook si alte site-ul web de socializare sa obtine metadate despre paginile dvs.De asemenea, va permite sa controlati modul in care continutul dvs apare atunci cand este partajat pe Facebook.

In acest articol, va vom arata cum sa adaugati cu usurinta Facebook Open Graph Data in WordPress.

Va vom arata 2 modalitati diferite de inserare :

  1. 1.Adauga Open Graph Data cu ajutorul All in One Seo 

All in One Seo este un plugin popular care ne ajuta la optimizarea SEO a site-ului.El are peste 2 milioane de descarcari, asta ne arata ca este un modul de baza pentru utilizatorii WordPress.

Acest plugin va ajuta sa va optimizati cu usurinta site-ul pentru motoarele de cautare, precum si pentru platformele de Social Media precum Facebook si Twitter.

In primul rand, trebuie sa va instalati si sa activati pluginul All in One Seo, iar dupa activare, trebuie sa accesati pagina All In One Seo si sa mergeti la sectiunea „Feature Manager”.Aici trebuie sa activati functia „Social Meta”.

open graph facebook wordpress all in one seo

Dupa o sa trebuiasca sa completati campurile libere

social-mete-all-in-one-seo

Trebuie sa setati un titlu, descriere, si o imagine reprezentativa pentru prima pagina a dvs.

Mai jos puteti seta o imagina implicita care sa fie utilizata daca un articol nu are o imagine.De asemenea puteti furniza latimea si inaltimea imaginii.

set-image-all-in-one-seo

Daca site-ul dvs utilizeaza o aplicatie Facebook sau are o pagina Facebook, atunci puteti furniza ID-ul dvs.

facebook-app-all-in-one-seo

Optional, puteti, de asemenea, sa setati si pentru Twitter.

Odata ce ati terminat, nu uitati sa faceti clic pe butonul „Update Option” pentru a salva modificarile.

Acum ca am setat meta tag-uri, urmatorul pas este sa adaugati meta-date pentru pagini sau articole individuale.

post-social-all-in-one-seo

2.Adauga manual Open Graph Data in WordPress

Aceasta metoda necesia modificarea fisierelor din tema, astfel incat sa va asigurati ca aveti facut un back-up daca site-ul dvs o sa pateasca ceva.

Dupa acest pas, pur si simplu copiati si lipiti codul de mai jos in fisierul functions.php al temei sau intr-un plugin specific site-ului.


//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 '';
        echo '';
        echo '';
        echo '';
        echo '';
    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 '';
    }
    else{
        $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
        echo '';
    }
    echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );

Vezi mai multe tutoriale

Ce parere ai despre articol?
0Imi place0Ador0Amuzant0Wow0Trist

0 Comentarii

Lasa un comentariu