Hogyan mutatják adott kép miniatűrképekként végrehajtása közben megosztás a Facebook-on?

Én volt ugyanazokkal a problémákkal és hiszem, már megoldottam. Régebben a link meta tag, mint itt említett, hogy pont a kép, amit akartam, de a legfontosabb az, hogy ha nem, hogy FB nem húzza más képeket döntéseket. Akkor is, ha a kép túl nagy, akkor nem lesz választási egyáltalán.

Itt van, hogyan fix oldalamon http://gnorml.com/blog/facebook-link-thumbnails/

Saját címkék helyesek voltak, de a Facebook csak súrolja 24 óránként szerint a dokumentációt. A Facebook Lint oldalon megvan a képet a Facebook.

Írja be az URL-t ide, és FB frissíti a metaadatokat az oldalról:

https://developers.facebook.com/tools/debug (frissítve link)

A Facebook a spec, kódot használni, mint ez:

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

Forrás: Facebook Share

Megosztása a Facebook-on: Hogyan lehet javítani a Eredmények testreszabása kép, cím, és a szöveges

A fenti linkre. A lehető legjobb részvény, akkor szeretnénk, hogy azt sugallják, 3 db adatokat a HTML:

• Cím
• Rövid leírás
• Kép

Ez megvalósítható a következő, helyezni a „head” címke a HTML:

• Cím: <title>INSERT IGNORE POST TITLE</title>
• Kép: <meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/>
• Leírás: <meta name=description content="INSERT IGNORE YOUR SUMMARY TEXT"/>

Ha a honlap statikus HTML, akkor meg kell tennie ezt minden oldal használatával a HTML-szerkesztő.

Ha használja a CMS, mint Drupal automatizálható sok belőle (lásd a fenti linket). Ha wordpress, akkor talán végre valami hasonlót a Drupal például egy iránymutatás. Remélem találtam ezeket a hasznos.

Végül is mindig kézzel szerkeszteni a megosztás üzenetét. Lásd a példát illusztrációk .

Azt is volt kérdés a helyszínen dolgoztam a múlt héten. Én végre, mint a doboz, és teszteltük a hasonló dobozt. Aztán ment előre, hogy adjunk egy képet az én header (az ob: image meta). Még mindig a megfelelő kép nem jelenik meg az én facebook értesítést.

Mindent megpróbáltam, és arra a következtetésre jutott, hogy minden egyes végrehajtása tetszik gomb tároljuk. Tehát mondjuk nappal a Like gombot url, akkor adjon meg egy képet a fejléc és tesztelni, hogy rákattint a gombra Luke ismét url A. Nem fogja látni a képet az oldal gyorsítása. A kép jelenik meg, ha rákattint a Like gombot oldalon B.

Ahhoz, hogy állítsa vissza a cache, akkor használja a szösz hibakereső eszköz, ami a fent említett, és érvényesítse az összes URL azok számára, akik cache ... Ez az egyetlen dolog, ami nálam működött.

Facebook használ og:tags, és a Open Graph Protocol megfejteni, milyen információkat jelenítsen amikor megtekintette a URL-t egy részvény párbeszéd vagy egy hírcsatorna a facebook-on.

Az og:tagsinformációkat tartalmaznak, mint például:

• Az oldal címe
• Az oldal típusát
• az URL
• A honlapok nevét
• A leírás a oldal
• Facebook user_id a rendszergazdák az oldal (a facebook-on)

Itt egy példa (venni a facebook dokumentáció ) néhányog: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"/>

Miután végrehajtotta a megfelelő jelölést a og:tagsés állítsa értékük, akkor ellenőrizheti, mennyire facebook fogja tekinteni az URL segítségével a Facebook Debugger . A debugger eszköz azt is kiemelni, minden gond úgy találja, a og:tagsaz oldalon, vagy hiányzik ott-a.

Egy dolog, hogy tartsa szem előtt, hogy a facebook nem némi caching tekintetében ezt az információt, így annak érdekében, hogy változások érvénybe lépéséhez az oldal lesz t kell kaparni , ahogy az a dokumentáció:

Szerkesztése Meta Tags

Tudod frissíteni az attribútumokat az oldal frissítésével oldalad címkéket. Vegye figyelembe, hogy og: title és og: type csak szerkeszthető kezdetben - miután az oldalt kap 50 szereti a cím lesz fix, és miután az oldal kap 10.000 szereti a típus rögzül. Ezek a tulajdonságok vannak rögzítve, hogy ne meglepő felhasználók, akik szerették a lapot. Megváltoztatása a cím vagy típusú címkék, miután ezek a határértékek elérésekor nem csinál semmit, akkor az oldal megtartja az eredeti címet és típusát.

A módosítások megjelennek a Facebook-on, akkor kényszeríteni az oldalt le kell kaparni. Az oldal kaparni, ha egy admin az oldalon rákattint a Like gombot, vagy ha az URL bekerül a Facebook URL Linter Facebook nyomkövető ...

Látom, hogy az összes választ helyes. Azonban egy fontos részletet vették figyelembe: A méret a kép legalább 200 x 200 px, különben Facebook helyettesíteni fogja a miniatűr az első elérhető kép, amely megfelel a kritériumoknak az oldalon. Az is tény, hogy a minimálisan előírt, hogy tartalmazzák a 3 METAS, hogy a Facebook megköveteli az og: image érvénybe:

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

Webhelyen hibakeresést Facebook hibakereső és rögzíti az összes figyelmeztetést és működnie kell, mint a karikacsapás! https://developers.facebook.com/tools/debug

A legegyszerűbb módja találtam beállítani Facebook Open Graph minden Joomla cikket, hogy helyet com_content / article / default.php felülírás következő kód:

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

Ez a hely a meta tagek og a fejét részleteit az aktuális cikket.

Itt van, hogyan működik ez az összes:

1. Be kell arra, hogy hozzáférjenek a HTML az adott weboldal osztanak meg. Ez valószínűleg működik helyén széles is, ha egy közös header file. Még nem próbáltam, de meg kell dolgozni. Akkor csak kap az ugyanazt a képet minden oldalhoz, ha ezt mégis.

2. Meg kell adnia ezeket a HTML meta tagek be az oldalt az. Ez nem fog működni, ha betette a. Ügyeljen arra, hogy testre a per a) kép, b) leírása, c) URL-t és d) címet.

A Real példa.

<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. Mentés
4. Nyisson meg egy friss Facebook-bejegyzés, és indítsa újra a kívánt lap megosztani.
5. Ha gondjai vannak ... akkor debug meg ezt a Facebook eszköz. Úgy néz ki, több geeky mint amilyen valójában. Azt mondja, amit a Facebook lát ha postai úton az URL megosztani.

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

Nagy Tipp .. ellenőrizze, hogy a „idézőjelek” ugyanaz a HTML (meg kell nézni, mint a 2 egyenes vonalú, és nem görbék ... néha programok változtatni ezeket a különböző betűtípusok és goofs fel a kódot.