System Design

TypografieLogoPrvkyLanding PageLP-ČlánekLP-ReportLP-PojemLP-službaProces

Živá ukázka typografie a barev webu — jak se renderuje text, nadpisy, seznamy a prvky. Slouží jako rychlá vizuální reference při úpravách.

Nadpisy

Nadpis H1 — 40 px

Nadpis H2 — 35 px

Nadpis H3 — 30 px

Nadpis H4 — 25 px

Nadpis H5 — 20 px
Nadpis H6 — 18 px

Odstavec a inline prvky

Běžný odstavec textu. Obsahuje tučné zvýraznění, kurzívu, textový odkaz a inline kód. Lorem ipsum dolor sit amet, marketing consectetur — SEO, PPC i e-mailing v jednom plynulém odstavci, ať je vidět řádkování a délka řádku.

Seznamy

  • Odrážka první
  • Odrážka druhá
    • Vnořená položka
  • Odrážka třetí
  1. Číslovaná první
  2. Číslovaná druhá
  3. Číslovaná třetí

Citace

Vyhledávače jsou především FULLTEXTOVÉ, hledají v textu, ale nakonec web čte člověk.

Tlačítko

Tlačítko (global fill)

Komponenty

Tlačítko (global fill)

Domluvit schůzku

Karta s checklistem (sekce Služby / O mně)

1. Odhalíme…

  • Web bez překážek
  • Struktura webu
  • Navigace na webu

CTA blok

Pojďme se domluvit

Napište mi, s čím potřebujete pomoct.

Domluvit schůzku

Štítky / dev proužek

🛠 DEV 📦 STATIKA ✓ OK akcent

Barevná paleta

palette1
#7dc04b palette2
#ff5a00 nadpisy
#337ab7 palette3
#1A202C palette4
#2D3748 palette5
#4A5568 palette6
#718096 palette7
#EDF2F7 palette8
#F7FAFC

Značka Petr Jiránek — #ChytrýMarketing. Symbol je geometrická značka — vzhůru směřující špička („arrow“, inline Kadence SVG, viewBox 0 0 512 422) v barvě palette3 #1A202C. Logo se nikam nenahrává jako obrázek — žije přímo v hlavičce webu.

Základní lockup

Petr Jiránek*#ChytrýMarketing*

na zelené · hlavička webu

Petr Jiránek*#ChytrýMarketing*

na světlém

Petr Jiránek*#ChytrýMarketing*

na tmavém · reverz

Samotný symbol

palette3 · #1A202C

green · #7dc04b

reverz · #ffffff

Pravidla

Minimální velikost symbolu

28 px min

65 px · web

Ochranná zóna

Volný prostor kolem značky drž alespoň ve výšce symbolu.

Stavební prvky webu — tlačítka, odkazy, článkové karty, štítky a bloky. Vychází z reálných Kadence stylů a z penu (Article Types). Typografii a kompletní paletu drží záložka „Typografie".

Tlačítka & odkazy

Primární (global fill) Sekundární (outline) Akcentní Textový odkaz →

Článkové karty

Typ 1 — Články (horizontální, archiv /clanky/)

!

AI restart 2024 – report20. 2. 2024

Typ 3 — Homepage grid (3 sloupce, thumbnail nahoře)

!

AI restart 2024

!

PPC restart 2023

!

SEO analýzy

Štítky, CTA & checklist

✓ OK akcent 📦 info 🛠 DEV

1. Odhalíme…

  • Web bez překážek
  • Struktura webu
  • Navigace na webu

Pojďme se domluvit

Napište mi, s čím potřebujete pomoct.

Domluvit schůzku

Barevná paleta

palette1
#7dc04b palette2
#ff5a00 nadpisy
#337ab7 palette3
#1A202C palette4
#2D3748 palette5
#4A5568 palette6
#718096 palette7
#EDF2F7 palette8
#F7FAFC

Typové stránky — vzory pro zakládání nových stránek. Každý typ má účel, osnovu sekcí a odkaz na živý příklad. Vychází z penu (Landing 1–3) a reálné struktury webu.

Katalog vzorů

Prodejní stránka (PASTOR)

Prodej služby. Struktura PASTOR: Problem → Amplify → Story → Transformation → Offer → Response.

  1. Hero + příslib
  2. Problém & důsledky
  3. Řešení / příběh
  4. Co získáte
  5. Nabídka & cena
  6. CTA + FAQ

Živý příklad → /sluzby/

Informační článek

Obsah s prodejním podtextem. Buduje důvěru, měkké CTA.

  1. Nadpis + perex
  2. Obsah (H2/H3, seznamy)
  3. Boxy s tipy
  4. Měkké CTA

Živý příklad → /o-mne/

Report z akce

Shrnutí akce/konference — sekce, zdroje, odkazy.

  1. Hero s názvem akce
  2. Co zaznělo
  3. Zdroje & odkazy
  4. CTA na služby

Živý příklad → report

Blog článek

Standardní článek (BlogPosting) s obsahem (TOC) a autor boxem.

  1. Titulek + datum + náhled
  2. Obsah + TOC
  3. Autor box
  4. Související

Živý příklad → audit

Detail pojmu

Slovníkový pojem (DefinedTerm) — definice + FAQ + související.

  1. Pojem + krátká definice
  2. Rozšířený výklad
  3. FAQ
  4. Související pojmy

Živý příklad → /pojmy/

Detail vzoru — Prodejní (PASTOR)

Wireframe — pořadí sekcí

Petr Jiránek · službaMENU

HERO · Problem

Chci konzultaci

Amplify

Story

Transformation

Offer + Response

Domluvit schůzku

Informační landing (článek s prodejním podtextem) — adaptovaný PASTOR: hook → obsah → ověřené zdroje → tip → co si odnesete → autor → CTA. Vzor podle živého článku.

petrjiranek.cz/clanky/prechod-na-ga4/Informační článek

Článek · Analytika

Přechod na Google Analytics GA4 [kvalitní zdroje]

Univerzální Analytics skončila. Tady je ověřený postup a zdroje, jak migrovat bez ztráty dat a měření.

Stáhnout GA4 checklistObsah článku

Petr Jiránek8 min čteníAktualizováno 2024

V článku najdete

  • Co se v GA4 změnilo
  • Migraci krok za krokem
  • Ověřené zdroje
  • Časté chyby a jak se jim vyhnout

PProblém

Proč to nejde odkládat

Univerzální Analytics přestala sbírat data v červenci 2023. Bez správně nastaveného GA4 stojí každé rozhodnutí v marketingu na vodě.

  • Ztráta srovnání rok na rok
  • Chybně měřené konverze
  • Slepé rozhodování bez dat
  • Neporovnatelné kampaně

Co se v GA4 změnilo

Místo relací měří GA4 události. Jiná logika, jiné reporty — a jiné chyby, do kterých se dá snadno spadnout.

Tip: Nastavte GA4 souběžně s UA o pár měsíců dřív, než vám stará data zmizí. Ušetří vám to slepé období.

AOvěřené zdroje

Vybral jsem zdroje, které mi samotnému ušetřily hodiny. Žádný balast — jen to, co funguje.

  • Oficiální migrační průvodce Google
  • Mapování událostí UA → GA4
  • Šablona kontroly měření
  • Komunitní řešení častých chyb

“

U klientů se nejvíc vyplatí připravit měření dřív, než ho potřebujete. Pozdě = ztracená data.

— Petr Jiránek

Co si odnesete

  • Funkční GA4 s korektními konverzemi
  • Checklist k ruce
  • Klid, že měříte správně

Obsah článku

1 · Co se v GA4 změnilo2 · Příprava účtu3 · Migrace dat a událostí4 · Ověření měření5 · Časté chyby

PJ

Petr Jiránek — #ChytrýMarketing

Pomáhám firmám měřit a růst. SEO, PPC, AI a analytika pod jednou střechou.

Mohlo by vás zajímat

Jak číst reporty v GA4Analytika

GA4 vs Universal AnalyticsAnalytika

Měření konverzí bez cookiesAnalytika

Nechcete GA4 řešit sami?

Ozvěte se a nastavíme měření za vás — rychle a bez chyb.

Domluvit konzultaci

Landing typu report z akce — Hero s akcí → čísla → program → highlighty → klíčová myšlenka → závěry → zdroje → CTA. Vzor podle živého reportu.

petrjiranek.cz/ai-restart-2024-report/Report z akce

Report z akce · 2024

AI restart 2024 — report

Den nabitý umělou inteligencí v marketingu. Co zaznělo, co si z toho odnést a kde najít zdroje — vše na jednom místě.

Stáhnout prezentaceProgram akce

Prahaúnor 20246 hodin obsahu

AI restart 2024 v číslech

12 přednášek

8 řečníků

200+ účastníků

12 přednášek

8 řečníků

200+ účastníků

6 hobsahu

Program

Co bylo na programu

09:30

Keynote: AI v roce 2024 — myslete globálně, jednejte lokálněÚvodní pohled na rok plný změn.

10:30

Revoluce jménem Generative AI StudioTvorba kreativ a textů v reálném čase.

11:30

Automatizace komunikace konverzační AIBoti, kteří nezní jako boti.

13:00

AI v procesu PPC kampaníOd přípravy produktu až po konverze.

14:00

Megapraktické využití AI v LinkedIn brandinguOsobní značka s pomocí AI.

Co zaznělo

Tři věci, co stojí za zapamatování

Generative AI Studio

Kreativy a texty na míru během vteřin.

Konverzační AI

Automatizace komunikace bez ztráty tónu značky.

AI v PPC

Od přípravy feedu po optimalizaci konverzí.

AI je nástroj. Strategii pořád dělá člověk — a ten, kdo to pochopí dřív, vyhrává.

Co si odnést

Praktické závěry

  • Začněte u jednoho procesu, ne u všeho najednou
  • AI nenahrazuje strategii, urychluje ji
  • Měřte dopad, ne nadšení
  • Investujte do dat, ne jen do nástrojů

Zdroje

Odkazy a materiály

  • Prezentace všech přednášejících
  • Seznam zmíněných AI nástrojů
  • Navazující články na blogu
  • Záznam keynote

Chcete AI i ve své firmě?

Ukážu vám, kde AI reálně ušetří čas a peníze — bez hype a prázdných slibů.

Domluvit schůzku

Landing typu detail pojmu (DefinedTerm) — Hero + definice → jak fungují → příklady → jak s nimi pracovat → FAQ → související → CTA. Vzor podle živého pojmu.

petrjiranek.cz/pojmy/ai-overviews/Detail pojmu

Slovník pojmů

Co jsou AI Overviews?

AI-generované souhrny na vrcholu výsledků Googlu, které odpovídají na dotaz ještě dřív, než dojde na klasické odkazy.

Celý slovníkSouvisející pojmy

Ve zkratce

  • Souhrn nad výsledky Googlu
  • Generuje ho AI z více zdrojů
  • Mění cestu uživatele k webu
  • Klíčové pro AI viditelnost

AI Overviews = stručná odpověď sestavená umělou inteligencí přímo nad výsledky vyhledávání. Spojuje informace z více zdrojů a mění způsob, jakým uživatelé objevují obsah.

Jak fungují

Jak AI Overviews fungují

1

Dotaz

Uživatel zadá otázku do vyhledávání.

2

Výběr zdrojů

Google najde relevantní stránky.

3

Generování

AI z nich sestaví souhrn.

4

Odkazy

U souhrnu nabídne zdroje k prokliku.

Příklady

Praktické příklady

Informační dotaz

jak funguje X → souhrn a 3 zdroje

Srovnání

X vs Y → přehled rozdílů

Návod

jak na X → kroky 1 až 5

Jak na to

Jak s AI Overviews pracovat

  • Pište jasné, strukturované odpovědi
  • Doplňte FAQ a definice pojmů
  • Budujte autoritu a důvěru (E-E-A-T)
  • Odpovídejte na konkrétní dotazy

FAQ

Často kladené otázky

Sníží AI Overviews návštěvnost webu?

U čistě informačních dotazů ano — o to důležitější je být citovaným zdrojem, ne deset odkazů níž.

Dají se AI Overviews ovlivnit?

Přímo ne, nepřímo ano — kvalitou, strukturou a důvěryhodností obsahu.

Týká se to i češtiny?

Ano, postupně se rozšiřují i na český trh. Připravit se vyplatí dřív než konkurence.

Související pojmy

GEOLLM SEOE-E-A-TSGERAGFeatured snippet

Potřebujete pomoct s AI viditelností?

Připravím váš obsah tak, aby vás AI i vyhledávače braly jako důvěryhodný zdroj.

Domluvit schůzku

Prodejní landing pro službu — plný PASTOR (Problem · Amplify · Story · Transformation · Offer · Response). Vzor podle /sluzby/.

petrjiranek.cz/sluzby/Prodejní stránka · PASTOR

#ChytrýMarketing

Marketing, který vám konečně vydělává

SEO, PPC, AI a analytika pod jednou střechou. Chytře, měřitelně a bez balastu — ať přesně víte, co vám nese peníze.

Domluvit nezávaznou schůzkuJak to probíhá

15+ let v digitálu200+ projektůRozhodnutí podle dat

Výsledky klientů

+147% poptávek z webu

3,2× návratnost PPC

15+ let v digitálu

200+ realizovaných projektů

3,2× průměrný ROAS

100% měřitelných výstupů

PProblém

Sypete do reklamy peníze, ale výsledky nikde?

Kampaně běží, faktury chodí — a nikdo neumí přesně říct, co reálně vydělává. Zní vám to povědomě?

Netušíte, co se vyplatí

Rozpočet teče do kanálů bez jasné návratnosti.

Web nevozí poptávky

Návštěvy přicházejí, ale konverze ne.

Data jsou v chaosu

Tři nástroje, tři různá čísla, žádná jistota.

AZesílení

Každý měsíc bez čísel je náskok pro konkurenci

Promarněný rozpočet se nevrací. A zatímco váháte, někdo jiný si v klidu bere vaše zákazníky — levněji a chytřeji.

SPříběh

Proč #ChytrýMarketing

Patnáct let v digitálu a stovky kampaní mě naučily jedno: hype nikdy neprodává tak dobře jako data a poctivý obsah. Nepřináším módní zkratky, ale rozhodnutí, která dávají smysl.

“

Vyhledávače jsou fulltextové, ale web nakonec čte člověk. Proto spojuju techniku s obsahem.

— Petr Jiránek

TProměna

S čím konkrétně pomohu

SEO

Viditelnost ve vyhledávání i v AI odpovědích.

PPC

Výkonnostní kampaně, které se vrací.

AI v marketingu

Automatizace, co reálně šetří čas.

E-mailing

Vztah se zákazníky, který prodává.

GA4 & analytika

Měření, kterému se dá věřit.

Konzultace

Směr, když nevíte, kudy dál.

ONabídka

Jak to probíhá

1

Nezávazná schůzka

Probereme cíle a kde vás bota tlačí.

2

Audit a plán

Zmapuju stav a navrhnu konkrétní kroky.

3

Realizace

Pustíme se do práce, vy máte přehled.

4

Reporty s čísly

Každý měsíc víte, co funguje.

Úvodní konzultacezdarmabez závazků, 45 minut

Rezervovat termín

Pojďme se domluvit

Napište mi, s čím potřebujete pomoct. Ozvu se nejpozději do druhého dne.

Domluvit schůzku

Interní vývojářská stránka — architektura webu petrjiranek.cz. Existuje jen na DDEV (negeneruje se do statiky, není na produkci). Přístupná přes dev lištu dole.

Tři prostředí

Prostředí URL Co to je Lišta
WordPress (DDEV) petrjiranek-cz.ddev.site Živý CMS — tady se edituje obsah. nginx + PHP + MariaDB v Dockeru (Colima). 🛠 oranžová
Statický export 127.0.0.1:8090 Předgenerované HTML (crawl z WP). Žádný PHP/DB. Náhled produkce. 📦 modrá
Produkce www.petrjiranek.cz Statika nasazená na VPS. Lišta se sama skryje.

Pipeline (tři artefakty)

① WordPress (DDEV) ──crawl/export──► ② statika (_staticWPAIO) ──deploy──► ③ produkce (VPS) živý CMS, edituje se předgenerované HTML servíruje statiku

  • Edituj obsah/styl ve WordPressu na DDEV.
  • Export: crawler static_export.py → složka petrjiranek_cz_staticWPAIO/ (root-relativní URL, canonical/JSON-LD na produkční doménu).
  • Deploy: orphan deploy branch → push na VPS (skill deploy-web).

Plugin webprezent-all-in-one

Vlastní toolkit (prefix wp_aio_, konstanty WP_AIO_, v2.1.0), moduly v inc/: banners, ratings, seo (title/desc/canonical/OG + JSON-LD schema), toc, media-categories, duplication, typography, archives, aktuality, blocks, sidebar, author-box, sitemap-page, llms (llms.txt), dev-bar (tato lišta), hardening.

AI-viditelnost (GEO/LLM-SEO)

  • JSON-LD schema: globální @graph (Person + Organization + WebSite + sameAs), DefinedTerm + FAQPage na pojmech, BlogPosting na článcích.
  • /llms.txt + /llms-full.txt — mapa webu a definice pro AI nástroje.
  • Audit: _audit/audit_2026-06-14_ai-visibility.md.

Pozn. k reconciliaci

Dnešní úpravy pluginu jsou v nasazené kopii (webprojects/.../plugins/, prefix pjc_). Zdrojový repo wp-plugin-All-In-One používá prefix wp_aio_ → před deployem nutná reconciliace, jinak je deploy-local.sh přepíše.