Krótka odpowiedź
Link wyświetla się bez zdjęcia, bo strona nie podaje Facebookowi danych Open Graph – czyli informacji, jakie zdjęcie, tytuł i opis pokazać w podglądzie. Facebook zgaduje wtedy na własną rękę i często wybiera logo, przypadkowy fragment tekstu albo nic. Drugi częsty powód: Facebook pamięta starą wersję strony i trzeba go poprosić o ponowne pobranie.
Bez Open Graph
Z Open Graph
Jak sprawdzić, czy moja strona ma dane Open Graph?
- Wyślij sobie link do produktu lub podstrony na Messengerze albo WhatsAppie. Zobacz, czy podgląd ma zdjęcie, sensowny tytuł i opis.
- Wklej adres w narzędziu Facebooka Sharing Debugger. Pokaże, jakie dane widzi Facebook i jakich brakuje (np. og:image).
- Sprawdź co najmniej trzy rodzaje stron: główną, produkt lub usługę i wpis na blogu – często każda zachowuje się inaczej.
Co to jest Open Graph i dlaczego ma znaczenie dla sprzedaży?
Open Graph to kilka niewidocznych znaczników w kodzie strony, które mówią serwisom społecznościowym i komunikatorom: to jest tytuł, to opis, a to zdjęcie. Gdy klientka poleca Twój produkt znajomej na Messengerze, podgląd linku jest pierwszą rzeczą, którą znajoma zobaczy. Ładne zdjęcie produktu i jasny opis zachęcają do kliknięcia, a logo sprzed lat i „Strona główna” – nie.
Polecenia w komunikatorach są dla małych sklepów i firm usługowych jednym z ważniejszych źródeł klientów – a nie widać ich w żadnych statystykach reklamowych. Dobry podgląd linku działa przy każdym takim poleceniu, bez dodatkowych kosztów.
Jakie znaczniki są potrzebne?
| Znacznik | Co mówi | Najczęstszy błąd |
|---|---|---|
| og:title | tytuł w podglądzie | ten sam tytuł na każdej stronie |
| og:description | krótki opis pod tytułem | fragment regulaminu albo stopki |
| og:image | zdjęcie w podglądzie | logo zamiast zdjęcia produktu albo brak |
| og:url | właściwy adres strony | adres z parametrami kampanii |
| og:type | rodzaj treści: strona, artykuł, produkt | brak – zwykle mniej szkodliwy |
Dla sklepów warto dodać też cenę i dostępność produktu. Nie każdy serwis je pokazuje, ale nie zaszkodzą.
Jak przygotować dobre zdjęcie do udostępniania?
- Wymiary 1200×630 pikseli (proporcje ok. 1,91:1) – tak wygląda większość podglądów.
- Najważniejsze w środku – różne aplikacje przycinają brzegi inaczej.
- Bez drobnego tekstu – w małym podglądzie na telefonie i tak nie będzie czytelny.
- Waga do kilkuset kilobajtów – zbyt duże zdjęcie bywa pomijane.
- Dla produktów – zdjęcie produktu na czystym tle, a dla stron i artykułów – osobna grafika z tytułem lub zdjęciem.
Dlaczego Facebook pokazuje stare zdjęcie?
Facebook zapisuje podgląd strony przy pierwszym udostępnieniu i potem przez jakiś czas korzysta z zapisanej wersji. Po zmianie zdjęcia otwórz Sharing Debugger, wklej adres i kliknij „Scrape Again”. Dotyczy to każdej podstrony osobno – zmiana zdjęcia strony głównej nie odświeża podglądu produktów.
Facebook w ogóle nie może pobrać strony – co wtedy?
Jeśli Sharing Debugger pokazuje błąd pobierania (np. kod odpowiedzi 0 lub 403), a strona normalnie działa w przeglądarce, problem leży zwykle po stronie serwera: zapora hostingu, ochrona przed botami albo wtyczka bezpieczeństwa blokują robota Facebooka. Warto wtedy napisać do hostingu z prośbą o odblokowanie robota „facebookexternalhit”. Czasem winne jest też okno zgód na cookies, które zasłania całą treść przed robotami – dobrze zrobione okno nie powinno zmieniać tego, co widzi robot.
Jak ustawić to w WordPressie krok po kroku?
- Sprawdź, co już masz – większość wtyczek SEO dodaje znaczniki Open Graph. Upewnij się, że robi to tylko jedna wtyczka, a nie wtyczka i motyw jednocześnie.
- Ustaw zdjęcie domyślne – w ustawieniach wtyczki SEO wskaż grafikę 1200×630 px, która pojawi się, gdy strona nie ma własnego zdjęcia.
- Ustaw zdjęcie wyróżniające na ważnych stronach i we wpisach – większość wtyczek użyje go w podglądzie.
- Dla produktów – sprawdź, czy w podglądzie pojawia się zdjęcie produktu, a nie logo. Jeśli nie, problem leży w ustawieniach wtyczki lub motywu.
- Opisy – na kluczowych stronach wpisz krótki opis (do ok. 155 znaków) zamiast zostawiać automatyczny fragment tekstu.
- Test – po zmianach sprawdź kilka adresów w Sharing Debuggerze i kliknij „Scrape Again”.
Czy to wpływa też na Google?
Open Graph służy głównie mediom społecznościowym i komunikatorom. Google korzysta z innego zestawu danych – danych strukturalnych (schema.org), które mówią m.in. o cenie, dostępności i firmie. Najczęściej brakuje obu jednocześnie, dlatego naprawiam je razem. Więcej w poradniku Co to są dane strukturalne i czy mój sklep ich potrzebuje?, a o asystentach AI w poradniku Jak sprawić, żeby ChatGPT polecał mój sklep?.
Co, jeśli strona jest też wolna?
Wolna strona i słaby podgląd linków to dwa najczęstsze problemy starszych sklepów na WordPressie. Rozwiązane razem kosztują mniej, bo przegląd motywu i wtyczek robię raz.
Chcesz zobaczyć, jak wygląda link do Twojej strony? W bezpłatnym przeglądzie dostaniesz zrzut ekranu podglądu i listę brakujących danych.
