Zaktualizowano na 2027 rok. Obrazy Open Graph to miniatury, które Facebook, LinkedIn, WhatsApp, Slack, Twitter/X i Discord wyświetlają, gdy ktoś udostępnia Twój link. Zrób je dobrze, a Twój CTR w mediach społecznościowych się podwoi; zrób je źle, a Twoje treści będą wyglądać na uszkodzone w każdym kanale. Ten przewodnik obejmuje specyfikację obrazów Open Graph na 2027 rok, wymiary obrazów, logikę awaryjną oraz sposób automatycznego generowania obrazów OG dla każdego wpisu na WordPressie.
Ten artykuł został pierwotnie opublikowany wcześniej i został odświeżony na 2026 rok — zaktualizowany o wyszukiwarki AI (ChatGPT, Claude, Perplexity), aktualne sygnały rankingowe Google oraz nowoczesne najlepsze praktyki WordPress. Oryginalne porady są nadal aktualne; dodaliśmy to, co się zmieniło.
Karty mediów społecznościowych są często pomijane przez Community Managerów, a to poważny błąd: mają one ogromną moc podwojenia lub potrojenia Twojego ruchu i udostępnień w mediach społecznościowych.
Tweety z linkami do obrazów uzyskują dwukrotnie wyższy wskaźnik zaangażowania niż te bez obrazów, a te wartości są jeszcze lepsze dla Facebooka, jak podaje Buffer.
Dodawanie obrazów do postów w mediach społecznościowych to nie jedyna rzecz, którą możesz zrobić, aby poprawić zaangażowanie.
Protokół tagów Open Graph może pomóc Ci tworzyć piękne, udostępnialne linki na Twitterze, LinkedIn czy Facebooku.
W tym artykule wyjaśnię Ci wszystko, co musisz wiedzieć o tagach Open Graph, aby tworzyć spersonalizowane karty podglądu dla mediów społecznościowych i zwiększyć widoczność swoich postów.
Ilustracja — szczegóły w tekście
Nasz Image SEO Optimizer dla WordPressa oferuje możliwość tworzenia spersonalizowanych i zachwycających szablonów kart mediów społecznościowych. Jak na tym obrazku.
Karty społecznościowe są używane w mediach społecznościowych do wyświetlania podglądu Twojej strony, gdy Ty lub ktoś inny udostępnia Twoje treści. Opierają się na protokole Open Graph.
Tradycyjne karty mediów społecznościowych wyglądają tak na Twitterze
Ilustracja — szczegóły w tekście
A tak wyglądają na LinkedIn
Ilustracja — szczegóły w tekście
Są one tak ważne dla zaangażowania w mediach społecznościowych, ponieważ mogą sprawić, że Twoje posty będą bardziej atrakcyjne. Jest to kluczowe, ponieważ media społecznościowe pozostają jednym z najlepszych sposobów sprzedaży czegoś online.
Ilustracja — szczegóły w tekście
Metatagi Open Graph zarządzają tym, jak adresy URL wyświetlają się w mediach społecznościowych po ich udostępnieniu.
Są częścią protokołu Open Graph Facebooka i wyświetlają się również na LinkedIn i Twitterze.
Znajdziesz je w sekcji <head> strony internetowej.
Treść wyświetlana w karcie musi być oznaczona tagami Open Graph, aby pomóc robotom mediów społecznościowych szybko zrozumieć, o czym jest Twoja strona.
Tytuł definiuje się w ten sposób, podobnie jak tradycyjny metatag tytułu w kodzie. Dla informacji — Facebook faktycznie używa metatytułu jako og:title, jeśli nie znajdzie tagu og:title na Twojej stronie.
Pamiętaj, że tekst wyświetlany w kanałach Facebooka jest pogrubiony i bardzo przyciągający uwagę. Musi być chwytliwy, tak jak dobry tytuł posta.
Liczba znaków nie jest ograniczona, ale najlepiej pozostać między 60 a 90. Wszystko dłuższego zostanie skrócone do 88!
Możesz użyć tego tagu, aby ustawić kanoniczny URL dla udostępnianej strony. Oznacza to po prostu, że wyznaczasz jedną stronę, do której będą kierowane wszystkie Twoje udostępnienia. Nie można zobaczyć podanego URL w kanale Facebooka — widoczna jest tylko domena.
Opisuje rodzaj materiału, który udostępniasz: wpis na blogu, wideo, obraz itp. Lista możliwości jest długa.
Ten tag opisuje Twoje treści podobnie jak metatag description w HTML. og:description nie ma znaczenia dla SEO, więc nie próbuj upychać w nim słów kluczowych.
Niemniej jednak koniecznie zrób go chwytliwym, bo chcesz, żeby ludzie w niego klikali.
Liczba znaków nie jest ograniczona, ale zaleca się użycie około 200 znaków.
Dla wielu marketerów to najwspanialszy tag Open Graph, ponieważ obraz zawsze wyróżnia treści. Pozwala on wybrać konkretną miniaturę, która pojawi się przy każdym udostępnieniu Twojej strony. Współczynniki konwersji mogą być znacznie poprawione dzięki temu podejściu.
Upewnij się, że wybierasz odpowiedni og:image. W przeciwnym razie Facebook może wyświetlić niechcianą reklamę pobraną ze strony lub w ogóle nic (co jest okropne).
Zalecana rozdzielczość obrazu OG to 1200×627 pikseli (1.91:1)
Możliwe jest również wzbogacenie tagów og:image atrybutami takimi jak og:image:width, og:image:height lub og:image:alt.
Oznaczanie stron tagami Open Graph może być bardzo czasochłonne. Na szczęście prawie wszystkie wtyczki SEO, takie jak SEOPress, automatycznie wzbogacają metatagi Twojej strony o tagi OG.
Jeśli chcesz nauczyć się prawidłowo pisać atrybuty OG, Facebook opublikował doskonały przewodnik ‘Udostępnianie dla webmasterów‘ na ten temat.
Protokół Open Graph odniósł taki sukces, że wszystkie inne media społecznościowe zaczęły go używać.
Znaczniki Twitter Card opierają się na tym samym wzorcu i działają podobnie. Musisz dodać je do swoich dokumentów HTML, aby opisać swoje treści i odzyskać kontrolę nad fragmentami wyświetlanymi na Twitterze, gdy jeden z Twoich URL-i jest udostępniany.
Domyślnie dostępne są 4 szablony Twitter Card:
Na koniec, ale nie mniej ważne — protokół Open Graph działa w ten sam sposób na LinkedIn.
Pinterest również używa protokołu Open Graph do definiowania swoich rich pins. Istnieją 3 typy Rich Pins:
Działa to podobnie jak na Facebooku, Twitterze i LinkedIn.
Z tego, co wiem, nasza wtyczka WordPress jest jedyną, która pozwala użytkownikom WordPressa dodawać pola atrybutów obrazów dla Pinteresta. Funkcja jest całkowicie bezpłatna i nie wymaga żadnych kredytów. Możesz uzyskać do niej dostęp z sekcji mediów.
Podsumowując: ponieważ atrakcyjny obraz przyciąga uwagę. A świetny tytuł i opis zachęcają użytkowników mediów społecznościowych do kliknięcia w Twój fragment.
Strony zoptymalizowane za pomocą Twitter Cards uzyskują więcej kliknięć, polubień i retweetów.
Strony zoptymalizowane za pomocą Facebook Cards uzyskują więcej kliknięć, polubień i udostępnień.
Strony zoptymalizowane za pomocą Rich Pins uzyskują więcej kliknięć, polubień i udostępnień.
I tak dalej, i tak dalej, i tak dalej.
Karty społecznościowe są również ważną częścią Twojego wizualnego brandingu, a każda strona internetowa powinna je posiadać. To doskonały sposób na popularyzację treści bloga i budowanie relacji ze społecznością.
Oprócz większego wpływu na angażowanie obserwujących, karty mediów społecznościowych są również wizualnym elementem samych produktów.
To dobrze znany fakt, że tweety z załącznikami wizualnymi uzyskują większą ekspozycję niż przeciętny tweet: optymalizacja Twoich kart wzmocni tę dynamikę.
Badania pokazują, że istnieje związek między udostępnieniami w mediach społecznościowych a wyższymi pozycjami w wyszukiwarkach. Jednak wielu ekspertów SEO twierdzi, że pozycje w rankingu nie są bezpośrednio zależne od zaangażowania w mediach społecznościowych.
Zawsze trudno jest ustalić, kto ma rację, a kto się myli wśród specjalistów SEO.
Ostatecznie Matt Cutts, były pracownik Google, rozstrzygnął ten spór w filmie (link poniżej).
„Strony Facebooka i Twittera są traktowane jak każde inne strony w naszym indeksie. Więc jeśli coś pojawi się na Twitterze lub Facebooku i jesteśmy w stanie to przeszukać, możemy to zwrócić w naszych wynikach wyszukiwania. Ale jeśli chodzi o specjalne działania polegające na tym, że masz tylu obserwujących na Twitterze lub tyle polubień na Facebooku, zgodnie z moją najlepszą wiedzą, obecnie nie mamy takich sygnałów w naszych algorytmach rankingowych wyszukiwania.„
Więc to koniec historii, prawda? Nie do końca…
Po pierwsze, badanie cognitive SEO wykazało, że najwyżej pozycjonowane wyniki miały więcej sygnałów społecznościowych.
Po drugie, wytyczne dla webmasterów Bing potwierdzają, że autorytet w mediach społecznościowych ma wpływ na wyniki wyszukiwania. Więc przynajmniej jeśli chodzi o Bing, udostępnienia społecznościowe zdecydowanie odgrywają rolę w SEO.
Wreszcie, im więcej masz obserwujących, tym bardziej prawdopodobne jest, że Twoje treści zostaną udostępnione: na rynku B2B Twitter jest na przykład doskonałym sposobem na zdobywanie linków zwrotnych..!
Media społecznościowe = Zwiększona widoczność = Więcej linków
Tak więc media społecznościowe w pewien sposób wpływają na pozycjonowanie stron w wyszukiwarkach i dlatego musisz zwracać uwagę na swoje tagi OG.
Jeśli wolisz tradycyjne metody, możesz przeczytać ten poradnik i stworzyć je za pomocą ulubionego edytora HTML. Ale co za strata czasu..!
Większość wtyczek SEO ma funkcję automatycznego dodawania tagów OG do stron Twojej witryny. Ale nie możesz ich tak naprawdę dostosować..!
Dlatego właśnie zintegrowaliśmy w naszej wtyczce optymalizator kart mediów społecznościowych. Uznaliśmy, że to doskonały sposób na zwiększenie ruchu z mediów społecznościowych na Twoją stronę dzięki atrakcyjnym og:image z Twojej biblioteki WordPress.
Wtyczka jest łatwa w użyciu i pomoże Ci automatycznie tworzyć poważne zasoby marketingowe dla mediów społecznościowych.
1. Określ, czy chcesz generować og:image dla swoich stron i/lub wpisów
2. Stwórz idealny szablon og:image, aby zwiększyć liczbę leadów z mediów społecznościowych.
3. Przygotuj popcorn i obserwuj, jak rośnie Twój ruch z mediów społecznościowych
Być może zechcesz zoptymalizować również swoje starsze artykuły. To bardzo proste. Wystarczy przejść na stronę wpisów i kliknąć “generuj”.
Nie zapomnij wybrać obrazu wyróżniającego w swoich wpisach i stronach, aby uzyskać optymalny rezultat.
I to wszystko — masz teraz piękne og:image dla Twittera, Facebooka i LinkedIn.
Post Scriptum: Na ten temat bardzo polecam How to avoid the shameful look your site has on Twitter and Facebook autorstwa Emmanuela Ohana. Warto się z tym zapoznać. Jest dobrze napisane i pouczające!
