Miniaturki przy udostępnianiu stron na Facebooku

Wpis ten omawia co zrobić jeśli przy udostępnianiu naszej strony www na Facebooku nie wyświetlają się prawidłowe miniaturki.

Przyczyny problemu

Istnieją 3 główne powody, przez które obrazy z naszego bloga, strony z ogłoszeniami czy innego portalu nie wyświetlają się prawidłowo w Facebooku, oto one:
1. link do obrazu jest nieprawidłowy lub nie zawiera nazwy domeny
2. obrazek jest za mały
3. Facebook przechowuje w cachu (pamięci podręcznej) wcześniejszą wersję obrazu

Ostatni problem występuje często jeśli dopiero co zmieniliśmy miniaturkę wpisu, zdjęcia w ogłoszeniu na stronie, itd. i chcielibyśmy ją od razu udostępnić na Facebooku.

Rozwiązanie 1: znacznik og:image

Sprawdź czy w źródle strony znajduje się znacznik meta og:image, który informuje Facebook jaką powinien użyć miniaturkę. Powinien on wyglądać podobnie do:

<meta property="og:image" content="https://wyremski.pl/upload/images/logo_facebook.png">

Gdzie w content powinna być ścieżka do zdjęcia koniecznie z nazwą domeny. 
Sprawdź też koniecznie czy ścieżka jest prawidłowa – czy obrazek istnieje na serwerze. Nazwa pliku nie powinna zawierać spacji.

Rozwiązanie 2: rozmiar zdjęcia

Zgodnie z zaleceniami Facebooka https://developers.facebook.com/docs/sharing/best-practices#images obecnie:
– rekomendowany rozmiar zdjęcia to 1200px x 630px
– minimalny rekomendowany rozmiar zdjęcia to 600px x 315px
– minimalny rozmiar zdjęcia by zostało uwzględnione to 200px x 200px
– rekomendowane proporcje zdjęcia to 1.91:1

Sprawdź czy Twoje zdjęcie spełnia powyższe warunki.

Rozwiązanie 3: Sharing Debugger

Jeśli dwa powyższe rozwiązanie nie zadziałały to najprawdopodobniej problem wynika z tego, że Facebook trzyma stary obrazek w swojej pamięci podręcznej.
Na szczęście mamy dostępne narzędzie, które pozwoli podejrzeć jakie dane są cachowane przez Facebooka oraz zmusić go do odświeżenia informacji. To narzędzie to Sharing Debugger, dostępne pod adresem: https://developers.facebook.com/tools/debug/
W pole „Enter a URL to see the information that is used when it is shared on Facebook” należy wkleić adres URL naszego wpisu na blogu/strony z ogłoszeniem, a następnie kliknąć na przycisk „Debug”. Po chwili zobaczymy jak Facebook widzi naszą stronę. Jeśli dane są nieprawidłowe to klikamy na „Scrape Again” – Facebook powinien po tym pobrać nowe dane w tym miniaturkę.

Dla programistów, którzy nie chcą za każdym razem wchodzić do Sharing Debugger polecam dodać do kodu JavaScript strony www następujący skrypt tak aby automatycznie wykonywał się po aktualizacji wpisu:

$.post(
    'https://graph.facebook.com',
    {
        id: 'tutaj powinień się znaleźć adres www wpisu',
        scrape: true
    },
    function(response){
        console.log(response);
    }
);

Podsumowanie

Mam nadzieję, że ten wpis pomoże w rozwiązaniu częstego problemu z miniaturkami przy dodawaniu wpisu na Facebooku z linkiem do naszej strony. Jeśli jednak żadne z trzech rozwiązań nie działa, to prosiłbym o taką informację w komentarzu, spróbujemy poszukać rozwiązania:)

Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Więcej informacji

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close