Generator obrazu OG
Spraw, żeby podgląd linku wyglądał świadomie, zanim wpis blogowy, notatka do wydania albo landing page zostaną udostępnione.
Motyw
Opublikuj następny start z mocniejszym podglądem społecznościowym
Utwórz kartę OG, dzięki której notatki do wydania, wpisy blogowe i landing page wyglądają lepiej po udostępnieniu.
Podgląd jest pomniejszony, aby zmieścić się na stronie. Pobierany plik ma 1200x630.
O obrazach Open Graph
Zalecany rozmiar: 1200x630
Poziomy format 1.91:1 jest szeroko używany w podglądach Open Graph. Daje miejsce na nagłówek, kontekst produktu i znak marki bez polegania na drobnym tekście.
Dlaczego to ważne
Podgląd linku bywa pierwszym wrażeniem wizualnym startu, wpisu albo narzędzia. Świadoma karta sprawia, że strona wygląda na utrzymywaną, a nie automatycznie wygenerowaną.
Czytelność w małych rozmiarach
Karty społecznościowe często są pokazywane jako miniatury. Używaj dużej typografii, unikaj długich akapitów i trzymaj ważne treści z dala od krawędzi.
Przewodnik po rozmiarach platform
Facebook / LinkedIn
Standardowy format poziomy. Trzymaj ważny tekst centralnie, żeby przetrwał przycięcia platform.
Twitter Summary Large
Twitter dobrze działa też z nieco niższą kartą 2:1, choć 1200x630 pozostaje szeroko kompatybilne.
WhatsApp / WeChat
Kwadratowe podglądy często kadrują od środka, więc centralna kompozycja ma znaczenie przy udostępnianiu w komunikatorach.
Częste pytania
Czy jestem właścicielem wygenerowanego obrazu?
Tak. Obraz powstaje lokalnie w przeglądarce i nie jest wysyłany na serwer podczas generowania.
Jak podłączyć obraz do metadanych?
Dodaj meta tag `og:image` wskazujący finalny URL obrazu i połącz go z `twitter:card` ustawionym na `summary_large_image`, gdy jest potrzebne.
Czy mogę używać tekstu spoza alfabetu łacińskiego?
Tak. Renderer w przeglądarce obsługuje taki tekst, jeśli wymagane fonty są dostępne w środowisku renderowania.
Dlaczego platforma pokazuje stary obraz podglądu?
Platformy społecznościowe cache'ują podglądy linków. Po zmianie URL-a obrazu albo metadanych użyj debuggera udostępniania lub walidatora kart, aby wymusić odświeżenie.
Czy każda strona powinna używać tego samego obrazu OG?
Domyślny obraz jest w porządku dla stron narzędziowych, ale ważne premiery, wpisy blogowe i landing page zwykle zyskują na karcie przygotowanej dla konkretnej strony.