Jak wykazują szczególną obraz jako miniatury podczas wdrażania Udostępnij na Facebooku?

Miałem te same problemy i wierzę, że rozwiązali go. Kiedyś tag meta linku jak wspomniano tutaj, aby wskazać obraz chciałem, ale kluczem jest to, że jeśli to zrobisz FB nie będzie ciągnąć jakieś inne obrazy, jak wybory. Także, jeśli obraz jest zbyt duży, nie będzie żadnych wyborów w ogóle.

Oto jak naprawiłem moją witrynę http://gnorml.com/blog/facebook-link-thumbnails/

Moje tagi były prawidłowe, ale Facebook zgarnia tylko co 24 godzin, w zależności od ich dokumentacji. Korzystanie ze strony Facebook Lint dostaje obraz na Facebooku.

Wpisz swój adres tutaj i FB będzie zaktualizować metadane z Twojej strony:

https://developers.facebook.com/tools/debug (aktualizacja Link)

Od Facebooka specyfikacji, należy użyć kodu:

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

Źródło: Facebook Share

Udostępnianie na Facebooku: Jak poprawić wyniki według Dostosowywanie grafikę, tytuł i tekst

Z linku powyżej. Dla najlepszego możliwego udziału, będziemy chcieli zaproponować 3 kawałki danych w kodzie HTML:

• Tytuł
• Krótki opis
• Obraz

Ten dokonane przy pomocy następujących umieszczonym wewnątrz głowy „” tagu HTML:

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

Jeśli strona jest statyczny HTML, musisz to zrobić dla każdej strony przy użyciu edytora HTML.

Jeśli używasz CMS Drupal jak można zautomatyzować wiele z niego (patrz wyżej link). Jeśli używasz WordPress, prawdopodobnie można zaimplementować coś podobnego na przykładzie Drupal jako wytyczne. Mam nadzieję, że te użyteczne.

Wreszcie, zawsze można ręcznie edytować swoich postów na akcje. Zobacz ten przykład z ilustracjami .

Miałem też problem na miejscu byłem w pracy ostatniego tygodnia. I wdrożone jak pudełko i przetestowany pole podobnego. Potem poszedł do przodu, aby dodać zdjęcie do mojego nagłówka (OB: meta obraz). Nadal prawidłowy obraz nie pojawi się na moim facebook powiadomienia.

Próbowałem wszystkiego, i doszedł do wniosku, że każda realizacja jak przycisk jest buforowane. Więc powiedzmy, że zegar the Podoba przycisk url, a następnie określić obraz w nagłówku i go przetestować, klikając przycisk Luke ponownie url A. Nie będzie widać obraz jako strona jest buforowane. Obraz pojawi się po kliknięciu na przycisku na stronie B.

Aby zresetować pamięć, trzeba użyć narzędzia szarpie debugger, który jest wymieniony powyżej, i sprawdzić wszystkie adresy URL dla tych, które są buforowane ... To jedyna rzecz, która pracowała dla mnie.

Facebook wykorzystuje og:tagsi Open Graph Protocol rozszyfrować jakie informacje wyświetlane podczas podglądu URL w oknie zakładowym lub w kanale aktualności na Facebooku.

og:tagsZawierać takie informacje jak:

• Tytuł strony
• Typ strony
• URL
• Nazwa strony internetowe
• Opis strony
• Facebook USER_ID na administratorów strony (na facebooku)

Oto przykład (wzięte z dokumentacji facebook ) niektóreog: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"/>

Kiedy już wdrożony prawidłowy znacznik z tą og:tagsi ustawić ich wartości, można sprawdzić, jak facebook będzie zobaczyć adres URL za pomocą Facebook Debugger . Narzędzie debugger będzie również podkreślić żadnych problemów z znalezione og:tagsna stronie lub brak tam-z.

Jedną z rzeczy, o których warto pamiętać jest to, że Facebook ma zrobić buforowanie w odniesieniu do tych informacji, tak, aby zmiany zaczęły obowiązywać będzie mieć swoją stronę t być ociera jak podano w dokumentacji:

Edycja meta tagi

Można aktualizować atrybuty swojej strony poprzez aktualizację tagów Twojej strony. Zauważ, że og: title i og: typ można edytować tylko początkowo - po strona otrzyma 50 lubi tytuł staje się stały, a po strona otrzyma 10.000 lubi typ zostaje ustalona. Właściwości te są przymocowane do uniknięcia zaskakujące użytkowników, którzy lubili stronę już. Zmiana tytułu lub typu znaczniki po osiągnięciu tych limitów nie robi nic, strona zachowuje oryginalną nazwę i typ.

Aby zmiany zostały odzwierciedlone na Facebooku, musisz zmusić swoją stronę do zgarniania. Strona jest ociera gdy admin strony kliknie przycisk podobnych lub gdy adres URL jest wpisany do Facebook URL Linter Facebooku Debugger ...

Widzę, że wszystkie odpowiedzi udzielane są poprawne. Jednak jeden ważny szczegół nie został pominięty: Wielkość obrazu musi wynosić co najmniej 200 x 200 px, inaczej Facebook zastąpi miniaturkę z pierwszego dostępnego obrazu, który spełnia kryteria na stronie. Kolejnym faktem jest to, że minimalna wymagana jest uwzględnienie 3 Metas że Facebook wymaga dla og: obraz do podjęcia efekt:

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

Debugować stronę z Facebooka debugger i naprawić wszystkie ostrzeżenia i powinno działać jak czar! https://developers.facebook.com/tools/debug

Najprostszym sposobem znalazłem ustawić Facebook Open Graph do każdego artykułu Joomla, miała miejsce w com_content / article / default.php ręcznym, następnego kodu:

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

Spowoduje to meta tagi og w głowę szczegóły z obecnym art.

Oto jak to działa wszystko:

1. W przeglądarce musi być możliwość dostępu do kodu HTML na stronie internetowej danego uzywasz. To będzie prawdopodobnie działać witryny szeroki zbyt jeśli używają wspólnego pliku nagłówka. Nie próbowałem, ale powinno działać. Będziesz po prostu ten sam obraz dla wszystkich stron, jeśli nie to chociaż.

2. Trzeba dodać tagi meta na stronie HTML w. To nie będzie działać, jeśli umieścić go w. Upewnij się, aby dostosować na swoje wa) obrazu, b) opis, c) adres URL, oraz d) tytułowego.

Rzeczywistym przykładzie.

<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. Zapisać
4. Otwórz świeżego Facebook post, i ponownie stronę, którą chciałem się podzielić.
5. Jeśli masz problem ... można debugować go z tego narzędzia na Facebooku. To wygląda bardziej naukowy niż jest. Mówi ci, co Facebook widzi kiedy piszesz w URL do akcji.

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

Big Tip .. upewnij się, że „cudzysłowy” są takie same w HTML (powinny one wyglądać 2 prostych znaków i bez krzywych ... czasami programy zmienić te do różnych czcionek i goofs się kod.