Despre Truverii. Sau cum am descoperit un nou tip de muzică
Cel mai bun pahar de bere
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!
23 Comments
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?
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.
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… :(
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: şi dă-i un debug site-ului, ca să-ţi facă Facebook modificarea mai repede.
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
trebuie sa-i dai tu de cap. daca nu, imi zici si rezolvam noi cumva. :D
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’.”
:)) Poate ai vreun plugin care isi bate joc de codurile tale. Incearca sa dezactivezi toate plugin-urile si vezi daca merge atunci. :D
Been there… done that :P
Atunci temei tale nu-i convine codul. Nu stiu ce sa zic. :)) trebuie sa existe o explicatie logica.
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
:))) Am uitat să scriu că-i bine să-ţi faci un backup temei înainte să te apuci de lucru, ca să nu mă blestemi.
Daca ai R1 Soft Backup poti restaura totul :)
Sau poti rezolva orice problema aparuta cu ajutorul acestui articol http://www.hostpedia.ro/rezolvare-probleme-wordpress/ (by me)
nu reusesc sa ma impac prea bine cu google plus
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.
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ţă.
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?
……………………………………………………………………………..
Am adăugat codurile manual, în single.php.
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 ?
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ă.
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
Salut! În principiu nu mai ai de făcut nimic după ce l-ai instalat.