Ik probeer uit te voeren delen van deze methode. Ik gebruik de code als volgt
http://www.facebook.com/share.php?u=my_website_url
Nu wanneer Facebook is resultaat toont enkele thumbnails aan de linkerkant. Deze beelden worden geplukt van mijn website. Hoe kan ik kies een bepaald beeld als miniaturen of in ieder geval stoppen zien thumbnail?
U kunt dit controleren met mijn blog adres .
Deze blogpost lijkt uw antwoord:
http://blog.capstrat.com/articles/facebook-share-thumbnail-image/
Specifiek, gebruik dan een tag als volgt uit:
<link rel="image_src"
type="image/jpeg"
href="http://www.domain.com/path/icon-facebook.gif" />
De naam van het beeld moet hetzelfde zijn als in het voorbeeld zijn.
Klik op "zorg ervoor dat de preview Works"
Opmerking: Tags kunnen juist zijn, maar Facebook schraapt alleen elke 24 uur, op basis van hun documentatie. Gebruik de Facebook-Lint pagina om de afbeelding te krijgen in Facebook.
Ik had dezelfde problemen en geloof ik heb het opgelost. Ik gebruikte de koppeling metatag zoals hier genoemd om te wijzen op het beeld dat ik wilde, maar het belangrijkste is dat als je dat doet FB geen andere afbeeldingen als keuzes zal trekken. Ook als uw afbeelding te groot is, zult u geen keuze te hebben.
Hier is hoe ik mijn site vaste http://gnorml.com/blog/facebook-link-thumbnails/
Mijn labels waren correct, maar Facebook schraapt alleen elke 24 uur, op basis van hun documentatie. Het gebruik van de Facebook-Lint pagina kreeg het beeld in Facebook.
Geef uw URL hier en FB zal de metadata van uw pagina bij te werken:
https://developers.facebook.com/tools/debug (updated link)
Van Facebook's spec, gebruik dan een code als volgt:
<meta property="og:image" content="http://siim.lepisk.com/wp-content/uploads/2011/01/siim-blog-fb.png" />
Bron: Facebook Share
Uit de bovenstaande link. Voor de best mogelijke aandeel, wil je suggereren 3 stuks van gegevens in uw HTML:
Dit bereikt door het volgende, geplaatst in de 'head' tag van uw HTML:
<title>INSERT IGNORE POST TITLE</title><meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/><meta name=description content="INSERT IGNORE YOUR SUMMARY TEXT"/>Als je website is statisch HTML, dan moet je om dit te doen voor elke pagina met behulp van uw HTML-editor.
Als u gebruik maakt van een CMS zoals Drupal, kunt u veel (zie bovenstaande link) te automatiseren. Als u wordpress gebruikt, kunt u waarschijnlijk iets dergelijks uit te voeren met behulp van de Drupal voorbeeld als leidraad. Ik hoop dat u deze nuttig gebleken.
Tot slot kunt u altijd handmatig uw aandeel berichten bewerken. Zie dit voorbeeld met illustraties .
Ik had ook een probleem op een plaats waar ik aan werkte vorige week. Ik implementeerde een als doos en getest dergelijke doos. Toen ging ik vooruit naar een afbeelding toe te voegen aan mijn header (de ob: afbeelding meta). Nog steeds de juiste afbeelding kwam niet opdagen op mijn melding facebook.
Ik heb alles geprobeerd, en kwam tot de conclusie dat elke implementatie van een soortgelijke knop in het cachegeheugen. Dus laten we zeggen dat je de klok van de Like button op url A, waarna een beeld geeft u in de header en je testen door nogmaals op de Luke knop op url A. U zal het beeld niet zien als de pagina in het cachegeheugen. De afbeelding wordt weergegeven wanneer u klikt op de Like-knop op pagina B.
Om de cache te resetten, moet u de pluisjes debugger tool die hierboven is vermeld te gebruiken, en valideren van alle URL's voor degenen die in de cache ... Dat is het enige dat werkte voor mij.
Facebook maakt gebruik van og:tagsen de Open Graph-protocol om te ontcijferen welke informatie moet worden weergegeven wanneer een voorbeeld van uw URL in een dialoogvenster aandeel
of in een nieuwsfeed op facebook.
Het og:tagsbevat informatie, zoals:
Hier is een voorbeeld (ontleend aan de documentatie facebook ) van sommigeog: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"/>
Zodra u de juiste opmaak van het hebben geïmplementeerd og:tagsen stelt hun waarden, kun je testen hoe facebook uw URL zal bekijken met behulp van de Facebook-Debugger . De debugger tool zal ook eventuele problemen die het vindt met als hoogtepunt og:tagsop de pagina of gebrek daar-van.
Een ding om in gedachten te houden is dat facebook doet sommige caching met betrekking tot deze informatie, dus met het oog op wijzigingen in kracht uw pagina hebben t worden geschraapt , zoals vermeld in de documentatie:
Editing Meta Tags
U kunt de kenmerken van uw pagina bij te werken door een aanpassing van de tags van uw pagina. Merk op dat og: titel en og: soort zijn alleen worden bewerkt in eerste instantie - na uw pagina ontvangt 50 houdt van de titel wordt vast, en na uw pagina ontvangt 10.000 houdt van het type wordt bevestigd. Deze eigenschappen zijn bevestigd aan verrassende gebruikers die de pagina al graag vermijden. de titel of het type-tags wijzigen na deze limieten bereikt doet niets, de pagina behoudt de originele titel en type.
Voor de wijzigingen worden weergegeven op Facebook, moet u uw pagina te dwingen om te schrapen. De pagina wordt geschraapt wanneer een admin voor de pagina klikt op de Like button of wanneer de URL in het wordt ingevoerd
Facebook URL LinterFacebook Debugger ...
Ik zie dat alle antwoorden correct zijn. Er werd echter één belangrijk detail over het hoofd gezien: De grootte van de afbeelding moet ten minste 200 X 200 px zijn, anders zal Facebook de miniatuur te vervangen door het eerste beschikbare afbeelding die voldoet aan de criteria op de pagina. Een ander feit is dat de minimale vereiste is om de 3 metas dat Facebook nodig heeft voor het og zijn onder meer: het door te voeren:
<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" />
Debuggen van uw pagina met Facebook debugger en bevestig alle waarschuwingen en het zou moeten werken als een charme! https://developers.facebook.com/tools/debug
De makkelijkste manier die ik gevonden om Facebook Open Graph ingesteld op elke Joomla artikel was te plaatsen in com_content / article / default.php override, de volgende code:
$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;
Dit zal meta og-tags plaatsen in het hoofd met de details van de huidige artikel.
Hier is hoe dit werkt allemaal:
U hebt de mogelijkheid om toegang te krijgen tot de HTML-code op de specifieke webpagina die je deelt. Het zal waarschijnlijk werken de hele site ook als je een gemeenschappelijke header-bestand te gebruiken. Ik heb dit niet geprobeerd, maar het zou moeten werken. Je zult gewoon dezelfde afbeelding voor alle pagina's als je dit wel doet.
U moet deze HTML meta-tags aan pagina in het. Het zal niet werken als je het in de. Zorg ervoor dat aan te passen per uw afbeelding a), b) beschrijving, c) URL, en d) de titel.
Een echt voorbeeld.
<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" />
https://developers.facebook.com/tools/debug/og/object/
Big Tip .. zorg ervoor dat de “aanhalingstekens” zijn gelijk in uw HTML (ze moeten kijken als 2 rechte merken en geen bochten ... soms een andere zender kiest deze om verschillende lettertypen en het verprutst de code.