Cum de a afișa imaginea special ca miniatură în timp ce punerea în aplicare a cotei de pe Facebook?

Am fost cu aceleași probleme și cred că l-am rezolvat. Am folosit link-ul de meta tag-ul așa cum este menționat aici pentru a indica imaginea am vrut, dar cheia este că, dacă faci asta FB nu va trage alte imagini ca opțiuni. De asemenea, în cazul în care imaginea este prea mare, nu va avea nici o alegere, la toate.

Iată cum am stabilit site - ul meu http://gnorml.com/blog/facebook-link-thumbnails/

Tag-urile mele au fost corecte, dar Facebook răzuirea numai la fiecare 24 de ore, în funcție de documentația lor. Utilizarea paginii de Facebook Lint recuperează imaginea în Facebook.

Introdu adresa URL aici și FB va actualiza metadatele de pe pagina ta:

https://developers.facebook.com/tools/debug (link - ul actualizat)

Din spec Facebook, folosiți un cod de genul:

<meta property="og:image" content="http://siim.lepisk.com/wp-content/uploads/2011/01/siim-blog-fb.png" />

Sursa: Facebook Spune - le prietenilor

Distribuirea pe Facebook: Cum pentru a îmbunătăți rezultatele personalizând imagine, un titlu, și Text

Din link-ul de mai sus. Pentru cea mai bună cota posibil, veți dori să sugereze 3 bucăți de date în HTML:

• Titlu
• Scurta descriere
• Imagine

Acest lucru realizat prin următoarele, plasat în interiorul tag-ul „head“ a codului HTML:

• Titlu: <title>INSERT IGNORE POST TITLE</title>
• Imagine: <meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/>
• Descriere: <meta name=description content="INSERT IGNORE YOUR SUMMARY TEXT"/>

Dacă site-ul este HTML static, va trebui să faceți acest lucru pentru fiecare pagină utilizând editorul HTML.

Dacă utilizați un CMS ca Drupal, puteți automatiza o mulțime de ea (a se vedea linkul de mai sus). Dacă utilizați WordPress, puteți pune în aplicare, probabil, ceva similar, folosind exemplul Drupal ca ghid. Sper că ați găsit aceste utile.

În cele din urmă, puteți oricând modifica manual mesajele dumneavoastră share. A se vedea , acest exemplu cu ilustrații .

Am avut , de asemenea , o problemă pe site - ul am fost de lucru pe săptămâna trecută. Am implementat o cutie ca și testat caseta cum ar fi. Apoi m - am dus mai departe pentru a adăuga o imagine la antetul meu (ob: meta imagine). Totuși imaginea corectă nu a apărut la notificarea mea de Facebook.

Am încercat totul, și a ajuns la concluzia că fiecare punere în aplicare unică a unui buton este salvată în memoria cache. Deci, să presupunem că ceasul butonul Like de pe URL-ul A, atunci specificați o imagine în antet și testați-l făcând clic pe butonul din nou pe Luke URL A. Nu veți vedea imaginea ca pagina este salvată în memoria cache. Imaginea va apărea atunci când faceți clic pe butonul Like la pagina B.

Pentru a reseta memoria cache, trebuie să utilizați instrumentul de scame depanator, care este menționat mai sus, și să valideze toate adresele URL pentru cei care sunt în cache ... Asta e singurul lucru care a lucrat pentru mine.

Facebook folosește og:tagsși Graph protocol deschis pentru a descifra ce informații pentru a afișa la previzualizarea URL - ul într - un dialog social sau într - un feed de știri pe Facebook.

og:tagsConține informații , cum ar fi:

• Titlul paginii
• Tipul paginii
• Adresa URL
• Site-urile web Numele
• O descriere a paginii
• Facebook user_id lui de administratori ai paginii (pe Facebook)

Aici este un exemplu (luat din documentația de facebook ) a unorog:tags

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

După ce ați implementat marcajul corecte a acestei og:tagsși a stabilit valorile lor, puteți testa modul în care Facebook va vedea adresa URL folosind Facebook Debugger . Instrumentul depanator va sublinia , de asemenea , orice probleme pe care le găsește cu og:tagspe pagina sau lipsa de acolo a.

Un lucru de a păstra în minte este că Facebook nu face unele cache cu privire la aceste informații, astfel încât pentru ca modificările să aibă efect pagina dvs. va avea t fi răzuită după cum se menționează în documentația:

Editarea Meta Tag-uri

Puteți actualiza atributele paginii prin actualizarea etichetele paginii tale. Rețineți că og: titlul și og: tip sunt doar editabile inițial - după ce pagina dvs. primeste 50 place titlul devine fix, iar după pagina dvs. primește 10.000 ii place tipul devine fix. Aceste proprietăți sunt fixate pentru a evita utilizatorii surprinzătoare care au plăcut pagina deja. Modificarea titlului sau de tip etichetele după aceste limite sunt atinse nu face nimic, pagina dvs. păstrează titlul original și tipul.

Pentru ca modificările să fie reflectate pe Facebook, trebuie să forțeze pagina dvs. să fie răzuită. Pagina este fragmentat atunci când un administrator pentru pagina face clic pe butonul Like sau când adresa URL este introdusă în Facebook URL Linter Facebook Debugger ...

Văd că toate răspunsurile furnizate sunt corecte. Cu toate acestea, un detaliu important a fost trecut cu vederea: Dimensiunea imaginii trebuie să fie cel puțin 200 x 200 px, în caz contrar Facebook va înlocui miniatura cu prima imagine disponibilă care îndeplinește criteriile pe pagina. Un alt fapt este că minimul necesar este de a include cele 3 METAS că Facebook necesită pentru: imaginea OG să aibă efect:

<meta property="og:title" content="Title of the page" />
<!-- NEXT LINE Even if page is dynamically generated and URL contains query parameters -->
<meta property="og:url" content="http://yoursite.com" />
<meta property="og:image" content="http://convertaholics.com/convertaholics-og.png" />

Depana pagina cu Facebook depanatorul și repara toate avertismentele și ar trebui să funcționeze ca un farmec! https://developers.facebook.com/tools/debug

Cel mai simplu mod am găsit pentru a seta Facebook Deschideți Grafic pentru fiecare articol Joomla, a fost de a plasa în com_content / articol / default.php suprascrie, codul următor:

$app    = JFactory::getApplication();
$path   = JURI::root();

$document = JFactory::getDocument();
$document->addCustomTag('<meta property="og:title" content="YOUR SITE TITLE" />');
$document->addCustomTag('<meta property="og:name" content="YOUR SITE NAME" />');
$document->addCustomTag('<meta property="og:description" content="YOUR SITE DESCRIPTION" />');
$document->addCustomTag('<meta property="og:site_name" content="YOUR SITE NAME" />');
if (isset($images->image_fulltext) and !empty($images->image_fulltext)) : 
    $document->addCustomTag('<meta property="og:image" content="'.$path.'<?php echo htmlspecialchars($images->image_fulltext); ?>" />');
else :
    $document->addCustomTag('<meta property="og:image" content="'.$path.'images/logo.png" />');
 endif;

Aceasta va plasa tag-uri meta og în cap cu detalii de la articolul curent.

Iată cum funcționează toate:

1. Ai nevoie de capacitatea de a accesa HTML pe pagina de web special, pe care o partajați. Acesta va funcționa, probabil, la nivelul întregului site prea dacă utilizați un fișier antet comun. Nu am încercat acest lucru, dar ar trebui să funcționeze. Vei primi doar aceeași imagine pentru toate paginile dacă face acest lucru, totuși.

2. Este necesar să adăugați aceste etichete HTML meta în pagina în. Acesta nu va funcționa dacă l-ai pus în. Asigurați-vă că pentru a personaliza pe imagine a), descriere b), c) URL-ul, și d) din titlu.

Un Exemplu Real.

<meta property="og:image" content="http://www.coachesneedsocial.com/wp-content/uploads/2014/12/BannerWCircleImages-1.jpg" />

<meta property="og:description" content="Coaches share their secrets to success so you can rock 2015." />

<meta property="og:url"content="http://www.coachesneedsocial.com/coacheswisdomtelesummit/" />

<meta property="og:title" content="Coaches Wisdom Telesummit" />

3. Salvați
4. Deschide un post proaspăt Facebook și încercați din nou pagina pe care a vrut să împartă.
5. Dacă aveți probleme ... puteți depana cu acest instrument Facebook. Se pare mai geeky decât este. Ea îți spune ce Facebook vede când înregistrați în URL-ul pentru a partaja.

https://developers.facebook.com/tools/debug/og/object/

Big Sfat .. asigurați-vă că „ghilimele“ sunt aceleași în HTML (acestea ar trebui să arate ca 2 puncte drepte și curbe ... uneori nici un programe schimba aceste diferite fonturi și goofs codului.