Příloha A · technické zadání

Dermaguard.cz — zadání pro programátora

Soupis technických úprav webu s hotovým kódem. „Proč" každé úpravy vysvětluje hlavní dokument; tady je jen co a jak udělat, seřazené podle priority. Stav webu jsme ověřili 11. 7. 2026 přímo na živých stránkách — kód níže proto rozlišuje, co už web má a co je potřeba doplnit. Kapitoly značíme P1–P6 (P = programátorský úkol); odkazy „kap. 3.5" z ostatních dokumentů odpovídají bodu P3.5.

Web: www.dermaguard.cz (systém na míru, v adresách SPACEShop) Vypracoval: Ing. Petr Běloch @ Conviu Stav ověřen: 11. 7. 2026
ZTLUMENÉ = web už má, needitovat ŽLUTÉ = chybí, doplnit ORANŽOVÉ = je tam, ale špatně — opravit
Kontext prostředí Web běží na variantě www. Měření: GA4 přes gtag.js přímo v kódu stránky (značka G-57VXMF3ZY9 v hlavičce), bez Google Tag Manageru — a tak to zůstane; dále konverze Google Ads (AW-1052462764), Facebook Pixel (1188091005586456) a retargeting Seznamu. Souhlasy s cookies řeší lišta TermsFeed: Google přes Consent Mode (gtag('consent', 'default' → 'update' po souhlasu), Facebook a Seznam odloženým spuštěním skriptů (type="text/plain" data-cookie-consent="tracking"). Tohle nastavení je v pořádku a needitujte ho. Strukturovaná data dnes na webu jsou (generuje je platforma — funkční, needitovat zbytečně): WebSite, Organization (základ), Article (blog), CollectionPage + Product + Offer vč. dopravy. Vše níže je doplnění chybějícího, ne přepis existujícího. Formát: JSON-LD v <script type="application/ld+json">; placeholdery DOPLNIT… nahradit reálnými hodnotami.

Rychlý přehled stavu (ověřeno 11. 7. 2026) — web nese jen to, co platforma generuje sama; detail a hotový kód drží kapitoly níže:

OblastStav na webuCo chybí
Firma (Organization)základ od platformyadresa, IČO/DIČ, e-mail, sjednocení na www
Produkt (Product)základ + dopravaznačka, zásady vrácení, hodnocení (hvězdičky)
Články (Article)základ od platformyautor jako osoba s kvalifikací, datum aktualizace, obrázek
Drobečková navigacechybí všudecelý web — jeden zásah do šablon
Kontakt, recenze, výpisynic specifickéhoLocalBusiness, Review, ItemList

P1 Měření tržeb (GA4 + Google Ads) problém č. 1

Událost purchase se z webu odesílá (~320× za pololetí), ale bez hodnoty objednávky — GA4 i Google Ads proto vykazují 0 Kč. Úkol: doplnit do ní částku, měnu, číslo objednávky a položky. Je to jediná úprava, která podmiňuje vyhodnocení všeho ostatního, proto je první.

Google Tag Manager nenasazujeme Web měří přes gtag.js vložený přímo ve zdrojovém kódu stránky a u toho zůstáváme — všechny úpravy níže jsou prosté vložení JavaScriptu do šablony. Žádný kontejner, žádná další vrstva, nic se nenastavuje v cizím rozhraní. Základ (gtag('consent', …), načtení gtag/js?id=G-57VXMF3ZY9 a gtag('config', …)) už v hlavičce webu je a needitujte ho — funkce gtag() je díky němu dostupná na každé stránce.

P1.1 Kde vzít data: šablona je už jednou vypisuje pro Facebook

Potřebné hodnoty šablona umí vytisknout do JavaScriptu — dělá to dnes pro Facebook Pixel. Tenhle blok je na každé produktové stránce (ověřeno na /e-shop/dermaguard-250-ml, ve spodní části <body>) a nese název produktu, jeho kód i přesnou cenu:

<script type="text/plain" data-cookie-consent="tracking">  fbq('track', 'ViewContent', {    content_ids: ["Láhev 250 ml 005 střední malé balení"],   // kód produktu ze skladu    content_category: "E-shop",    content_name: "DermaGuard bariérový ochranný krém 250 ml",    content_type: 'product',    currency: 'CZK',    value: 248.99                                            // cena, kterou dosadila šablona  });</script>

Do našeho kódu potřebujeme tytéž šablonové proměnné — název, kód a cenu produktu, u objednávky navíc její číslo a celkovou částku. Nic se nevymýšlí od nuly: kde šablona umí naplnit value: 248.99 pro Facebook, umí totéž pro Google. Na děkovací stránce podle stejného vzoru očekáváme blok fbq('track', 'Purchase', …) s celkovou částkou — pokud tam je, jsou všechna data po ruce a stačí je zopakovat v gtag. (Kdyby na děkovačce žádný takový blok nebyl, pošlete nám její zdrojový kód a doplníme přesné znění.)

Jeden rozdíl proti Facebooku, na který pozor Facebookový blok má type="text/plain" data-cookie-consent="tracking" — čeká na souhlas s cookies a spustí ho až lišta TermsFeed. Náš gtag blok musí být obyčejný <script> bez těchto atributů. Google souhlasy řeší jinak (režimem Consent Mode, který na webu už běží — gtag('consent', 'default', …) v hlavičce). Kdyby gtag blok dostal type="text/plain", událost by se neodeslala vůbec.

P1.2 Co a kam vložit

KamCo
<head> všech stránekNic neměnit. Základ gtag i Consent Mode tam už je.
Šablona děkovací stránky (potvrzení objednávky), kdekoli v <body> — ideálně tam, kde už šablona pracuje s daty objednávky, jinak těsně před </body>Blok A (nákup do GA4) a blok B (konverze Google Ads) — oba níže. Můžou být v jednom <script> za sebou. Obyčejný <script>, ne text/plain.
Šablona produktové stránky — volitelně, až po opravě tržebBlok C (view_item) hned vedle stávajícího fbq('track', 'ViewContent', …), se stejnými proměnnými.

Pořadí v rámci stránky neřešte — gtag() je díky hlavičce dostupná kdekoli v <body>. Podmínka je jediná: blok se smí vykreslit jen na děkovací stránce a jen po úspěšné objednávce, aby se nákup nezapočítal dvakrát (např. po obnovení stránky).

P1.3 Blok A — nákup do GA4

Na děkovací stránku. Ukázka je zobrazená tak, jak má vypadat po dosazení hodnot šablonou (komentáře říkají, co kam patří):

<script>  gtag('event', 'purchase', {    transaction_id: '2026001234',    // číslo objednávky — jedinečné, kvůli deduplikaci    value: 328.98,                   // celkem k úhradě vč. dopravy a DPH — číslo, desetinná tečka    currency: 'CZK',    shipping: 79.00,                 // doprava (volitelné)    items: [                         // po jedné položce za každý řádek objednávky      {        item_id: 'Láhev 250 ml 005',                              // stejný kód jako content_ids u fbq        item_name: 'DermaGuard bariérový ochranný krém 250 ml',   // stejný text jako content_name u fbq        price: 248.99,                                            // cena za kus        quantity: 1      }      // … další položky objednávky, oddělené čárkou    ]  });</script>

Tři zásady, na kterých GA4 trvá: value a price jsou čísla s desetinnou tečkou (ne "328,98 Kč") · currency vždy 'CZK' · transaction_id jedinečné pro každou objednávku — podle něj GA4 zahazuje duplicity.

Pokud na děkovací stránce už nějaké volání gtag('event', 'purchase', …) je (odtud těch ~320 událostí), nepřidávejte druhé — doplňte parametry do stávajícího, ať se nákupy nepočítají dvakrát.

P1.4 Blok B — hodnota do konverze Google Ads

Ihned za blok A, do stejného <script>. Díky tomu bude Google Ads optimalizovat na tržby, ne na počty objednávek:

  gtag('event', 'conversion', {    send_to: 'AW-1052462764/DOPLNIT_LABEL',   // viz níže, kde label vzít    transaction_id: '2026001234',             // stejné číslo jako v bloku A    value: 328.98,    currency: 'CZK'  });

Kde vzít DOPLNIT_LABEL: je to řetězec za lomítkem v identifikátoru konverzní akce. Najdete ho buď ve stávajícím konverzním kódu na děkovací stránce (hledejte AW-1052462764/), nebo v Google Ads → Cíle → Konverze → akce „nákup" → Nastavení značky → Instalovat značku ručně. Účet Ads spravuje klient — pokud se k němu nedostanete, vyžádejte si label u nás.

P1.5 Blok C — zobrazení produktu volitelné, až po tržbách

Na produktovou stránku, hned vedle bloku fbq('track', 'ViewContent', …) ukázaného výše, se stejnými proměnnými. Doplní chybějící začátek nákupní cesty (dnes o zobrazení produktu Google neví):

<script>  gtag('event', 'view_item', {    value: 248.99,    currency: 'CZK',    items: [{ item_id: 'Láhev 250 ml 005', item_name: 'DermaGuard bariérový ochranný krém 250 ml', price: 248.99, quantity: 1 }]  });</script>

Stejným vzorem jde později doplnit add_to_cart (přidání do košíku běží přes AJAX ?do=addToCart — událost patří do jeho úspěšné odpovědi) a begin_checkout. Není to podmínka ničeho z plánu, jen užitečný přehled o cestě k nákupu.

P1.6 Jak si ověřit, že to funguje

  1. Testovací objednávka (klidně nejlevnější balení) a při ní otevřený Tag Assistant (tagassistant.google.com) nebo konzole prohlížeče — u události purchase musí být vidět nenulové value a currency: 'CZK'.
  2. GA4 → Přehledy → V reálném čase — do minuty naskočí událost purchase s hodnotou.
  3. Za 1–3 dny GA4 → Monetizace — tržby už nejsou 0 Kč; a Google Ads → Konverze — u akce „nákup" je vyplněná hodnota.
  4. Testovací objednávku pak zrušte a dejte nám vědět datum a číslo — vyloučíme ji z vyhodnocení.

P2 Produktové stránky: titulek, H1, og:title, popis chybí — vše sdílí „DERMAGUARD – e shop"

Šablonově pro všechny velikosti (110/250/500/1000 ml + tester) doplnit název a objem:

<title>DermaGuard bariérový ochranný krém 250 ml | Dermaguard.cz</title>  <!-- dnes „DERMAGUARD – e shop" --><h1>DermaGuard bariérový ochranný krém 250 ml</h1>                        <!-- dnes „E-shop" --><meta property="og:title" content="DermaGuard bariérový ochranný krém 250 ml"><meta name="description" content="Ochrana pokožky až 6 hodin, 249 Kč, skladem.">

P3 Strukturovaná data (schema.org): doplnit chybějící

Analýzu strukturovaných dat jste od nás dostali už 4. 6. 2026; při kontrole 11. 7. 2026 nebylo nasazené nic z ní. Kód níže je kompletní a aktuální — nahrazuje i červnové vzory.

P3.1 — Drobečková navigace BreadcrumbList chybí na celém webu

Plošně do šablony, dynamicky podle cesty. Návštěvník drobečky na webu neuvidí ani v kódu — doplnit obojí (viditelné zobrazení řeší P5.4).

{  "@context": "https://schema.org",  "@type": "BreadcrumbList",  "itemListElement": [    { "@type": "ListItem", "position": 1, "name": "Úvod", "item": "https://www.dermaguard.cz/" },    { "@type": "ListItem", "position": 2, "name": "Dermatologie blog", "item": "https://www.dermaguard.cz/dermatologie-blog" },    { "@type": "ListItem", "position": 3, "name": "Ekzémy", "item": "https://www.dermaguard.cz/dermatologie-blog/ekzemy" },    { "@type": "ListItem", "position": 4, "name": "Atopický ekzém", "item": "https://www.dermaguard.cz/dermatologie-blog/ekzemy/atopicky-ekzem" }  ]}

P3.2 — Obohatit Organization základ existuje — doplnit identitu

Doplnit adresu, IČO, DIČ, e-mail a Instagram; opravit URL na www variantu (dnes schéma uvádí doménu bez www). Odebrat chybné isFamilyFriendly z Organization/publishera. E-mail vést na doménu dermaguard.cz, ne křížově na derma.cz.

{  "@context": "https://schema.org",  "@type": "Organization",  "name": "DermaGuard",  "legalName": "DERMAGUARD CZ spol. s r.o.",  "url": "https://www.dermaguard.cz/",                    // dnes bez www — sjednotit  "logo": { "@type": "ImageObject", "url": "https://www.dermaguard.cz/logo.png" },  "address": {    "@type": "PostalAddress",    "streetAddress": "DOPLNIT ulice a č.p.",    "addressLocality": "DOPLNIT město",    "postalCode": "DOPLNIT PSČ",    "addressCountry": "CZ"  },  "vatID": "DOPLNIT DIČ (např. CZ12345678)",  "identifier": { "@type": "PropertyValue", "propertyID": "ICO", "value": "DOPLNIT IČO" },  "contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "email": "DOPLNIT@dermaguard.cz", "telephone": "DOPLNIT" },  "sameAs": [    "https://www.facebook.com/dermaguard.cz",    "https://www.instagram.com/dermaguard_cz"  ]}

P3.3 — Article na blogu: autor jako Person autor je dnes chybně Organization

Autor je dnes typu Organization se jménem člověka — má být Person s odkazem na profil. Doplnit image a dateModified. (Odbornou kontrolu řeší P3.4 — u zdravotního článku se obojí doplňuje společně.)

{  "@context": "https://schema.org",  "@type": "Article",  "headline": "Atopický ekzém: příčiny, projevy a každodenní péče",  "image": "https://www.dermaguard.cz/.../atopicky-ekzem-nahled.jpg",  "datePublished": "2025-03-14",  "dateModified": "2026-05-12",  "author": { "@type": "Person", "name": "[jméno autora]", "url": "https://www.dermaguard.cz/redakce/[autor]" },   // dnes @type Organization  "publisher": { "@type": "Organization", "name": "DermaGuard", "logo": { "@type": "ImageObject", "url": "https://www.dermaguard.cz/logo.png" } }   // logo dnes jako text}

P3.4 — MedicalWebPage s odbornou kontrolou chybí

U zdravotního obsahu (články i stránky o nemocech) doplnit medicínské označení s garantem. Důležité: reviewedBy uvádět jen tehdy, když obsah opravdu kontroloval uvedený odborník. Jméno garanta a datum dodá redakce.

{  "@context": "https://schema.org",  "@type": "MedicalWebPage",  "name": "Kontaktní ekzém — příčiny, projevy a ochrana pokožky",  "url": "https://www.dermaguard.cz/kontaktni-ekzem",  "lastReviewed": "2026-05-12",  "reviewedBy": { "@type": "Person", "name": "MUDr. [Jméno]", "jobTitle": "dermatovenerolog", "url": "https://www.dermaguard.cz/odborny-garant" },  "about": { "@type": "MedicalCondition", "name": "Kontaktní ekzém", "alternateName": "Kontaktní dermatitida" }}

P3.5 — Product: značka, identifikátory, varianty, certifikace, hodnocení základ + doprava existují

K dnešnímu Product/Offer doplnit značku, EAN, objem, propojení 4 velikostí jako jednoho produktu, výrobce, certifikaci a hodnocení; dopravu ponechat. Doplnit pro všechny velikosti. Hodnoty plnit z parametrů produktu (jeden zdroj → schema.org na stránce i XML feed). aggregateRating/review jen z reálných, ověřitelných recenzí.

{  "@context": "https://schema.org",  "@type": "Product",  "name": "DermaGuard bariérový ochranný krém 250 ml",  "sku": "78",  "brand": { "@type": "Brand", "name": "DermaGuard" },  "manufacturer": { "@type": "Organization", "name": "DERMAGUARD CZ spol. s r.o." },  "countryOfOrigin": "CZ",  "gtin13": "DOPLNIT_EAN",  "mpn": "DG-250",  "size": "250 ml",  "inProductGroupWithID": "DERMAGUARD-KREM",  "isVariantOf": { "@type": "ProductGroup", "productGroupID": "DERMAGUARD-KREM", "variesBy": "https://schema.org/size" },  "additionalProperty": [    { "@type": "PropertyValue", "name": "Objem", "value": "250 ml" },    { "@type": "PropertyValue", "name": "Parfemace", "value": "bez parfemace" },    { "@type": "PropertyValue", "name": "Doba ochrany", "value": "4–6 hodin" }  ],  "hasCertification": {    "@type": "Certification",    "name": "Certifikovaný osobní ochranný prostředek",    "issuedBy": { "@type": "Organization", "name": "DOPLNIT autorizovaná/notifikovaná osoba" },    "certificationIdentification": "DOPLNIT číslo certifikátu"  },  "aggregateRating": { "@type": "AggregateRating", "ratingValue": "DOPLNIT", "reviewCount": "DOPLNIT" },  "review": [ { "@type": "Review", "author": { "@type": "Person", "name": "DOPLNIT" }, "reviewRating": { "@type": "Rating", "ratingValue": "5" }, "reviewBody": "DOPLNIT text recenze" } ],  "offers": {    "@type": "Offer", "priceCurrency": "CZK", "price": 249,    "priceValidUntil": "2026-12-31",    "itemCondition": "https://schema.org/NewCondition",    "availability": "https://schema.org/InStock",    "url": "https://www.dermaguard.cz/e-shop/dermaguard-250-ml",    // shippingDetails: ponechat stávající (4 dopravci) — web už má    "hasMerchantReturnPolicy": {      "@type": "MerchantReturnPolicy", "applicableCountry": "CZ",      "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",      "merchantReturnDays": 14, "returnFees": "https://schema.org/FreeReturn"    }  }}

size + isVariantOf propojí 4 velikosti jako jeden produkt v různých baleních (ve feedu odpovídá item_group_id). Hodnoty merchantReturnDays/returnFees upravit podle skutečných obchodních podmínek.

P3.6 — FAQPage chybí

Jen tam, kde jsou otázky a odpovědi viditelné na stránce. Do FAQ nepatří reklamní/produktové otázky (Google to u rozšířených výsledků zakazuje).

{ "@context": "https://schema.org", "@type": "FAQPage",  "mainEntity": [ { "@type": "Question", "name": "Je atopický ekzém nakažlivý?",    "acceptedAnswer": { "@type": "Answer", "text": "Ne. Atopický ekzém není infekční onemocnění…" } } ] }

P3.7 — Review na stránce recenzí chybí

Každé hodnocení označit jako Review s itemReviewed na konkrétní produkt. Souhrn patří jako aggregateRating na produkt (P3.5) — odtud se berou hvězdičky ve výsledcích. Jen reálná, ověřitelná hodnocení.

{  "@context": "https://schema.org",  "@type": "Review",  "itemReviewed": { "@type": "Product", "name": "DermaGuard bariérový ochranný krém 250 ml", "sku": "78" },  "author": { "@type": "Person", "name": "Jana N." },  "datePublished": "2026-04-18",  "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" },  "reviewBody": "Rychle se vstřebá a nemastí, ruce v rukavicích konečně vydrží."}

P3.8 — Blog na výpisu blogu chybí

Výpis článků označit jako Blog (články jako BlogPosting v blogPost). Na stránce článku ponechat jeho Article (P3.3).

{  "@context": "https://schema.org",  "@type": "Blog",  "name": "Dermatologie blog — DermaGuard",  "url": "https://www.dermaguard.cz/dermatologie-blog",  "blogPost": [    { "@type": "BlogPosting", "headline": "Atopický ekzém: příčiny, projevy a každodenní péče", "url": "https://www.dermaguard.cz/dermatologie-blog/ekzemy/atopicky-ekzem", "datePublished": "2025-03-14" },    { "@type": "BlogPosting", "headline": "Suché a popraskané ruce z dezinfekce: co pomáhá", "url": "https://www.dermaguard.cz/dermatologie-blog/suche-ruce", "datePublished": "2025-11-02" }  ]}

P4 Technické signály

P4.1 — Náhledový obrázek og:image chybí na celém webu

Sdílený odkaz nemá náhled. Doplnit dynamicky podle stránky (článek = úvodní obrázek, produkt = fotka, úvod = firemní vizuál), velikost ≥ 1200 × 630 px.

<meta property="og:type" content="article"><meta property="og:title" content="Atopický ekzém: příčiny, projevy a péče"><meta property="og:description" content="Jak poznat atopický ekzém a jak o pokožku pečovat…"><meta property="og:image" content="https://www.dermaguard.cz/.../atopicky-ekzem-nahled.jpg"><meta property="og:url" content="https://www.dermaguard.cz/dermatologie-blog/ekzemy/atopicky-ekzem"><meta name="twitter:card" content="summary_large_image">

P4.2 — Canonical + sjednocení domény na www canonical chybí

<link rel="canonical"> chybí úplně a schéma uvádí doménu bez www, přestože web běží na www. Doplnit self-canonical na www variantu, přesměrovat bez-www → www (301) a www používat i ve schématu.

<link rel="canonical" href="https://www.dermaguard.cz/dermatologie-blog/ekzemy/atopicky-ekzem">

P4.3 — Sitemapa a robots.txt na standardní adresu existují, ale na špatných adresách

Oba soubory web má, ale ne tam, kde je roboti hledají. Sitemapa je XML seznam všech stránek webu, podle kterého vyhledávače web procházejí — standardně leží na /sitemap.xml. robots.txt je soubor s pravidly pro roboty a musí být přímo na /robots.txt v kořeni webu.

Dnešní stav:

  • Adresa https://www.dermaguard.cz/sitemap.xml vrací chybu 404 (stránka neexistuje). Skutečná sitemapa (73 adres) je vygenerovaná na nestandardní adrese /Sitemap/Sitemap/xmlsitemap/.
  • Adresa /robots.txt se nenačítá napřímo — server ji dvakrát přesměruje až na /Sitemap/Sitemap/robots/?Itemid=2 (adresa s parametrem).

Proč to vadí: vyhledávače oba soubory hledají na standardních adresách. Přesměrování většinou zvládnou, ale je to křehké — část nástrojů a robotů si s řetězcem přesměrování neporadí a soubor nenajde.

Co udělat, krok za krokem:

  1. Zpřístupnit sitemapu přímo na https://www.dermaguard.cz/sitemap.xml — stačí alias nebo kopie té, kterou systém už generuje.
  2. Soubor robots.txt uložit jako statický soubor v kořeni webu, aby se načítal bez jediného přesměrování. Pozor: stávající pravidla zachovat beze změny (web má správně povolené i AI roboty) — mění se jen umístění souboru.
  3. V robots.txt upravit odkaz na sitemapu, aby ukazoval na novou standardní adresu:
Sitemap: https://www.dermaguard.cz/sitemap.xml   # dnes míří na /Sitemap/Sitemap/xmlsitemap/

Ověření: obě adresy (/sitemap.xml i /robots.txt) po úpravě vracejí obsah napřímo — stavový kód 200, žádné přesměrování (vidět v DevTools na kartě Network, sloupec Status).

P4.4 — Hierarchie nadpisů H1–H3 tři šablony k opravě

Nadpisy H1–H3 tvoří osnovu stránky — podle ní Google chápe, o čem stránka je. H1 je titul (smí být jen jeden), H2 jsou kapitoly, H3 podkapitoly. Dnes je osnova rozbitá na třech místech:

  • Úvodní stránka má H1 dvakrát — stejný nadpis jednou pro počítačovou a jednou pro mobilní verzi šablony. Stránka tak Googlu hlásí dvě „hlavní témata".
  • V článku následuje hned po H1 ještě H2 se stejným textem. Skutečné podnadpisy článku kvůli tomu spadly o úroveň níž (na H3) a osnova neodpovídá obsahu.
  • Detail produktu má H1 „E-shop" místo názvu produktu — Google tak u nejdůležitějších (prodejních) stránek nezná jejich téma. Souvisí s titulky v kapitole P2.

Pravidla pro opravu šablon:

  1. Každá stránka má právě jeden H1 a ten nese téma stránky: u článku jeho titulek, u produktu název produktu („DermaGuard bariérový ochranný krém 250 ml"), na úvodní stránce hlavní sdělení webu.
  2. Duplicitní nadpis pro mobil/desktop řešit přes CSS (jeden H1 v kódu, zobrazený v obou verzích) — ne druhým H1.
  3. Duplicitní H2 pod titulkem článku ze šablony odstranit, ať se podnadpisy vrátí na H2/H3.
  4. Úrovně nepřeskakovat: H2 = hlavní sekce, H3 = podsekce uvnitř H2.
  5. Bannery, slidery a propagační bloky nesmí do osnovy vkládat vlastní H1–H3 — jejich texty stylovat jako odstavce.

Vzor správné osnovy článku:

<h1>Atopický ekzém: příčiny, projevy a péče</h1>   <!-- jen jednou, = téma stránky -->  <h2>Jak atopický ekzém poznáte</h2>  <h2>Co ho spouští</h2>    <h3>Vnější spouštěče</h3>    <h3>Vnitřní faktory</h3>  <h2>Jak o pokožku pečovat</h2>

Ověření: na opravené stránce spustit v konzoli prohlížeče document.querySelectorAll('h1').length — výsledek musí být 1. Osnovu celé stránky přehledně ukáže i bezplatný nástroj v prohlížeči (např. rozšíření HeadingsMap).

P4.5 — Alt texty a úplný popis v JSON-LD opravit

Některé alt texty neodpovídají produktu („DSC_0421 2") a popis produktu ve strukturovaných datech je useknutý uprostřed slova. alt psát věcně a konzistentně s názvem produktu; do JSON-LD dávat plný, gramaticky uzavřený popis.

PŘED: alt="DSC_0421 2"   ·   popis v datech „…krém vytváří na pokožce ochran…"PO:   alt="DermaGuard bariérový krém 250 ml"      popis „DermaGuard bariérový krém vytváří na pokožce ochrannou vrstvu,      která chrání před drážděním při práci v rukavicích i s dezinfekcí."
Pozn.: llms.txt neřešit Žádný velký AI provider ho reálně nepoužívá a nemá prokázaný efekt. Není součástí zadání.

P5 Redakční pole a bloky chybí

Kromě strojových značek chybí v šabloně několik editovatelných prvků, bez kterých obsahový tým nemůže plnit to, co strategie vyžaduje. U každého: přidat editovatelné pole/blok v administraci + jeho viditelné zobrazení na stránce + propsání do strukturovaných dat.

BlokCo přidat
P5.1 Autor / datum / garantEditovatelná pole: autor (jméno + odkaz na profil), datum publikace, datum aktualizace, odborný garant (jméno + odkaz), datum poslední odborné kontroly. Zobrazit nad/pod nadpisem článku i stránky o nemoci; hodnoty se propíšou do P3.3 a P3.4.
P5.2 Blok FAQDvojice otázka–odpověď k článku i stránce, viditelně vykreslené (např. rozbalovací) a propsané do FAQPage (P3.6). Jen skutečné, na stránce viditelné otázky.
P5.3 Úvodní text rubrikyRubrika blogu dnes nemá žádný popis — přidat pole pro úvodní text nad výpisem (2–4 odstavce), aby rubrika mohla sloužit jako plnohodnotná stránka tématu.
P5.4 Drobečková navigace viditelněDrobečky (Úvod › Blog › Ekzémy › …) dnes nejsou vidět na stránce ani v kódu. Zobrazit v šabloně + schema BreadcrumbList (P3.1).

P5.5 — Zobrazení hodnocení: hvězdičky u nákupu, recenze dole chybí

Sběr recenzí řeší P3.7 (strojové označení) a e-mail po nákupu; tahle kapitola říká, jak hodnocení zobrazit lidem. Cíl: zákazník vidí důkaz důvěry dřív, než se rozhoduje o tlačítku Koupit — proto hvězdičky patří nad ohyb stránky (část viditelnou bez rolování), přímo do nákupní sekce.

A) Produktová stránka — nákupní sekce (nad ohybem)

Hned pod název produktu (H1), nad cenu a tlačítko Koupit, vložit řádek hodnocení. Rozvržení:

DermaGuard bariérový ochranný krém 250 ml        ← H1 (řeší P2)★★★★★  4,8 / 5 · 37 hodnocení                    ← NOVÝ řádek; klik sroluje na #hodnoceni249 Kč · skladem[ Koupit ]
  • Formát přesně: pět hvězdiček vyplněných podle průměru (i částečně, např. 4,8 = skoro plná pátá) + text „4,8 / 5 · 37 hodnocení" (čísla jsou příklad — počítají se automaticky ze sesbíraných recenzí). Průměr na jedno desetinné místo s českou čárkou.
  • Celý řádek je odkaz — po kliknutí stránka sroluje na sekci recenzí dole (kotva #hodnoceni). Zákazník tak z místa rozhodnutí doskočí na důkazy jedním klikem.
  • Na mobilu totéž: řádek zůstává hned pod názvem, před cenou — nesmí spadnout pod ohyb.
  • Zobrazovat až od 3 hodnocení. Prázdné hvězdičky s textem „zatím bez hodnocení" důvěru podkopávají — do té doby řádek úplně skrýt.
  • Jeden zdroj dat: stejná čísla (průměr, počet) se propisují do viditelného řádku i do aggregateRating ve schematu (P3.5) — počítají se automaticky ze sesbíraných recenzí, nikdy se nepřepisují ručně.

B) Produktová stránka — sekce recenzí dole

  • Sekce s kotvou #hodnoceni a nadpisem (H2) „Hodnocení zákazníků". Nahoře zopakovat souhrn ve větším: velké číslo průměru + hvězdy + „z 37 hodnocení".
  • Pod tím vypsat 3–5 nejnovějších recenzí — každá: hvězdičky, jméno (stačí „Jana N."), datum, text; u recenzí ze sběru po nákupu štítek „ověřený nákup".
  • Pod výpisem tlačítko „Zobrazit další hodnocení" — donačte dalších 5 (bez přenačtení stránky); nezakládat stránkování na nových adresách.
  • Každá vypsaná recenze se v kódu označí jako Review (P3.7) — viditelný text a schema si musí odpovídat.

C) Úvodní stránka

  • Do horní části (v hero bloku nebo hned pod ním) vložit blok důvěry: hvězdy + „4,8 / 5 z 37 hodnocení" + jedna krátká citace zákazníka + odkaz „Přečíst hodnocení" (vede na produkt na kotvu #hodnoceni, případně na stránku recenzí).
  • Stejné pravidlo jako u produktu: zobrazit až od 3 hodnocení, čísla brát automaticky z téhož zdroje.

Ověření: na mobilu i desktopu je řádek hodnocení vidět bez rolování · klik sroluje na #hodnoceni · počet a průměr ve viditelném textu = hodnoty v aggregateRating (Rich Results Test, P6) · při méně než 3 hodnoceních se blok nezobrazuje.

P6 Jak úpravy ověřit

  • Google Rich Results Test (search.google.com/test/rich-results) — způsobilost pro rozšířené výsledky.
  • Schema.org Validator (validator.schema.org) — syntaxe a typy.
  • Tag Assistant (tagassistant.google.com) — ověření měření; podrobný postup s testovací objednávkou je přímo u P1.6.
  • Search Console → Vylepšení — po nasazení sledovat sestavy Drobečková navigace, Produkty, Časté dotazy.
  • Otestovat reprezentativní vzorek: úvodní stránku, 1 článek, výpis e-shopu, 1 detail produktu, 1 tematickou stránku nemoci.

Souhrn (checklist)

#ÚpravaRozsahStav 11. 7.
P1Měření tržeb purchase (GA4 + Google Ads)šablona děkovací stránkybez hodnoty
P2Titulek/H1/og:title/popis produktůšablona produktu (5 stránek)sdílený titulek
P3.1BreadcrumbListcelý web (šablona)chybí
P3.2Obohatit Organizationcelý webjen základ
P3.3Article — autor Person, image, dateModifiedšablona článkuautor chybně
P3.4MedicalWebPage + reviewedByzdravotní obsahchybí
P3.5Product — značka, EAN, varianty, hodnoceníšablona produktujen základ
P3.6FAQPagestránky s FAQchybí
P3.7Reviewstránka recenzíchybí
P3.8Blogvýpis bloguchybí
P4.1og:image + Open Graphcelý webchybí
P4.2Canonical + www 301celý webchybí
P4.3/sitemap.xml + robots.txt v kořeniserveršpatné adresy
P4.4Hierarchie nadpisů H1–H3šablonyopravit
P4.5Alt texty + úplný popis v JSON-LDšablony + dataopravit
P5.1Pole autor / datum / garantšablona článku a stránkychybí
P5.2Blok FAQ (viditelný + schema)šablona článku a stránkychybí
P5.3Úvodní text rubrikyšablona rubriky bloguchybí
P5.4Drobečková navigace viditelněšablony (celý web)chybí
P5.5Zobrazení hodnocení — hvězdičky u nákupu, recenze dolehomepage + šablona produktuchybí

Obsahová architektura (kontext): web má tři stavební prvky — stránku (rozcestník tématu s tlačítkem „Koupit krém"), článek (blogový příspěvek s produktovým blokem a souvisejícími články) a rubriku (kategorie blogu). Tyhle prvky fungují a needitují se; úkoly výše doplňují strojové značky (P1–P4) a chybějící redakční pole (P5).