Darmowy generator obrazów Open Graph (OG) i podgląd | We.Inc
Stwórz obraz Open Graph 1200 x 630 w przeglądarce: tytuł, podtytuł, kolory marki i logo, a następnie pobierz PNG. Zobacz podgląd kart Facebooka, LinkedIna i X i skopiuj znaczniki meta. Za darmo.
Generator obrazów Open Graph i podgląd
Zaprojektuj obraz, który pojawia się, gdy ktoś udostępnia Twój link. Wpisz tytuł i podtytuł, wybierz kolory i układ, dodaj swoje logo i pobierz PNG 1200 x 630. Następnie sprawdź, jak karta wygląda na Facebooku, LinkedInie i X, i skopiuj znaczniki meta dla swojej strony. Wszystko działa w Twojej przeglądarce. Nic, co wpiszesz lub wgrasz, nie jest wysyłane do We.Inc ani nikogo innego.
Wpisz tytuł oraz opcjonalny podtytuł i nazwę witryny. Długie tytuły zawijają się do trzech wierszy.
Wybierz układ oraz kolor tła i tekstu albo jedno z gotowych ustawień kolorów.
Opcjonalnie wgraj swoje logo (PNG, JPG, SVG lub WebP). Jest rysowane w rogu i nigdy nie opuszcza Twojego urządzenia.
Naciśnij Pobierz PNG, aby zapisać obraz 1200 x 630, czyli rozmiar używany przez Facebooka, LinkedIna i X dla dużych podglądów linków.
Wgraj ten obraz na swoją stronę, wklej jego pełny adres URL w polu Adres URL obrazu i skopiuj wygenerowane znaczniki meta do sekcji head swojej strony.
Utrzymuj tytuł poniżej około 60 znaków i wystarczająco duży, by dało się go przeczytać na telefonie, gdzie karty udostępniania są małe.
Zostaw margines wokół tekstu. Niektóre aplikacje przycinają brzegi lub pokazują obraz jako kwadrat.
Używaj silnego kontrastu między tekstem a tłem. Sprawdzanie kontrastu kolorów może to potwierdzić.
Po publikacji aplikacje społecznościowe buforują stary obraz. Sharing Debugger Facebooka i Post Inspector LinkedIna mogą go odświeżyć.
Nadaj każdej ważnej stronie własny obraz; ogólna karta z logo dostaje mniej kliknięć niż taka, która nazywa stronę.
Najczęściej zadawane pytania
Jakiego rozmiaru powinien być obraz Open Graph?
1200 x 630 pikseli (proporcje 1.91:1) to standard dla dużych kart Facebooka, LinkedIna i X. Ten generator zawsze eksportuje dokładnie ten rozmiar.
Czy ten generator obrazów OG jest darmowy?
Tak. Bez rejestracji i bez znaku wodnego. Obraz jest rysowany na canvasie w Twojej przeglądarce i pobierany prosto na Twoje urządzenie.
Czy moje logo jest gdzieś wgrywane?
Nie. Logo jest odczytywane przez Twoją przeglądarkę i rysowane na obrazie lokalnie. Nic nie jest wysyłane do We.Inc.
Jak dodać obraz do mojej strony?
Wgraj PNG na swoją stronę, aby miał publiczny adres URL, a następnie dodaj <meta property="og:image" content="ten adres URL"> i znacznik twitter:image do sekcji head strony. Wklej adres URL do narzędzia, a ono napisze znaczniki za Ciebie.
Dlaczego stary obraz nadal się pokazuje, gdy udostępniam link?
Sieci społecznościowe buforują podglądy. Ponownie pobierz adres URL za pomocą Sharing Debugger Facebooka lub Post Inspector LinkedIna albo poczekaj, aż pamięć podręczna wygaśnie.
Czy może odczytać znaczniki z mojej działającej strony?
Nie. Przeglądarki nie pozwalają jednej witrynie czytać drugiej, więc sam wpisujesz tytuł, opis i adres URL obrazu, a narzędzie pokazuje, jak będą wyglądać.
Do czego służy obraz Open Graph
Gdy link jest wklejany do Facebooka, LinkedIna, X, Slacka lub komunikatora, aplikacja czyta znaczniki Open Graph strony i pokazuje kartę z obrazem, tytułem i krótkim opisem. Obraz to największa część tej karty, więc decyduje, czy ludzie w ogóle zauważą link.
Bez znacznika og:image aplikacje albo nie pokazują żadnego obrazu, albo wybierają losowy ze strony. Prosty obraz z tytułem strony i Twoją marką wystarczy, by wyglądało to na przemyślane.
Dobry obraz OG w trzech zasadach
Powiedz, o czym jest strona, w kilku słowach, dużym tekstem. Używaj kolorów marki, aby ludzie rozpoznawali Cię w udostępnieniach. Trzymaj ważne treści z dala od brzegów, bo niektóre aplikacje przycinają do kwadratu lub zaokrąglają rogi.
Na stronie We.Inc
Strony zbudowane w We.Inc mają tytuł strony, opis i obraz do udostępniania, które możesz ustawić w panelu SEO, więc znaczniki są pisane za Ciebie. To narzędzie jest przydatne dla każdej strony i do tworzenia samego obrazu do udostępniania.