Facebook share url thumbnail problem [duplikat]

Możliwy duplikat:
jak Facebook Sharer wybiera Zdjęcia?

Chcesz mieć share thumbnail, gdy użytkownik udostępnia adres URL witryny za pomocą przycisku share na stronie, która używa http://www.facebook.com/sharer.php aby to osiągnąć.

Strona nie posiada znaczników img, wszystkie obrazy są zdefiniowane w css.

Dodałem meta tagi dla obrazka:

<meta property="og:image" content="/images/branding/branding-logo.png"/>

I

<link rel="image_src" href="/images/branding/branding-logo.png"/>

Ale nie działa: (

Author: Community, 2011-02-11

3 answers

Użyj pełnej listy meta tagów Open Graph :

  • og:title-Tytuł podmiotu.
  • og:type-rodzaj podmiotu. Należy wybrać typ z listy typów otwartych Wykresów.
  • og:image-adres URL do obrazu, który reprezentuje obiekt. Obrazy muszą mieć co najmniej 50 pikseli na 50 pikseli. Kwadratowe obrazy działają najlepiej, ale możesz używać obrazów do trzech razy szerszych niż wysokie.
  • og: url - kanoniczny, stały adres URL strony reprezentowanie podmiotu. Gdy używasz znaczników Open Graph, przycisk Like umieszcza łącze do adresu URL og:zamiast adresu URL w kodzie przycisku Like.
  • og: site_name - czytelna dla człowieka Nazwa Twojej witryny, np. "IMDb".
  • Facebook: Facebook Platform app_id - oddzielona przecinkami lista ID administratorów stron lub Facebook Platform application ID. Co najmniej Dołącz tylko swój własny identyfikator Facebook.

Używaj również bezwzględnych adresów URL zamiast względnych!

EDIT:
Należy pamiętać, że Facebook buforuje strony internetowe przez określony czas, więc możesz nie zauważyć zmian od razu. Dobrym sposobem na sprawdzenie, czy Facebook rzeczywiście przyjmie twoje zmiany, jest sfałszowanie parametru w adresie URL.
na przykład, jeśli twój adres URL brzmi: http://example.com/index.php
Dodaj coś w stylu: http://example.com/index.php?123, a następnie użyj go w Linterze URL . ;-)

Edytuj 2:
Możesz bezpośrednio użyć Lintera Facebook (teraz o nazwie Debugger ), ale być świadomi, że niektóre dane nie można być zmienione w niektórych przypadkach, opisane tutaj :

Edycja Znaczników Meta

Możesz zaktualizować atrybuty swojej strony, aktualizując jej tagi. Zauważ, że og: title I og: type są edytowalne tylko początkowo-po otrzymaniu 50 polubień tytuł zostaje naprawiony, a gdy Twoja strona otrzyma 10,000 polubień, Typ zostanie naprawiony. Właściwości te są stałe, aby uniknąć zaskakujących użytkowników, którzy lubili już strona. Zmiana tytułu lub znaczników typu po tych granicach są osiągane nic nie robi, Twoja strona zachowuje oryginalny tytuł i Typ.

 20
Author: ifaour,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-08-17 11:50:16

Wklej swój ulr tutaj https://developers.facebook.com/tools/debug /. Debugger facebook Open Graph powie Ci dokładnie, co czytasz na swojej stronie. A także zaktualizuje pamięć podręczną facebook Twojej strony, aby mogła ponownie odczytać obrazy z niej.

 6
Author: Carlos Muñoz,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-12-08 05:43:29

Jakby ktoś powiedział, Musisz użyć bezwzględnych adresów URL, bo inaczej nie będą wyświetlane. Znacznik <link> powinien działać poprawnie.

 0
Author: Manuel Pedrera,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-02-12 13:40:09