Hvordan vise bestemt bilde som miniatyr mens implementere Del på Facebook?

Jeg hadde de samme problemene, og tror jeg har løst det. Jeg brukte linken meta tag som nevnt her å peke på det bildet jeg ønsket, men nøkkelen er at hvis du gjør det FB ikke vil trekke noen andre bilder som valg. Også hvis bildet er for stort, vil du ikke ha noen valg i det hele tatt.

Her er hvordan jeg fikset nettstedet mitt http://gnorml.com/blog/facebook-link-thumbnails/

Mine tagger var korrekt, men Facebook skraper bare hver 24. time, i henhold til deres dokumentasjon. Bruke Facebook Lint siden fikk bildet til Facebook.

Skriv inn URL her og FB vil oppdatere metadata fra din side:

https://developers.facebook.com/tools/debug (oppdatert link)

Fra Facebooks spec, bruke en kode som dette:

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

Kilde: Facebook Share

Dele på Facebook: Hvordan forbedre resultatene ved å tilpasse bilde, tittel og tekst

Fra linken ovenfor. For best mulig andel, vil du ønsker å foreslå 3 stykker av data i HTML:

• Tittel
• Kort beskrivelse
• Bilde

Dette oppnås ved følgende, plassert inne i 'hodet' tag i HTML:

• Tittel: <title>INSERT POST TITLE</title>
• Bilde: <meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/>
• Beskrivelse: <meta name=description content="INSERT YOUR SUMMARY TEXT"/>

Hvis du nettsted er statiske HTML, må du gjøre dette for hver side ved hjelp av HTML-editor.

Hvis du bruker et CMS som Drupal, kan du automatisere mye av det (se linken over). Hvis du bruker wordpress, kan du sannsynligvis gjennomføre noe lignende med Drupal eksempel som en retningslinje. Jeg håper du fant disse nyttig.

Til slutt kan du alltid manuelt redigere dele innlegg. Se dette eksempelet med illustrasjoner .

Jeg hadde også et problem på et område jeg jobbet på i forrige uke. Jeg gjennomført en lignende boks og testet lignende boks. Så gikk jeg videre til å legge til et bilde til min header (OB: image meta). Fortsatt riktig bilde ikke dukket opp på min facebook varsling.

Jeg prøvde alt, og kom til den konklusjon at hver enkelt gjennomføring av en slik knapp er bufret. Så la oss si at du klokke Like-knappen på url A, så du angir et bilde i hodet, og du teste den ved å klikke på Luke knappen igjen på url A. Du vil ikke se bildet som siden er bufret. Bildet vil dukke opp når du klikker på likhet knappen på side B.

For å nullstille cache, må du bruke lo debugger verktøy som er nevnt ovenfor, og validere alle nettadresser for de som er bufret ... Det er det eneste som fungerte for meg.

Facebook bruker og:tagsog Åpne Graph Protocol å tyde hvilken informasjon som skal vises når du forhånds din URL i en dialog aksje eller i en nyhetsfeed på facebook.

Den og:tagsinneholder informasjon som:

• Tittelen på siden
• Typen siden
• URL
• Nettstedene navn
• En beskrivelse av siden
• Facebook user_id er av administratorene av siden (på facebook)

Her er et eksempel (hentet fra facebook dokumentasjon ) av noenog: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"/>

Når du har implementert riktig markup av og:tagsog sette deres verdier, kan du teste hvordan facebook vil vise URL ved hjelp av Facebook Debugger . Den debugger Verktøyet vil også fremheve noen problemer den finner med og:tagspå siden eller mangel det-of.

En ting å huske på er at facebook ikke gjøre noen caching med hensyn til denne informasjonen, så for at endringene skal tre i kraft siden din må ikke bli skrapet som angitt i dokumentasjonen:

Redigering Meta Tags

Du kan oppdatere attributtene til siden din ved å oppdatere siden din koder. Legg merke til at og: tittel og og: type er bare redigeres i utgangspunktet - etter side mottar 50 liker tittelen blir fast, og etter side mottar 10.000 liker den typen blir fikset. Disse egenskapene er festet for å unngå overraskende brukere som har likt siden allerede. Endre tittel eller typen koder etter at disse grensene er nådd gjør ingenting, siden din beholder den opprinnelige tittelen og type.

For at endringene skal gjenspeiles på Facebook, må du tvinge siden skal skrapes. Siden er skrapt når en administrator for siden klikker du knappen eller når nettadressen er lagt inn i Facebook-URL Linter Facebook Debugger ...

Jeg ser at alle svarene gitt er riktige. Men en viktig detalj ble oversett: Størrelsen på bildet må være minst 200 x 200 piksler, ellers Facebook vil erstatte oversikt med den første tilgjengelige bildet som oppfyller kriteriene på siden. Et annet faktum er at minstekravet er å inkludere de 3 metas at Facebook krever for og: image skal tre i kraft:

<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" />

Feilsøke siden med Facebook debugger og fikse alle advarsler og det skal fungere som en sjarm! https://developers.facebook.com/tools/debug

Den enkleste måten jeg fant å sette Facebook Åpne Graph til hver Joomla artikkel, var å plassere i com_content / artikkel / default.php overstyring, neste kode:

$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;

Dette vil plassere meta Møre og koder i hodet med detaljer fra dagens artikkel.

Slik fungerer alt dette:

1. Du trenger muligheten til å få tilgang til HTML på den aktuelle nettsiden du deler. Det vil sannsynligvis fungere for bred også hvis du bruker en vanlig header fil. Jeg har ikke prøvd dette, men det skal fungere. Du vil bare få det samme bildet for alle sider hvis du gjør dette selv.

2. Du må legge til disse HTML meta tags på siden i. Det vil ikke fungere hvis du setter den i. Sørg for å tilpasse per ditt a) image, b) beskrivelse, c) URL, og d) tittel.

A Real Eksempel.

<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. Lagre
4. Åpne en ny Facebook-innlegg, og prøv på nytt siden du ønsket å dele.
5. Hvis du har problemer ... du kan feilsøke det med denne Facebook verktøyet. Det ser mer nerdete enn det er. Den forteller deg hva Facebook er å se når du legger ut på nettadressen for å dele.

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

Big Tips .. sørge for at “anførselstegn” er de samme i HTML (de bør se ut 2 rette merkene og ingen kurver ... noen ganger programmer endre disse til ulike fonter og det goofs opp koden.