Jak zobrazit konkrétní obrázek jako náhled při realizaci podílu na Facebooku?

Měl jsem stejné problémy a že jsem to vyřešil. Použil jsem link značku metadat, jak je uvedeno zde poukázat na obrázku jsem chtěl, ale klíčové je, že pokud to uděláte FB nebude tahat další snímky jako volby. Také, pokud váš obrázek příliš velký, nebude mít žádné volby vůbec.

Zde je návod, jak jsem pevně mé stránky http://gnorml.com/blog/facebook-link-thumbnails/

Moje značky byly správné, ale Facebook škrábanců pouze každých 24 hodin, v závislosti na jejich dokumentaci. Na stránce Facebook Lint dostal obraz na Facebooku.

Zadat URL tady a FB bude aktualizovat metadata z vaší stránky:

https://developers.facebook.com/tools/debug (aktualizováno link)

Z Facebooku spec, použijte kód, jako je toto:

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

Zdroj: Facebook

Sdílení na Facebooku: Jak zlepšit své výsledky přizpůsobením obrazu, název a text

Z výše uvedený odkaz. Pro dosažení nejlepšího možného podílu, budete chtít navrhnout 3 kusy dat v kódu HTML:

• Titul
• Stručný popis
• obraz

To provádí následující, umístěného uvnitř ‚hlavy‘ značku kódu HTML:

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

Máte-li webové stránky jsou statické HTML, budete muset provést pro každou stránku pomocí HTML editoru.

Pokud používáte CMS jako Drupal, můžete automatizovat spoustu ní (viz odkaz výše). Pokud používáte WordPress, budete pravděpodobně realizovat něco podobného na příkladu Drupal jako vodítko. Doufám, že jste našel tyto užitečné.

A konečně, vždy můžete manuálně upravovat své příspěvky sdílet. Viz tento příklad s ilustracemi .

Také jsem měl problém na místě jsem pracoval na minulý týden. Jsem implementoval podobného krabici a testovali jako box. Pak jsem šel napřed přidat obrázek do mého hlavičky (ob: image meta). Stále správný image neukázala na mém oznámení facebooku.

Zkoušel jsem všechno, a dospěl k závěru, že každý implementace tlačítka, jako je cache. Takže řekněme, že clock tlačítko Like na adresu URL, pak určíte obrázek v záhlaví a také vyzkoušet jeho opětovným kliknutím na tlačítko Luke na url A. Neuvidíte obraz, protože strana je uložena do mezipaměti. Obraz se objeví po kliknutí na tlačítko Like na straně B.

Chcete-li obnovit cache, budete muset použít lint ladicí nástroje, které je uvedeno výše, a ověřovat všechny adresy URL pro ty, které jsou ukládány do mezipaměti ... To je jediná věc, která pracovala pro mě.

Facebook používá og:tagsa Otevřené Graf protokol dešifrovat, jaké informace se zobrazí, když si můžete prohlédnout adresy URL v dialogu akcií nebo v krmivu pro motorkáře.

og:tagsObsahují informace, jako jsou:

• Název stránky
• Typ stránky
• URL
• Název webové stránky
• Popis stránky
• Facebook user_id ze správců stránky (na Facebooku)

Zde je příklad (převzato z dokumentace facebook ) některýchog: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"/>

Poté, co jste zavedli správné označení z og:tagsa nastavit jejich hodnoty, můžete vyzkoušet, jak bude facebook zobrazit URL pomocí Facebook debuggeru . Nástroj Ladicí bude také upozorňovat na jakékoliv problémy, které najde s og:tagsna stránku, nebo nedostatek tamní-of.

Jedna věc je mít na paměti, že facebook dělá udělat nějaké kešování ve vztahu k těmto informacím, takže aby se změny mohly projevit svou stránku bude mít t být poškrábaný , jak je uvedeno v dokumentaci:

Editace Meta Tagy

Můžete aktualizovat atributy stránce aktualizací značky vaší stránky. Všimněte si, že vlastnost og: title a og: typem jsou pouze upravitelné zpočátku - poté, co vaše strana obdrží 50 líbí název stává pevnou, a poté, co vaše strana obdrží 10.000 rád typ ustálí. Tyto vlastnosti jsou stanoveny, aby se zabránilo překvapivé uživatele, kteří si přáli stránky již. Změna názvu nebo typu značky po dosažení těchto limitů nedělá nic, vaše stránka zachovává původní název a typ.

Aby se změny projeví na Facebooku, musíte nutit své stránky, které mají být poškrábaný. Stránka je poškrábaný, když admin na stránce klikne na tlačítko Like nebo když je adresa URL zadaná do Facebook URL Linter Facebook debuggeru ...

Vidím, že všechny odpovědi jsou správné. Avšak jeden důležitý detail byl přehlížen: Velikost obrazu musí být alespoň 200 x 200 px, jinak Facebook nahradí miniaturu s první dostupné obrazu, který splňuje kritéria, na jejichž straně. Dalším faktem je, že minimální nutné je zahrnout 3 Metas, že Facebook vyžaduje pro og: image projevily:

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

Ladění stránku Facebook debugger a opravit všechna varování a měl by fungovat jako kouzlo! https://developers.facebook.com/tools/debug

Nejjednodušší způsob, jak jsem zjistil, nastavit Facebook Open Graph každému Joomla článku bylo umístit v com_content / článku / default.php ovládáním, další 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;

To bude klást meta tagy OG v čele s podrobnostmi z aktuálního článku.

Zde je návod, jak to funguje všechno:

1. Potřebujete možnost přístupu HTML na konkrétní webové stránky, kterou sdílíte. To bude pravděpodobně fungovat web široký i pokud používáte společný soubor záhlaví. Nezkoušel jsem to, ale mělo by to fungovat. Budete jen dostat stejný obraz po všech stránkách, pokud to budete dělat ačkoli.

2. Je třeba přidat tyto HTML meta tagy na stránce v Libereckém kraji. To nebude fungovat, pokud jste to v Libereckém kraji. Ujistěte se, že přizpůsobit dle vašeho písmene a) obrazu, b) popis, c) URL, a d) titulu.

Real Příklad.

<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. Uložit
4. Otevřete nový příspěvek na Facebooku, a opakujte stránky jste chtěli sdílet.
5. Máte-li potíže s ... můžete ji ladit s tímto nástrojem na Facebooku. Zdá se, že více geeky, než to je. To vám řekne, co Facebook je vidět, když post v URL ke sdílení.

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

Big Tip .. ujistěte se, že „Uvozovky“ jsou stejné v HTML (měly by vypadat 2 přímočarých značek a bez zatáček ... někdy programů je změnit na různých fontů a goofs up kód.