Zpět na seznam článků

Jak má vypadat pořádný blogový článek (vč. šablony)

Optimální design blogového článku. Co má mít za prvky, na co si dát pozor. Stáhněte si šablonu a ušetřete si práci.

Clanek-wireframe-nahled

O čem píšete je 2× důležitější než jak to vypadá. Nicméně já vám chci ukázat, jak má vypadat optimální rozvržení článku na webu.

Andy Crestodina prošel 101 největších blogů a udělal z toho souhrn. Co mají, co nemají. Já jsem líný efektivní, takže jsem se zeptal Jakuba Rejnuše. Pak jsem to všechno sesypal dohromady a nakreslil.

Co má obsahovat blogový článek

Nadpis

V průměru si titulek přečte pětkrát více lidí než hlavní text. Když napíšete titulek, utratili jste osmdesát centů ze svého dolaru.

David Ogilvy

V minulém století tohle možná platilo. Teď jsem skeptik. Nadpis je pořád důležitý, a určitě se vyplatí dát chvíli výběru varianty. Napište takový nadpis, který nutí číst dál. A pak si ho můžete zkontrolovat, jak moc bude účinný.

Souhrn (Perex)

Souhrn stejně budete psát pro vyhledávače, tak proč ho nepoužít i tady. Já jsem zastáncem shrnutí nejdůležitějšího obsahu nahoře (tzv. obrácená pyramida). Ale pozor na to, aby to nebylo tak užitečné, že už není potřeba číst samotný článek :).

Takže nějaká kombinace obsahu a slibu. Na druhou stranu zase pozor na clickbait.

Autor, datum a štítky

Naprostá většina blogů uvádí autora. 63 % z nich včetně fotky, což je za mě milé. Copyhackers uvádí kromě autora i editora a oponenta.

Copyhackers-autors

Datum je ale trochu ožehavé téma. Já sám ho ke článkům nedávám, protože můžou vypadat zastarale. A to je u obsahu, který je platný dlouhodobě, chyba.

Máte blog o novinkách? Pak tam datum patří. Máte dlouhodobě platný obsah? Pak bych tam datum nedával.

Audio verze článku

Tohle je relativně novinka. S příchodem umělé inteligence a zpracování jazyka jsou tu nástroje, které vám ve velmi slušné kvalitě namluví článek do češtiny. Není to úplně dokonalé, občas udělají příliš dlouhou pauzu, ale splní to svůj účel.

Tady příklad DeníkuN:

Roboticky-hlas-denikn

Jakubovi se osvědčil nástroj ElevenLabsPlayHT. No a pak je tu vyšší dívčí – HeyGen, která to udělá včetně videa a překladu do jiného jazyka. Eliška Vyhnánková to předvádí na Linkedinu a spadla mi z toho brada.

Obsah

Vidím ho teď téměř všude. Předpokládám, že je to hlavně kvůli SEO. Ale uživatelsky je to taky fajn.

Minimálně vás to nutí udělat pořádně strukturu nadpisů a samotného článku :).

Tady příklad CXL:

Toc

Fotka a galerie

Fotky vám sympaticky rozdělí obsah a dodají dynamiku. Já chci vidět na každé obrazovce alespoň jednu fotku. Ideálně s popisem, správným alt textem. A je mi jedno, zda to bude galerie, fotka na celou šířku nebo fotka, kterou obtéká text.

Citaci

Skvělý grafický prvek, který zabije dvě mouchy jednou ranou:

  1. moucha – zvýší to autoritu a dynamiku,
  2. moucha – zlepší to SEO.

Ideálně by to bylo s jiným pozadím, kurzivou, s fotkou, jménem a pozicí autora.

Dlaždici produktu, tlačítko

Tady vidím hlavní problém většiny stávajících řešení. Redakční systémy neumí pracovat s e-commerce obsahem webu. Ale hlavní důvod psaní článků na e-shopu je přitáhnout návštěvníky, a udělat z nich zákazníky.

Takže chci jako součást článku mít možnost přidat:

  • štítek kategorie,
  • dlaždici produktu nebo víc produktů,
  • tlačítko (na přidání do košíku).

Profil autora

Pod každým článkem je fajn mít profil autora. Nemusí to být kompletní životopis, ale spíš krátký text, který autora zlidšťuje. Já tam píšu o svém bulharském dědečkovi.

Profil-autora

Diskusi

Za mě trochu dvousečná zbraň.

  • Přinejlepším je to možnost vytvořit komunitu.
  • Přinejhorším je to magnet na troly, spam a negativní social proof při 0 komentářích.

Sdílení

Otázka není zda, ale spíš kam. Víceméně stejně blogů má sdílení:

(Pro ty pozornější – část blogů má sdílení na více místech, proto není součet 100 %.)

Nejčastější dotazy

Super pro SEO (můžete se objevit v rich snippets), fajn pro uživatele. Ale nenuťte se si cucat otázky z prstu. Zeptejte se známých, Googlu nebo ChatGPT.

Související články

Opět naprostý základ. Jen je fajn si pohlídat algoritmus, podle kterého se články vybírají. Ideálně by to bylo podle kategorie, štítků a obsahu samotného článku. Realita se, alespoň u mě, spíš blíží náhodnému výběru :).

Souvisejici-clanky

Přihlášení do newsletteru

Naprostá priorita – protože většina lidí není ochotná v danou chvíli koupit. Ale bude ochotnější se přihlásit k odběru článků, pokud jsou:

  • zajímavé,
  • užitečné a/nebo
  • zábavné.

Já jsem zkusil různé varianty. Od plovoucího pruhu, až po formulář pod článkem. Nejlépe mi funguje vyskakovací okno při opuštění stránky.

Popularita jednotlivých prvků článku

Související články79 %
Ikony pro sdílení78 %
Vyhledávání73 %
Datum publikace71 %
Přihlášení k odběru67 %
Fotka autora63 %
Komentáře51 %
Jednosloupcový layout44 %
Čas čtení14 %
Zdroj: Orbit media, analýza 101 blogů

Jak má být dlouhý

SEO specialista by vám řekl mezi 1 500 a 3 000 slovy. Já říkám: tak dlouhý, abyste uživateli předali informaci včetně kontextu. Osobně se málokdy vejdu pod 1 000 slov. Ale třeba Seth Godin má články kratší. Nicméně píše každý den už více než 10 let.

Šablona ke stažení

Hlavní je psát pravidelně (ehm)

Roky jsem psal každý týden. A pořád mě to baví. Jen jsem asi zlenivěl / vypadl z rutiny.

Každopádně minimální frekvence je alespoň jednou za dva týdny. Jinak si vás lidi moc nezapamatují a zároveň vás to bude pořád bolet. Je to jako chodit do posilovny. Když tam nejste aspoň dvakrát týdně, tak je to pokaždé utrpení.

Závěr

Související články

Darren-brown

6 psychologických principů interakčního designu

Dieter-rams-skicuje1

10 principů dobrého designu

Typewriter-table

13 typů e-mailů, které byste měli posílat vašim odběratelům

Pripadovka-generali-nahled Případovka

Případovka: Redesign České pojišťovny

Smysluplná debata

  • Hezký článek, díky za něj. Chci se zeptat.

    Nedávno jsem rozmýšlel, jestli přidat na svůj blog ikony pro sdílení. Neměl jsem je tam, aby mi zbytečně nezpomalovaly web. Váhal jsem. Nakonec jsem pohledal a narazil hned na několik článků, které zarputile tvrdily, že ty ikony pro sdílení už dnes stejně nikdo nepoužívá (každý prý radši použije copy/paste URL). Co si o tom myslíte?

    • Ondřej Ilinčev
      Ondřej Ilinčev

      Já bych je tam nedával. Lidi už umí copy paste. Navíc je to často na příliš dominantním místě.

      • Michal Franěk
        Michal Franěk

        Ondřeji, v článku píšeš, že „Sdílení – Otázka není zda, ale spíš kam.“, z toho mi přišlo, že to je bez diskusí „must have“. V odpovědi zase, že bys tam ikony nedával. Něco mi uniká? Ikony se nerovnají sdílení?

      • Ondřej Ilinčev
        Ondřej Ilinčev

        Ahoj Michale, must-have to rozhodně není. Řešil bych to per klient / web.

  • Janko Januška
    Janko Januška

    Dobrý SEO špecialista povie „tak dlouhý, abyste uživateli předali informaci včetně kontextu“ :).

  • Miroslav Bartík
    Miroslav Bartík

    Ehhh, a to člověk pořád všude čte, že blogy nefungují a že už jen socky na oslovení…

  • Tomáš Hudolin
    Tomáš Hudolin

    Super článek, ale měl bych dva dotazy.

    1. Ohledně nadpisu. V rámci WordPressu nevím, zda je na toto plugin, aby pak ten, co bude článek psát, nemusel ručně dělat kotvy.

    2. Fotka – co znamená správný alt text? Kdysi mi někdo říkal, že to není třeba ve všech případech. Takže v tomhle jsem trochu zmaten. Zda dávat nebo ne a případně tedy co by mělo být obsahem. Ve stručnosti.

    Díky moc

    • Ondřej Ilinčev
      Ondřej Ilinčev

      Tomáši,
      1. Ano, je to plugin a generuje obsah automaticky.
      2. Alt by měl být pomocný text charakterizující, co je na obrázku pro uživatele, kteří nevidí fotky. A z pohledu přístupnosti i SEO by měl být všude, snad kromě ikon.