Generator Open Graph

O tym narzędziu

Pewnie zauważyłeś te małe karty podglądu, które pojawiają się po wklejeniu linku do Slacka, Twittera lub Facebooka. Wiesz – tytuł, fragment tekstu i być może obrazek? To działa dzięki znacznikom Open Graph. A jeśli próbowałeś kiedykolwiek ręcznie ustawić takie znaczniki, wiesz, że to dość kłopotliwe. Właśnie po to powstał ten generator Open Graph. Nie jest wyjątkowy. Nie stara się Cię zaimponować. Po prostu pomaga stworzyć potrzebne znaczniki meta, dzięki którym Twoje linki wyglądają przyzwoicie po udostępnieniu.

Stworzyłem to, bo miałem dosyć przeszukiwania dokumentacji za każdym razem, gdy chciałem udostępnić link do wpisu na blogu lub projektu. Często zapominałem dokładnej składni, myliłem wymiary obrazka albo przypadkowo pomijałem wymaganą właściwość. To narzędzie eliminuje te problemy. Wypełniasz kilka pól, klikasz „wygeneruj” i – bum – masz czysty, gotowy do użycia kod. Kopiujesz go, wklejasz do sekcji head swojego HTML i kończysz.

Kluczowe funkcje

• Generuje wszystkie niezbędne znaczniki meta Open Graph za jednym zamachem
• Pozwala zobaczyć, jak będzie wyglądał Twój link na głównych platformach
• Obsługuje niestandardowe obrazki, tytuły, opisy i adresy URL
• Generuje czysty kod HTML, który możesz bezpośrednio wstawić do swojej strony
• Brak rejestracji, brak śledzenia, brak zbędnych komplikacji – tylko prosty formularz i wynik
• Działa offline po załadowaniu, więc możesz z niego korzystać nawet bez połączenia z internetem

FAQ

Czy muszę znać HTML, aby z tego skorzystać?
Nie. Nie musisz być programistą. Po prostu wypełnij pola – tytuł, opis, adres URL obrazka itp. – a narzędzie wygeneruje kod. Jeśli potrafisz kopiować i wklejać, wszystko będzie w porządku.

Dlaczego mój obrazek nie pojawia się po udostępnieniu linku?
W większości przypadków dlatego, że adres URL obrazka jest uszkodzony, zbyt mały lub zablokowany przez serwer. Upewnij się, że Twój obrazek ma co najmniej 1200x630 pikseli i jest publicznie dostępny. Ponadto niektóre platformy buforują starą metadane, więc może być konieczne użycie narzędzia takiego jak Facebook Sharing Debugger, aby je odświeżyć.