Dla programistów · Serwisy treściowe

Unikalny obraz OG dla każdej strony z jednego linku

Linki z firmowym podglądem są częściej klikane. Umieść tytuł w adresie URL szablonu Bannermatic, a każdy artykuł, produkt czy wydarzenie dostanie własny obraz Open Graph, wygenerowany przy pierwszym żądaniu i zapisany w cache.

Darmowy plan na zawsze. Bez karty płatniczej.

data.csv
kickertitle
CASE STUDYJak skróciliśmy produkcję reklam o 80%
PORADNIKRozmiary banerów dla wszystkich sieci reklamowych
NOWOŚĆPowiązane rozmiary już są
CASE STUDY
Jak skróciliśmy produkcję reklam o 80%
8 tygodni · projekty do portfolio
Zarejestruj się
PORADNIK
Rozmiary banerów dla wszystkich sieci reklamowych
8 tygodni · projekty do portfolio
Zarejestruj się
NOWOŚĆ
Powiązane rozmiary już są
8 tygodni · projekty do portfolio
Zarejestruj się
Jeden szablon — jeden wiersz danych na baner. To prawdziwe rendery.

Jak to działa

  1. 1

    Zaprojektuj podgląd

    Szablon 1200×630 z tytułem, kategorią, autorem lub ceną — w Twoich fontach i kolorach.

  2. 2

    Podpisz link

    Zbuduj URL z danymi strony i podpisz go HMAC (lub poproś POST /v1/signed-urls, by zrobił to za Ciebie).

  3. 3

    Wstaw do og:image

    Sieci społecznościowe i komunikatory pobierają link; obraz generuje się raz i jest serwowany z cache.

Jeden meta tag

Podpis chroni szablon przed zmianą tekstu przez osoby trzecie. Dodaj _v, by wyczyścić cache po redesignie.

html
<meta property="og:image"
  content="https://api.bannermatic.app/i/tpl_blog.png?title=How%20we%20cut%20costs&kicker=CASE%20STUDY&s=…" />

Dlaczego nie renderować OG samodzielnie

Bez przeglądarki headless po Twojej stronie

Renderowanie, fonty, emoji i cache bierze na siebie Bannermatic.

Długie tytuły się mieszczą

Autodopasowanie i limit linii trzymają każdy nagłówek w ramce.

Wygląd w rękach grafików

Zmień szablon w edytorze, a nowe podglądy to uwzględnią.

Nie tylko OG

Te same linki działają w mailingach, na landing page’ach i w feedach produktowych.

Pytania i odpowiedzi

W którym planie są podpisane linki?

Podpisane linki są dostępne od planu Starter. Każda nowa kombinacja parametrów to jeden render; kolejne żądania idą z cache.

Jaki rozmiar powinien mieć obraz OG?

1200×630 pikseli (1.91:1) sprawdza się na Facebooku, LinkedInie, X i w większości komunikatorów. Preset szablonu jest wbudowany.

Czy muszę przechowywać obrazy?

Nie. Link jest obrazem: Bannermatic przechowuje wygenerowany plik i serwuje go przy kolejnych żądaniach.

Zobacz także

Daj każdemu linkowi porządny podgląd

Utwórz szablon OG i wstaw link do szablonu strony.