Poproś o kontaktKontakt

Academy · Content

Co to jest infografika i jak ją stworzyć?

Jakub PiechowiakHead of Content · Zaktualizowano · 8 min czytania
Jakub Piechowiak
  1. Insights
  2. Academy
  3. Content
  4. Co to jest infografika i jak ją stworzyć?

Rozdział Content · wpis 12 z 14 · nr 263 w programie Academy

Infografika to obraz, który przekazuje dane, proces albo porównanie szybciej niż akapit tekstu. Dobrze zrobiona tłumaczy jedną rzecz i łatwo ją udostępnić. Poniżej znajdziesz rodzaje infografik, kroki tworzenia, typowe błędy oraz sposób, w jaki przygotować ją dla ludzi, Google i asystentów AI.

Najważniejsze w skrócie

  • Infografika to grafika, która łączy dane, krótkie teksty i ikony w jedną informację z tezą. Od zwykłego wykresu różni się tym, że prowadzi czytelnika do wniosku.
  • Rodzaj infografiki wynika z treści: proces pokazuje infografika procesowa, zmianę w czasie oś czasu, a różnicę infografika porównawcza.
  • Google rozumie infografikę na podstawie atrybutu alt, rozpoznawania obrazu i treści strony, dlatego opisowa nazwa pliku, alt i tekst obok grafiki mają znaczenie.
  • Treść infografiki powinna istnieć także jako tekst na stronie, bo taki tekst odczytają czytniki ekranu, Google i asystenci AI.
  • Linki zdobywa infografika z danymi, których nie ma gdzie indziej. Kod do osadzania infografiki z linkiem nasyconym frazą przypomina to, co Google opisuje jako spam linkowy.

Co to jest infografika?

Infografika to grafika, która łączy dane, krótkie teksty, ikony i układ w jedną czytelną informację. Jej zadaniem nie jest ozdoba, tylko wyjaśnienie: pokazuje liczby, kolejność kroków, porównanie albo zależność, które w tekście wymagałyby kilku akapitów.

Od zwykłego wykresu różni się tym, że ma tezę. Wykres pokazuje dane, a infografika prowadzi przez nie do wniosku.

Dlatego dobra infografika zaczyna się od pytania, na które odpowiada, a nie od wyboru szablonu.

W marketingu infografika jest jednym z formatów content marketingu. Sprawdza się na blogu, w ofercie, w prezentacji handlowej, w mediach społecznościowych oraz w materiałach dla prasy. W modelu Search Ecosystem™ należy do obszaru Content, czyli treści, które odpowiadają na pytania klientów we wszystkich miejscach, gdzie szukają.

Często powtarzane zdanie, że 90% informacji docierających do mózgu to obraz, nie ma sprawdzalnego źródła. Autorzy ImageThink nie znaleźli jego pochodzenia mimo poszukiwań. Nie potrzebujesz go, żeby bronić infografik: wystarczy, że ułatwiają zrozumienie konkretnej treści.

Jakie są rodzaje infografik?

Rodzaj infografiki wynika z tego, co chcesz pokazać: liczby, kolejność, różnicę, miejsce albo ważność. Tabela zestawia najczęstsze typy.

RodzajCo pokazujeKiedy wybrać
Statystyczna (liczbowa)wyniki badań, ankiet albo sprzedaży na wykresach i piktogramachgdy masz własne dane albo dane ze sprawdzonego źródła
Porównawczapodobieństwa i różnice dwóch lub więcej rzeczyprzy wyborze między produktami, usługami albo wariantami
Procesowa (instrukcja)kolejne kroki działaniagdy klient ma coś zrobić: zamówić, zamontować, zgłosić reklamację
Schemat blokowydecyzje typu „tak albo nie” i ich skutkigdy odpowiedź zależy od sytuacji czytelnika
Oś czasuwydarzenia w kolejnościhistoria marki, harmonogram projektu, zmiany w przepisach
Geograficznadane przypisane do miejsc na mapiesieć punktów, zasięg dostaw, różnice między regionami
Hierarchicznapoziomy ważności albo strukturęstruktura oferty, organizacja zespołu, priorytety
Listowakilka wskazówek z ikonamikrótkie porady, które czytelnik ma zapamiętać

Jedna infografika powinna mieć jeden główny typ. Gdy w jednym obrazie mieszasz mapę, oś czasu i porównanie, czytelnik nie wie, od czego zacząć.

Kiedy infografika ma sens, a kiedy wystarczy tekst?

Infografika ma sens wtedy, gdy relację między informacjami łatwiej zobaczyć niż przeczytać. Dotyczy to przede wszystkim procesów, porównań, zmian w czasie i danych liczbowych.

Nie każda treść jej potrzebuje. Krótka definicja, trzy wskazówki albo cennik czytają się lepiej jako tekst lub tabela HTML. Tabela ma też przewagę praktyczną: da się ją zaznaczyć, przetłumaczyć, odczytać czytnikiem ekranu oraz zaktualizować bez grafika.

Prosty test: jeśli rysunek nie pokazuje niczego, czego nie widać w trzech zdaniach, zostań przy tekście. Jeśli trzy zdania nie wystarczają, żeby pokazać kolejność albo skalę, zrób infografikę.

Infografika dobrze nadaje się też do recyklingu treści. Długi raport, webinar albo case study możesz streścić w jednej grafice do mediów społecznościowych i prezentacji.

Jak stworzyć infografikę krok po kroku?

Najpierw tekst, potem projekt. Infografika, która powstaje od wyboru szablonu, zwykle ma ładny układ i słabą treść.

  1. Ustal cel i odbiorcę. Zapisz, kto ma ją zobaczyć i co ma potem zrobić: zrozumieć ofertę, zapamiętać zasadę albo udostępnić dane.
  2. Sformułuj jedną tezę. To zdanie ma zostać w głowie odbiorcy. Wszystko, co go nie wspiera, wypada.
  3. Zbierz dane ze źródłem. Najcenniejsze są dane własne: wyniki ankiety wśród klientów, dane sprzedażowe, obserwacje z projektów. Każda liczba z zewnątrz potrzebuje źródła i okresu, którego dotyczy.
  4. Wybierz rodzaj. Dopasuj go do treści według tabeli powyżej: proces to instrukcja, zmiana w czasie to oś czasu, różnica to porównanie.
  5. Napisz tekst i zrób szkic. Tytuł, krótkie podpisy, kolejność czytania. Szkic na kartce pozwala sprawdzić logikę, zanim zaczniesz projektować.
  6. Zaprojektuj w narzędziu albo zleć grafikowi. Proste infografiki zrobisz w edytorach z szablonami, takich jak Canva czy Piktochart. Wykresy z danych łatwiej przygotować w narzędziach do wizualizacji danych, np. Datawrapper albo Flourish. Użyj kolorów, krojów pisma i logo swojej marki.
  7. Sprawdź przed publikacją. Czy tekst jest czytelny na telefonie, czy kontrast wystarcza, czy liczby zgadzają się z danymi źródłowymi.
  8. Opublikuj z opisem i zmierz efekt. Na stronie dodaj tekst wokół grafiki. Potem sprawdź, ile osób ją zobaczyło, udostępniło albo do niej podlinkowało.

Spójny styl procentuje w dłuższym okresie. Gdy kolejne infografiki mają te same kolory i układ, odbiorca rozpoznaje Twoją markę, zanim zobaczy logo.

Karolina Godek

Zdaniem eksperta ICEA

„Najczęściej poprawiamy infografiki, w których źródło danych jest tylko w poście, a nie na samej grafice. Obraz krąży potem po sieci bez opisu, dlatego źródło i okres danych wpisujemy małym drukiem na dole grafiki, a tytuł formułujemy jako wniosek, nie jako temat.”

Karolina GodekContent Marketing Manager, ICEA.

Jakie błędy psują infografikę?

Najczęstszy błąd to za dużo treści w jednym obrazie. Infografika, którą trzeba powiększać, żeby przeczytać, przestaje być skrótem.

  • Brak tezy: grafika zbiera fakty, ale nie mówi, co z nich wynika.
  • Liczby bez źródła albo z nieaktualnego badania. Jedna podważona liczba osłabia zaufanie do całej grafiki oraz do marki, która ją opublikowała.
  • Wykres, który zniekształca skalę, np. słupki z osią zaczynającą się powyżej zera, przez co mała różnica wygląda na dużą.
  • Drobny tekst o niskim kontraście, nieczytelny na ekranie telefonu.
  • Długi pionowy format wrzucony bez zmian do każdego kanału. Strona, post w mediach społecznościowych i prezentacja zwykle potrzebują innych wersji.
  • Cała treść tylko w obrazie, bez tekstu na stronie. Tego błędu dotyczą dwie kolejne sekcje.

Jak przygotować infografikę pod SEO?

Google rozumie obraz z kilku źródeł naraz. W dokumentacji pisze, że korzysta z tekstu alternatywnego, algorytmów rozpoznawania obrazu i treści strony. Stara rada, że Google w ogóle nie widzi zawartości grafiki, jest więc nieaktualna. Tekst na stronie nadal daje mu jednak najpewniejszy opis.

  • Nazwa pliku. Krótka i opisowa, np. proces-reklamacji-krok-po-kroku.png zamiast image1.png. Google odradza ogólne nazwy plików.
  • Atrybut alt. Google nazywa go najważniejszym atrybutem opisu obrazu. Napisz, co pokazuje grafika i jaki jest jej główny wniosek, bez upychania fraz. Więcej o tym w poradniku o atrybutach alt i title.
  • Miejsce na stronie. Umieść grafikę przy tekście na ten sam temat, z tytułem i podpisem. Google bierze pod uwagę treść strony, w tym podpisy i tytuły obrazów.
  • Format i waga. Google obsługuje obrazy w formatach BMP, GIF, JPEG, PNG, WebP, SVG i AVIF. Do infografik z płaskimi kolorami i tekstem dobrze nadają się SVG, PNG albo WebP. Zmniejsz plik przed wgraniem. Szybkość strony sprawdzisz w PageSpeed Insights.
  • Wersje na różne ekrany. Długa pionowa infografika na telefonie bywa nieczytelna. Atrybut srcset albo element picture pozwala podać inny plik na mały ekran, a atrybut src zostaje wersją zapasową, jak zaleca Google.
  • Obraz w kodzie strony, nie w CSS. Google nie indeksuje obrazów ustawionych jako tło w CSS, więc infografikę wstaw znacznikiem img.

Szczegóły nazw plików i adresów znajdziesz we wpisach o optymalizacji grafik pod SEO i o tym, czy URL grafiki ma wpływ na SEO.

Co to oznacza dla Twojego biznesu?

Infografika kosztuje czas grafika i autora treści. Jeśli Google nie potrafi powiązać jej z tematem strony, ten koszt pracuje tylko na osoby, które już na stronę trafiły. Dobrze opisana grafika może dodatkowo pojawiać się w Grafice Google i w Google Lens, czyli docierać do klientów, którzy szukają obrazem.

Jak opisać infografikę, żeby rozumieli ją ludzie, Google i AI?

Treść infografiki powinna istnieć także jako tekst na stronie. Grafika pokazuje, tekst opisuje, a obie wersje mówią to samo. Razem z opisowym plikiem i atrybutem alt z poprzedniej sekcji daje to trzy warstwy opisu jednej grafiki.

Tak podchodzi do tego W3C w wytycznych dostępności. Przy złożonych obrazach, takich jak wykresy, diagramy i mapy, zaleca dwuczęściowy opis: krótki tekst alternatywny, który mówi, co przedstawia obraz, oraz pełny opis jego kluczowych informacji, najlepiej widoczny dla wszystkich w treści strony. Może to być akapit pod grafiką, lista kroków albo tabela z danymi.

Drugi warunek to czytelność. Wytyczne WCAG wymagają kontrastu co najmniej 4,5:1 dla zwykłego tekstu, także tekstu zapisanego w obrazie. Duży tekst potrzebuje kontrastu co najmniej 3:1.

Tekst obok grafiki pomaga też w AI Search. Asystenci AI i odpowiedzi AI w Google budują odpowiedź z treści, które da się odczytać i porównać z innymi źródłami. Liczbę albo kolejność kroków zapisaną w HTML łatwiej odczytać i przytoczyć niż ten sam fakt widoczny tylko na obrazku. Nie zapewnia to cytowania, ale usuwa jedną przeszkodę.

Jak promować infografikę i zdobywać nią linki?

Infografika pracuje tam, gdzie są Twoi odbiorcy, więc jedną grafikę warto przyciąć do kilku kanałów. Wpis na blogu dostaje pełną wersję z opisem, post na LinkedInie karuzelę z kilku plansz, a prezentacja handlowa pojedyncze slajdy.

Linki zdobywa infografika, która pokazuje coś, czego nie ma gdzie indziej: dane z Twojej ankiety, zestawienie cen z rynku, sprawdzony proces. Taką grafikę możesz wysłać dziennikarzom i autorom blogów branżowych z krótkim komentarzem oraz linkiem do pełnych danych.

Ostrożnie z kodem do osadzania, który automatycznie dodaje link z frazą na każdej stronie publikującej grafikę. Google wymienia linki nasycone słowami kluczowymi, osadzane w widżetach rozsyłanych po wielu stronach, jako przykład spamu linkowego. Bezpieczniej poprosić o zwykłe podanie źródła z nazwą marki.

Dobrze opisana infografika buduje widoczność także poza Twoją stroną: w Grafice Google, w Google Lens, w mediach społecznościowych i w materiałach innych wydawców. Jak treści przekładają się na pozycje, opisujemy we wpisie Content marketing a SEO.

Co zrobić teraz?

Infografika ma sens, gdy pokazuje coś szybciej niż tekst. Jej wartość zależy od tego, czy jej treść da się sprawdzić i odczytać bez obrazka.

  1. Wybierz jeden temat z bloga albo oferty, który wymaga pokazania procesu, porównania albo danych.
  2. Zapisz tezę w jednym zdaniu i zbierz dane ze źródłem.
  3. Zaprojektuj grafikę w kolorach marki i sprawdź ją na telefonie.
  4. Opublikuj ją z opisową nazwą pliku, atrybutem alt i opisem w treści strony.
  5. Przygotuj wersje do mediów społecznościowych i prezentacji.

Co dalej: jeśli masz własne dane, na przykład z ankiety wśród klientów, zacznij od nich. Infografika z danymi, których nie ma nikt inny, ma większą szansę na linki i wzmianki niż kolejne zestawienie cudzych statystyk. Jak napisać tekst, który niesie taką grafikę, przeczytasz w poradniku Jak tworzyć dobre artykuły pod SEO?

Najczęstsze pytania.

Czy mogę wstawić na stronę cudzą infografikę?

Infografika zwykle jest utworem chronionym prawem autorskim, więc publikuj ją tylko za zgodą autora albo zgodnie z jej licencją (np. Creative Commons). Źródło podawaj zawsze, a gdy nie masz zgody, podlinkuj oryginał albo przygotuj własną grafikę z danymi i ich źródłem.

Czy infografikę może przygotować AI?

Narzędzia AI w edytorach graficznych przyspieszają szkic, układ i dobór ikon. Liczby, podpisy i pisownię i tak sprawdza człowiek, bo za błąd na grafice odpowiada marka, która ją publikuje.

Czy warto robić animowaną infografikę?

Animacja (GIF albo krótkie wideo) przyciąga uwagę w mediach społecznościowych, ale wydłuża przygotowanie i trudniej ją doczytać w swoim tempie. Na stronę zwykle lepiej pasuje wersja statyczna z opisem w tekście, a animacja jako dodatek w kanałach wideo.

Jakub Piechowiak
Jakub PiechowiakHead of Content

Pisze w Insights o temacie Content.

Content

Treści, które odpowiadają na pytania klientów.

Planujemy treści pod to, jak klienci szukają w Google i jak pytają AI.

Zamów bezpłatny audyt treści

Dołącz do newslettera

Solidna dawka wiedzy co dwa tygodnie na Twoim mailu.

* Zapisując się, akceptujesz politykę  prywatności.