Podsumowanie
darmowe narzędzie do podglądu Open Graph pokazuje, jak link będzie wyglądał po udostępnieniu na Facebooku, X, LinkedIn i WhatsAppie, zanim go opublikujesz. Wpisz tytuł, opis, adres URL obrazu, nazwę witryny i adres URL strony, przełączaj się między czterema sieciami i czytaj listę kontrolną: tytuł od 15 do 70 znaków, opis od 55 do 200 znaków i obraz 1200 × 630 pikseli. Potem skopiuj te wartości do swoich tagów og:.
Chcesz dowiedzieć się więcej? Zapytaj
Podgląd Open Graph odpowiada na jedno pytanie: co zobaczą ludzie, gdy ktoś wklei Twój link w poście lub na czacie? Odpowiedź pochodzi z kilku meta tagów w sekcji head strony. Protokół Open Graph, opublikowany na ogp.me, wymienia cztery właściwości wymagane na każdej stronie: og:title, og:type, og:image i og:url. Gdy ich brakuje, każda platforma zgaduje, a zgadywanie często kończy się złym obrazem lub etykietą menu jako tytułem.
Co pokazuje narzędzie do podglądu Open Graph?
Narzędzie rysuje jedną kartę udostępnienia naraz, z zakładką dla każdej sieci, i aktualizuje ją w trakcie pisania. Każda platforma układa te same tagi inaczej, dlatego karta, która dobrze wygląda w jednej sieci, może być ucięta w innej.
| Sieć | Co pokazuje karta w narzędziu | Na co uważać |
|---|---|---|
| Obraz, domenę, tytuł i opis | Cała karta: liczy się każde pole | |
| X | Obraz z tytułem na wierzchu, domenę poniżej | Słaby obraz ukrywa dobry tytuł |
| Obraz, tytuł i domenę | Opis nie jest pokazywany, więc przekaz musi unieść tytuł | |
| Dymek czatu z obrazem, tytułem, opisem i domeną | Karta jest mała: najważniejsze są pierwsze słowa tytułu |
Pod kartą trzyliniowa lista kontrolna zmienia kolor na zielony lub czerwony: długość tytułu, długość opisu i to, czy obraz jest ustawiony. Jeśli adres URL obrazu się nie wczytuje, karta wraca do pustego zastępnika, co dokładnie tak wygląda przy zepsutym og:image w prawdziwym kanale.
Jak krok po kroku korzystać z narzędzia?
- Wpisz tytuł, którego zamierzasz użyć w og:title. Może się różnić od tagu title strony: napisz go dla osoby przewijającej kanał, a nie dla wyniku wyszukiwania.
- Dodaj nazwę witryny (og:site_name) i opis (og:description).
- Wklej adres URL obrazu, bezwzględny adres pliku, który umieścisz w og:image, zaczynający się od https://.
- Wpisz adres URL strony: narzędzie wyodrębni domenę, którą wyświetla każda sieć.
- Przełączaj zakładki, aby po kolei sprawdzić Facebooka, X, LinkedIn i WhatsAppa, i poprawiaj listę kontrolną, aż wszystkie trzy linie będą zielone.
Nic nie jest wysyłane ani zapisywane: podgląd jest rysowany w Twojej przeglądarce, więc możesz swobodnie testować niepublikowane strony i robocze obrazy.
Jakich tagów Open Graph potrzebuje strona?
Cztery są wymagane przez protokół, a dwa kolejne dopełniają kartę. Protokół Open Graph prosi też, aby strona z og:image określała og:image:alt, czyli opis tego, co obraz przedstawia.
| Tag | Rola | Przykładowa wartość |
|---|---|---|
| og:title | Tytuł karty | Darmowe narzędzie do podglądu Open Graph |
| og:type | Typ obiektu: website, article, product… | article |
| og:image | Bezwzględny adres URL obrazu podglądu | https://example.com/og/cover.jpg |
| og:url | Kanoniczny adres strony | https://example.com/guide |
| og:description | Jedno lub dwa zdania pod tytułem | Zobacz, jak wyglądają Twoje linki, zanim je udostępnisz. |
| og:site_name | Nazwa całej witryny | Przykład |
| og:image:alt | Opis obrazu dla osób, które go nie widzą | Laptop pokazujący wykres sprzedaży |
Og:url powinien odpowiadać kanonicznemu adresowi URL strony, aby udostępnienia różnych wersji tego samego adresu sumowały się na jednym obiekcie. Aby napisać wszystkie te tagi naraz, użyj generatora meta tagów, a o różnicy między tagami SEO a tagami społecznościowymi przeczytasz w naszym haśle słownika o meta tagach.
Jaki rozmiar obrazu działa w każdej sieci?
1200 × 630 pikseli, proporcje 1,91:1, działają w głównych sieciach. Meta prosi o obrazy o rozmiarze co najmniej 1200 × 630 pikseli dla najlepszego wyświetlania na ekranach o wysokiej rozdzielczości i o proporcje możliwie bliskie 1,91:1, by uniknąć przycinania; LinkedIn prosi o co najmniej 1200 × 627 pikseli przy tych samych proporcjach.
| Platforma | Zalecany rozmiar | Minimum | Maksymalny rozmiar pliku |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, proporcje 1,91:1 | 200 × 200 px; 600 × 315 px dla dużych postów z linkiem | 8 MB |
| LinkedIn (LinkedIn Help) | Proporcje 1,91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, szerokość co najmniej 1200 px | Ponad 300000 pikseli łącznie | Nie określono |
Umieść temat i ewentualny tekst w środku obrazu, ponieważ niektóre układy przycinają krawędzie. Skompresuj plik przed publikacją za pomocą kompresora obrazów: lżejszy plik jest szybszy do pobrania dla każdej sieci.
Jak długie powinny być og:title i og:description?
Celuj w tytuł od 15 do 70 znaków i opis od 55 do 200 znaków. To zakresy używane przez listę kontrolną: poniżej nich karta wygląda na pustą, powyżej większość układów ucina tekst wielokropkiem, zwłaszcza na urządzeniach mobilnych i w małym dymku WhatsAppa.
- Najważniejsze słowa umieść na początku. W LinkedIn opis jest ukryty, a w X tytuł leży na obrazie: początek tytułu musi działać samodzielnie.
- Nie kopiuj meta description słowo w słowo. Fragment wyszukiwania odpowiada na zapytanie; karta udostępnienia ma zatrzymać kogoś przewijającego. Fragmenty do wyszukiwarki przygotuj w generatorze meta opisów i podglądzie SERP, a potem dostosuj je do mediów społecznościowych.
- Unikaj clickbaitu. Karta obiecująca więcej, niż daje strona, przyprowadza wizyty, które od razu wychodzą.
Czy tagi Open Graph pomagają w SEO?
Nie jako czynnik rankingowy, ale Google odczytuje niektóre z nich. Google wymienia zawartość og:title wśród źródeł, z których buduje linki tytułowe w wynikach wyszukiwania (Google, title links). Jego system nazw witryn bierze pod uwagę także og:site_name, po danych strukturalnych WebSite (Google, site names). A dla Discover Google zaleca wskazanie dużego, reprezentatywnego obrazu za pomocą znaczników schema.org lub tagu og:image i unikanie obrazów ogólnych, takich jak logo.
Liczą się też skutki pośrednie. Czytelna karta zdobywa więcej kliknięć, gdy Twoja strona jest udostępniana, a każde udostępnienie to szansa na przeczytanie, zacytowanie i zlinkowanie. Nasze hasło słownika o sygnałach społecznościowych wyjaśnia, co Google bierze, a czego nie bierze z aktywności w mediach społecznościowych.
Dlaczego sieć nadal pokazuje stary podgląd?
Ponieważ platformy buforują to, co odczytały za pierwszym razem. Meta wyjaśnia, że jego robot pobiera i buforuje metadane adresu URL, gdy zostanie on po raz pierwszy udostępniony, że obrazy są buforowane według swojego adresu URL i że aktualizacja obrazu nie aktualizuje podglądu starych udostępnień. Aby odświeżyć stronę, przepuść ją przez Sharing Debugger i nadaj nowemu obrazowi nową nazwę pliku zamiast nadpisywać stary. LinkedIn oferuje takie samo odświeżanie w swoim narzędziu Post Inspector.
Jeśli obraz nigdy się nie pojawia, sprawdź, czy plik jest publiczny: LinkedIn zaznacza, że strona blokująca jego robota lub obraz przechowywany w chronionym folderze uniemożliwia podgląd.
Jakie błędy psują kartę udostępnienia?
- Względny adres URL obrazu, taki jak /img/cover.jpg. Sieci pobierają obraz spoza Twojej witryny i potrzebują pełnego adresu https://.
- Brak og:image w ogóle. Sieć wybiera dowolny obraz ze strony, często logo lub ikonę.
- Dwa tagi og:title lub og:image dodane jednocześnie przez motyw i wtyczkę. Zostaw po jednym.
- Ten sam obraz na każdej stronie. Logo całej witryny sprawia, że każde udostępnienie wygląda identycznie; Google odradza też obrazy ogólne dla Discover.
- Tagi dodawane przez JavaScript po załadowaniu. Roboty udostępnień czytają kod HTML zwrócony przez serwer; tagi wstrzyknięte później mogą nigdy nie zostać zobaczone.
Jak karty udostępnienia wpisują się w plan treści?
Każdy opublikowany artykuł zostanie gdzieś udostępniony: w newsletterze, poście na LinkedIn, czacie zespołu lub odpowiedzi na forum. Zaplanowanie karty razem z artykułem oszczędza rundę poprawek po premierze. Generator artykułów blogowych Sorank pisze artykuły z podanymi źródłami i obrazem okładki oraz publikuje je na Twojej stronie, a panel GEO / SEO śledzi potem ruch i wzmianki, które te strony zdobywają w Google i w odpowiedziach AI.
Dobra karta udostępnienia to obraz 1200 × 630, czytelny tytuł i uczciwy opis, sprawdzone w każdej sieci przed publikacją posta. Obejrzyj podgląd swojej teraz, a potem zobacz plany Sorank, aby na autopilot publikować treści gotowe do udostępniania.
