Thumbnail predefinit la trimiterea link-urilor pe Facebook şi Google+

Din seria problemelor de care mă lovesc în activitatea mea online şi despre care povestesc pe blog după ce le rezolv, astăzi o să explic puţin despre cum poţi să setezi ce thumbnail vrei tu să apară în momentul în care trimiţi adresa blogului tău pe Facebook sau Google+.

Am văzut foarte mulţi oameni cărora nu le convine faptul că Facebook-ul, în toată splendoarea lui, nu încarcă toate imaginile în momentul în care doreşti să pui un link pe Wall şi se nimereşte ca thumbnail-ul care ţi se afişează în box-ul ăla să fie vreun banner de pe blogul tău, sau avatarul vreunui comentator.

Problema se rezolvă foarte uşor, pentru că Facebook te lasă să introduci un simplu cod în sursa site-ului tău, iar în momentul în care trimiţi un link pe wall, el să afişeze imaginea în funcţie de codul ăla.

Altfel spus, deschide header.php şi pune codul de mai jos:

<meta property=”og:image” content=”URL” />

Modifică „URL” cu link-ul imaginii care vrei să fie afişată. Eu mi-am pus logo-ul.

Iniţial, făcusem modificarea pentru că Facebook nu prea se înţelegea cu imaginile, dar observ că şi Google+ ţine cont de codul ăsta.

Interesant este că dacă ai un thumbnail pentru fiecare articol (poate nu vrei să afişezi logo-ul, aşa cum am făcut eu, dar foloseşti din plin funcţia „Featured Image” de la WordPress), poţi pune codul în single.php şi în loc de URL poţi înlocui cu „<?php echo $image_img_tag; ?>”.

În speranţa că tutorialul meu v-a fost de folos, spor la scris şi la trimis link-uri pe reţelele de socializare!

Lasă un comentariu

24 comentarii

  • Radu 5 Mar 2012, ora 18:27

    Mersi mult! Si eu ma loveam de chestia asta, si chiar am mai intrebat, dar nimeni nu a stiut sa imi raspunda. O sa o incerc pe aia cu featured image. Sa vedem ce iese. Intrebare… trebuie introdus undeva anume in cod, sau nu are importanta?

    • Florea Cristian 5 Mar 2012, ora 18:34

      Nu prea are importanţă. Să fie după tag-ul „<head>” atât e important, dar tag-ul „head” e în header.php de obiei, iar tu dacă încerci cu thumbnail şi pui în single.php, nu-s probleme.

      Să ne zici dacă ţi-a ieşit minunea.

      • Radu 5 Mar 2012, ora 18:38

        Deci nu prea merge. Eu am inteles de la tine si am pus in cod asa: <meta property=”og:image” content=”” />

        Din pacate imi baga tu un rahat de banner… :(

      • Florea Cristian 5 Mar 2012, ora 18:42

        După ce ai copiat codul de pe blog-ul meu, încearcă să ştergi ghilimelele din cod şi să le pui tu, manual, că de obicei se copiază anapoda.

        Apoi intră aici: https://developers.facebook.com/tools/debug şi dă-i un debug site-ului, ca să-ţi facă Facebook modificarea mai repede.

  • Radu 5 Mar 2012, ora 18:50

    Incerc acum sa ii dau de cap… sa vedem ce iese… incercasem si pe index… si nu se mai incarca :))
    Iar debugger ala nu prea ma ajuta… :)) Mai sapam! Mersi oricum! :D

    • Florea Cristian 5 Mar 2012, ora 18:52

      trebuie sa-i dai tu de cap. daca nu, imi zici si rezolvam noi cumva. :D

      • Radu 5 Mar 2012, ora 19:27

        Nu vrea nici cu link in header la mine… chiar mai gasisem o formula dar nici aia nu functioneaza… nu vrea si pace :))
        Debugger zice: „Objects of this type do not allow properties named ‘”og:image”’.”

      • Florea Cristian 5 Mar 2012, ora 19:38

        :)) Poate ai vreun plugin care isi bate joc de codurile tale. Incearca sa dezactivezi toate plugin-urile si vezi daca merge atunci. :D

      • Radu 5 Mar 2012, ora 20:24

        Been there… done that :P

      • Florea Cristian 5 Mar 2012, ora 22:54

        Atunci temei tale nu-i convine codul. Nu stiu ce sa zic. :)) trebuie sa existe o explicatie logica.

      • Radu 5 Mar 2012, ora 23:38

        Deci am frecat atat codul ala… ca acum, cu toate ca am scos codul… nu imi mai baga nici o poza… si in descriere imi apar si ramasite de cod… offff… trebuia sa scrii tu articolul asta sa imi dai de lucru :)) Ce oameni domne’! Nu puteai sa scrii si tu ca toti ceilalti despre vremea de afara :D

      • Florea Cristian 6 Mar 2012, ora 00:04

        :))) Am uitat să scriu că-i bine să-ţi faci un backup temei înainte să te apuci de lucru, ca să nu mă blestemi.

      • Eric 10 Mar 2012, ora 08:27

        Daca ai R1 Soft Backup poti restaura totul :)

    • Eric 10 Mar 2012, ora 08:29

      Sau poti rezolva orice problema aparuta cu ajutorul acestui articol http://www.hostpedia.ro/rezolvare-probleme-wordpress/ (by me)

  • Ana- 6 Mar 2012, ora 16:58

    nu reusesc sa ma impac prea bine cu google plus

  • Matei 10 Mar 2012, ora 09:11

    Multumesc, poate data viitoare vi si cu o solutie pentru a crea /aplica/edita o aplicatie pe facebook, e util articul pentru mine, insa e loc si de mai bine, mersi pentru postare.

    • Florea Cristian 10 Mar 2012, ora 10:13

      Mă bucur că ţi-am putut fi de folos. Deocamdată n-am încercat să editez sau să creez aplicaţii, dar dacă voi începe să fac asta, am să scriu cu siguranţă.

  • Dragos 29 Iul 2012, ora 22:32

    Cum ai adugat butoanele de la twitter si restul din finlul fiecarui post? Multumesc!

    Dacă tot ai ajuns până aici, de ce să nu socializăm mai mult?
    ……………………………………………………………………………..

  • raul 18 Mar 2014, ora 21:03

    salut
    in single.php dupa header pun aceasta linie ?
    <meta property=”og:image" content="”/>

    si atuncea ar trebuie sa se vada pe facebook feature images de la fiecare post ?

    • Cristian Florea 18 Mar 2014, ora 21:31

      Salut,

      Cel mai simplu ar fi să-ţi instalezi WordPress SEO, care pune automat codurile de Facebook şi-ţi alege ca imagine de Facebook ceea ce pui tu la feature image când scrii articolul.

      Totuşi, dacă vrei să ai aceeaşi imagine pe facebook indiferent de articol, pui în header.php acea functie, iar la content=”URL”, schimbi URL cu link-ul spre imaginea respectivă.

      • raul 18 Mar 2014, ora 21:58

        salut

        Da am instalat: Yoast WordPress SEO aicea nam facut eu personal nici o setare , trebuie facut ceva anume sau le ea el automat ?
        Poti sa imi dai te rog frumos adresa ta de mail ?

        ms mult

      • Cristian Florea 20 Mar 2014, ora 20:13

        Salut! În principiu nu mai ai de făcut nimic după ce l-ai instalat.