jabkolevne.cz | EshopRadar

jabkolevne.cz

Použitá šablona
Classic
Tarif
Shoptet Premium
Počet hodnocení
2707
Průměrné hodnocení
4,7
Odkaz na Heureku
Zobrazit
Odkaz na sitemapu
Zobrazit
Sociální sítě:

O e-shopu

JabkoLevně.cz je e-shop zaměřený na prodej produktů značky Apple – v nabídce má nejnovější iPhony, iPady, Macy, Apple Watch i audio zařízení (AirPods, reproduktory). Prodává jak nové, tak repasované či zánovní modely s jasným označením stavu. K tomu nabízí širokou škálu příslušenství: kryty, ochranná skla, nabíječky, kabely, adaptéry, myši, klávesnice, Apple Pencil, AirTag a další doplňky. Součástí služeb je výkup starých Apple zařízení a testování každého kusu s garancí originality. Zákaznická podpora zahrnuje online servis, osobní odběr v Praze a různé možnosti doručení. Cílovou skupinou jsou uživatelé Apple hledající jak nové, tak levnější nebo obnovené produkty a doplňky.

AI SEO analýza

Analýza

  • Hodnocení kvality obsahu – obsah je bohatý na klíčová slova zaměřená na produkty Apple (např. iPhone, iPad, Mac). Textové informace jsou relevantní pro cílové publikum, zaměřují se na typy produktů, vlastnosti, ceny, stav zboží a výkup. Unikátní formulace je patrná v popisech produktů a popiscích kategorií, nicméně většina obsahu je statická a shodná s ostatními e-shopy; chybí komplexní a detailní popisy s výhodami. Přesnost je vysoká, informace odpovídají daným produktům. Čitelnost je dostačující, avšak textové bloky jsou často rozčleněny do krátkých vět, což zlepšuje přehlednost.
  • Výzkum a analýza klíčových slov – hlavní klíčová slova jsou „iPhone“, „Apple“, „použitý iPhone“, „nový iPhone“, „bazaronline“ penetrující hlavně do nadpisů a popisů produktů, například v názvech produktů a kategoriích (např. „iPhone 15 Pro Max 256GB“). Vedlejší klíčová slova zahrnují „zánovní“, „garance kvality“, „lokální výkup“, „móda“, „CZT“, „doprava do druhého dne“. Hustota klíčových slov je přiměřená, klíčová slova se nachází nadpisy, popisky produktů a CTA. Klíčová slova jsou v textu přirozeně rozptýlená, hlavně v názvech produktů, kategoriích a popiscích doplňků.
  • Analýza čitelnosti – na základě obsahu je odhadovaná úroveň Flesch-Kincaid Grade přibližně kolem 8-10, což je srozumitelné pro širokou veřejnost. Text je stručný, s přehlednými odstavci, ale obsahuje technické termíny, které by mohly být lehce zjednodušeny. Gunning-Fog Index je střední, dobře se čte s vhodným rozčleněním textu. Ease readability odhadováno jako střední až dobré, vhodné pro internetové prostředí.
  • Obsahové mezery – chybí detailní faq sekce týkající se například otázky na stav zboží, záruční podmínky, proces výkupu a výhod použitých zařízení. Nejsou zde zmíněna long-tail klíčová slova jako „nejlepší cena za použitý iPhone“ nebo „tipy na výběr iPhone podle stáří a stavu“ či „porovnání modelů iPhone“. Otázky týkající se výkupu, záruky, nebo možností financování chybí nebo jsou velmi stručné. Chybí obsahová rozšíření okolo výhod koupě z bazaru versus nový produkt, či podrobnější popisy produktu.
  • Duplicitní nebo slabý obsah – většina brandových popisů a kategorií je kusově velmi podobná, bez unikátního textu mezi jednotlivými produktovými stránkami. Produktové popisy jsou krátké a obsahují převážně technické specifikace a ceny, což působí jako tenký obsah. Opakovací charakter má například popis výhod, záruk či kategorií, což je standardní u podobných e-shopů a může snížit počet unikátních bodů pro SEO.

Doporučení

  • Přepsat nadpisy kategorií a produktů tak, aby obsahovaly cílená klíčová slova, například „Levné použití iPhony – garance originality“ místo pouze „iPhone“. Doplnit specifické výhody produktů ve formě podnadpisů.
  • Doplnit detailní FAQ sekce s otázkami na stav zboží, výkup, záruku, možnosti financování či dopravy – například „Jak poznám, že je iPhone v dobrém stavu?“ nebo „Jak funguje výkup starého zařízení?“
  • Přidat k produktovým popiskům specifická Long-tail klíčová slova jako „iPhone 12 Pro Max 128GB bazar“, „nejlepší cena za použitý iPhone“, „ověřený stav Apple iPhone“.
  • Rozšířit texty na titulních stránkách a kategoriích o detailnější popisy, například výhody nákupu z bazaru, garance původnosti, testování zařízení, výhody použitých produktů, a tak zvýšit unikátnost obsahu.
  • Vytvořit více unikátních popisů produktů s důrazem na benefity a recenze, s citacemi skutečných zákazníků. Vyhnout se opakujícím se formulacím v popisech produktů, které snaží zvýšit celkovou hodnotu stránky pro SEO.
  • V nadpisech kategorií a popiscích použít názvy modelů a klíčových vlastností, jako například „Nové iPhony od Apple s garancí“ nebo „Důvěryhodný bazar s použitými zařízeními“ pro zvýšení relevance.
  • Vytvořit sekce s FAQ na homepage a v kategoriích, které budou obsahovat otázky s klíčovými slovy např. „Jak poznat originální iPhone?“, „Jak využít výkup starého iPhonu?“, „Co znamená Stav A u použitých telefonů?“
  • U popisů produktů a kategorií doplnit relevantní long-tail klíčová slova, která odpovídají záměrům uživatelů hledajících použitý či nový iPhone, například „Levné použití iPhone 13 s garancí“ nebo „Bazary Apple v Praze – kvalitní zboží“.

Kritické problémy – nutné opravit okamžitě

  • Absence strukturovaných dat produktů: U produktových položek chybí schema.org struktura, která by pomohla vyhledávačům správně interpretovat obsah a zobrazit bohaté náhledy (rich snippets).
  • Chybějící ALT atributy u obrázků produktů: Například u ikon nebo bannerů jsou některé obrázky bez popisku (alt=""). To snižuje přístupnost a SEO optimalizaci.
  • Hlavní a meta description:</strong> <title> je správně, ale meta description není přímo viditelná v kódu (není zde explicitně). Pokud je v Shoptetu správně zadáno, může to být v pořádku, ale je potřeba zkontrolovat, že má optimální délku a klíčová slova.</li> <li><strong>Robots meta tag:</strong> <meta name="robots" content="index,follow"> je správně, ale je důležité ověřit, že veškeré stránky nejsou snadno indexovatelné, pokud jsou například orphan nebo mají noindex.</li> <li><strong>Výška a šířka obrázků na produktových kartách:</strong> U většiny obrázků je nastaven atribut width a height, což je správné, ale u mnoha bannerů nebo ikon je to jen přes nebo SVG s minimálním využitím obrázku (např. gif s nulovou velikostí), což může zhoršit výkon a Core Web Vitals.</li> <li><strong>Mobilní přístupnost a rychlost:</strong> Mnoho obrázků má atribut fetchpriority="low" a používají se lazy-load atributy (např. data-shp-lazy), což je správné, ale je třeba ověřit, že všechny obrázky jsou efektivně optimalizované a necítí se zbytečné načítání neoptimalizovaných velkých obrázků.</li> <li><strong>Fungování strukturovaných dat (schema.org) u produktů:</strong> Chybí označení strukturou, které by napomohlo lepšímu zobrazení ve vyhledávači (např. schema.org/Product, Offer). To je důležité na produktové stránce, i když je u produktů v nabídce minimalizováno jejich zobrazení, měla by být jejich struktura kompletní.</li> <li><strong>Kanonické URL:</strong> <link rel="canonical" href="https://www.jabkolevne.cz/" /> je správně, ale je třeba zkontrolovat, že na všech podstránkách je správně nastaveno, aby nedocházelo ke kanonickým duplicitám (u všech chybějících kategorií nebo produktových stránek je nutno to ověřit v administraci).</li> <li><strong>Hreflang tagy:</strong> jsou přítomné, což je správné (cs, sk, x-default), což pomáhá správnému zařazení v různých regionech.</li> <li><strong>Chybějící explicitní audity a optimalizace pro Web Vitals:</strong> Velké obrázky s rozměry 1080x1920 a větší mohou zpomalovat načítání, je třeba je optimalizovat (komprese, formáty WebP) a ověřit, že jsou plně lazy-loading, pokud jsou mimo viewport.</li> </ul> <h2>Další menší technické problémy:</h2> <ul> <li><strong>Neoptimalizované načítání externích skriptů:</strong> více JS souborů s vysokou prioritou, některé načítány asynchronně, ale je třeba ověřit, zda nepůsobí blokování renderu.</li> <li><strong>Chybějící viditelné mikroformáty schema.org:</strong> například u produktů, recenzí či hodnocení je vhodné doplnit mikrodata/schema.org pro lepší vizibilitu ve vyhledávačích.</li> <li><strong>Použití generických nebo fallback obrázků:</strong> např. ikony, bannerové obrázky mají minimalistické nebo neexistující alt text, což může vplývat na SEO a přístupnost.</li> </ul> <h2>Další aspekty:</h2> <ul> <li><strong>Nové a aktuální meta data:</strong> meta description má dobře formulovaný obsah, vhodná délka, klíčová slova jsou zahrnuta.</li> <li><strong>SEO-friendly URL struktura:</strong> URL jsou přátelské, obsahují klíčová slova a jsou odpovídající kategoriím (např. /iphone-15-128gb/).</li> <li><strong>Mobilní přívětivost:</strong> viewport je správně nastaven, komunikace a obrázky odpovídají mobilním standardům.</li> <li><strong>Obsah a duplicate:</strong> z pohledu HTML přímo nevidíme detaily obsahu, ale vzhledem k dynamickému načítání produktů je třeba v administraci dbát na unikátnost produktových popisů a meta dat.</li> <li><strong>Accessibility</strong>: navigace má správné ARIA atributy, skokové odkazy (skip link) jsou přítomny, vylepšení by bylo vhodné přidat popisky u tlačítek a obrázků, které chybí ALT, například u bannerů nebo ikon.</li> </ul> <h2>Rychlé výhry – snadné úpravy s velkým dopadem</h2> <ul> <li>Vyplnit a ověřit meta description na všech stránkách, pokud není správně uvedena v administraci.</li> <li>Optimalizovat obrázky produktů – komprese, formáty WebP, jejich správné načítání (lazyload) na všech místech.</li> <li>Přidat schéma schema.org pro produkty (schema.org/Product a Offer) přímo na produktové stránky, pokud z Shoptetu není automaticky generováno.</li> <li>Kontrolovat a doplnit ALT atributy u všech obrázků a ikon, které jsou v HTML bez popisku nebo mají pouze placeholder.</li> <li>Umožnit a ověřit správné nastavení canonical tagů na všech stránkách.</li> <li>Opravit případné chyby v strukturovaných datech a microformatsách, především u produktových nabídek.</li> </ul> <h2>Příležitosti ke zlepšení – vyžadují více práce, ale přinesou výrazné benefity</h2> <ul> <li>Implementovat kompletní schema.org strukturu pro celý e-shop včetně kategorií, recenzí a hodnocení, produktových recenzí, a otázek a odpovědí.</li> <li>Vytvořit detailní a unikátní meta tituly a meta popisky pro všechny kategoriové i produktové stránky, optimalizované na hlavní klíčová slova.</li> <li>Optimalizovat Core Web Vitals – minimalizovat načítání velkých obrázků, využívat formáty WebP, načítat JS a CSS asynchronně, minimalizovat blokující renderování a redukovat počet HTTP požadavků.</li> <li>Vylepšit přístupnost – doplnit ARIA popisky, popisy obrázků, zlepšit používání skokových odkazů, zlepšit kontrast textů a prvků.</li> <li>Sledovat a analyzovat chování uživatelů a míru konverze, s cílem optimalizovat landing page a produktové stránky na základě dat.</li> <li>Pravidelně aktualizovat a rozšiřovat recenze a zákaznické hodnocení, včetně mikrodat pro lepší viditelnost ve vyhledávačích.</li> </ul> </section></div> </div> </div> </div> </div> </div> <div class="row mt-4"> <div class="col-12"> <div class="card"> <div class="card-body"> <h2 class="h5 mb-3">Použité doplňky</h2> <div id="plugins-content"> <div class="row g-3"> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/odpocet-casu-u-akcni-ceny" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Odpočet času u akční ceny">Odpočet času u akční ceny</a> </div> <div class="small text-secondary mb-1">Marketing</div> <div class="small text-secondary mb-2">Autor: dkLAB</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-half" /> </svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> </div> <span class="fw-bold">3,7</span> <span class="text-muted ms-1">(22)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/instagram-widget" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Instagram widget+">Instagram widget+</a> </div> <div class="small text-secondary mb-1">Vzhled</div> <div class="small text-secondary mb-2">Autor: dkLAB</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> </div> <span class="fw-bold">4,8</span> <span class="text-muted ms-1">(37)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/porovnavac-zbozi" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Porovnávač zboží">Porovnávač zboží</a> </div> <div class="small text-secondary mb-1">Produkty</div> <div class="small text-secondary mb-2">Autor: dkLAB</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> </div> <span class="fw-bold">5,0</span> <span class="text-muted ms-1">(4)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/notifikuj" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Notifikuj">Notifikuj</a> </div> <div class="small text-secondary mb-1">Marketing</div> <div class="small text-secondary mb-2">Autor: Notifikuj</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> </div> <span class="fw-bold">5,0</span> <span class="text-muted ms-1">(6)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/bonusovy-system" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Bonusový systém">Bonusový systém</a> </div> <div class="small text-secondary mb-1">Marketing</div> <div class="small text-secondary mb-2">Autor: GALANDR COMMUNICATION</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-half" /> </svg> </div> <span class="fw-bold">4,5</span> <span class="text-muted ms-1">(19)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/luigis-box" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Luigi's Box">Luigi's Box</a> </div> <div class="small text-secondary mb-1">Marketing</div> <div class="small text-secondary mb-2">Autor: Luigi's Box</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> </div> <span class="fw-bold">4,9</span> <span class="text-muted ms-1">(95)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/chaty" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Chaty: WhatsApp a tlačítka Chat">Chaty: WhatsApp a tlačítka Chat</a> </div> <div class="small text-secondary mb-1">Správa Obchodu</div> <div class="small text-secondary mb-2">Autor: Poptin</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> </div> <span class="fw-bold">4,9</span> <span class="text-muted ms-1">(14)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/stav-objednavky" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Stav objednávky">Stav objednávky</a> </div> <div class="small text-secondary mb-1">Správa Obchodu</div> <div class="small text-secondary mb-2">Autor: dkLAB</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> </div> <span class="fw-bold">0,0</span> <span class="text-muted ms-1">(0)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/doplnkovy-prodej-v-kosiku" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Doplňkový prodej v košíku">Doplňkový prodej v košíku</a> </div> <div class="small text-secondary mb-1">Marketing</div> <div class="small text-secondary mb-2">Autor: iGlass.cz Distribution</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-half" /> </svg> </div> <span class="fw-bold">4,5</span> <span class="text-muted ms-1">(68)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <span class="fw-semibold text-dark text-truncate d-block" title="neznámý doplněk">neznámý doplněk</span> </div> <div class="small text-secondary mb-1">Nezařazeno</div> <div class="small text-secondary mb-2">Autor: Neznámý</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> </div> <span class="fw-bold">0,0</span> <span class="text-muted ms-1">(0)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/ecomail" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Ecomail">Ecomail</a> </div> <div class="small text-secondary mb-1">Marketing</div> <div class="small text-secondary mb-2">Autor: ECOMAIL.CZ</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-half" /> </svg> </div> <span class="fw-bold">4,5</span> <span class="text-muted ms-1">(47)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/barion" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Barion">Barion</a> </div> <div class="small text-secondary mb-1">Platby</div> <div class="small text-secondary mb-2">Autor: Barion Payment</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-half" /> </svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> </div> <span class="fw-bold">3,4</span> <span class="text-muted ms-1">(24)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/foxentry" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Foxentry">Foxentry</a> </div> <div class="small text-secondary mb-1">Správa Obchodu</div> <div class="small text-secondary mb-2">Autor: AVANTRO</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> </div> <span class="fw-bold">4,9</span> <span class="text-muted ms-1">(39)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 shadow-sm"> <div class="card-body"> <div class="mb-2"> <a href="https://doplnky.shoptet.cz/homecredit" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="HomeCredit">HomeCredit</a> </div> <div class="small text-secondary mb-1">Platby</div> <div class="small text-secondary mb-2">Autor: Home Credit</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> </div> <span class="fw-bold">3,1</span> <span class="text-muted ms-1">(9)</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row mt-4"> <div class="col-12"> <div class="card border-success"> <div class="card-body"> <h2 class="h5 mb-3 text-success">AI na základě analýzy doporučuje tyto doplňky</h2> <p class="mb-4">Zvažte nasazení těchto ověřených doplňků pro zlepšení výkonu, marketingu nebo zákaznické zkušenosti vašeho e-shopu. Doporučení je personalizované na základě dat z tisíců e-shopů na Shoptetu.</p> <div class="row g-3"> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 border-success shadow-sm"> <div class="card-body"> <div class="d-flex align-items-start justify-content-between mb-2"> <div class="flex-grow-1 min-width-0 me-2"> <a href="https://doplnky.shoptet.cz/slevove-kupony" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Slevové kupóny">Slevové kupóny</a> </div> <span class="badge bg-success flex-shrink-0">Doporučené</span> </div> <div class="small text-secondary mb-1">Marketing</div> <div class="small text-secondary mb-2">Autor: Shoptet.cz</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#e4e5e9" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-empty" /></svg> </div> <span class="fw-bold">4,1</span> <span class="text-muted ms-1">(51)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 border-success shadow-sm"> <div class="card-body"> <div class="d-flex align-items-start justify-content-between mb-2"> <div class="flex-grow-1 min-width-0 me-2"> <a href="https://doplnky.shoptet.cz/digitalni-produkty" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Digitální produkty">Digitální produkty</a> </div> <span class="badge bg-success flex-shrink-0">Doporučené</span> </div> <div class="small text-secondary mb-1">Produkty</div> <div class="small text-secondary mb-2">Autor: Brani</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-half" /> </svg> </div> <span class="fw-bold">4,7</span> <span class="text-muted ms-1">(31)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 border-success shadow-sm"> <div class="card-body"> <div class="d-flex align-items-start justify-content-between mb-2"> <div class="flex-grow-1 min-width-0 me-2"> <a href="https://doplnky.shoptet.cz/pop-up-po-oznaceni-nazvu-produktu" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Pop-up po označení názvu produktu">Pop-up po označení názvu produktu</a> </div> <span class="badge bg-success flex-shrink-0">Doporučené</span> </div> <div class="small text-secondary mb-1">Marketing</div> <div class="small text-secondary mb-2">Autor: Webotvůrci</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> </div> <span class="fw-bold">5,0</span> <span class="text-muted ms-1">(6)</span> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <div class="card h-100 border-success shadow-sm"> <div class="card-body"> <div class="d-flex align-items-start justify-content-between mb-2"> <div class="flex-grow-1 min-width-0 me-2"> <a href="https://doplnky.shoptet.cz/hodnoceni-produktu-plus" target="_blank" rel="noopener" class="fw-semibold text-dark text-truncate d-block" title="Hodnocení produktů+">Hodnocení produktů+</a> </div> <span class="badge bg-success flex-shrink-0">Doporučené</span> </div> <div class="small text-secondary mb-1">Vzhled</div> <div class="small text-secondary mb-2">Autor: Dominik Martini</div> <div class="small d-flex align-items-center flex-wrap"> <div class="d-flex align-items-center me-2"> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> <svg width="18" height="18" fill="#ffc107" viewBox="0 0 24 24" style="vertical-align:middle;"> <use xlink:href="#star-full" /></svg> </div> <span class="fw-bold">5,0</span> <span class="text-muted ms-1">(21)</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row mt-5"> <div class="col-12"> <h2 class="h5 mb-3">Další e-shopy na Shoptetu</h2> <div class="row g-3"> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <a href="/shops/www-batkovysirupy-cz" class="card h-100 text-decoration-none text-dark shadow-sm"> <div class="card-body d-flex align-items-start"> <img src="https://www.batkovysirupy.cz/favicon.ico" alt="Logo e-shopu batkovysirupy.cz - analýza na EshopRadar" class="me-2 rounded flex-shrink-0" style="width:32px;height:32px;object-fit:cover;"> <div class="flex-grow-1 min-width-0"> <span class="fw-semibold text-truncate d-block" title="batkovysirupy.cz">batkovysirupy.cz</span> </div> </div> </a> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <a href="/shops/www-makestory-cz" class="card h-100 text-decoration-none text-dark shadow-sm"> <div class="card-body d-flex align-items-start"> <img src="https://www.makestory.cz/favicon.ico" alt="Logo e-shopu makestory.cz - analýza na EshopRadar" class="me-2 rounded flex-shrink-0" style="width:32px;height:32px;object-fit:cover;"> <div class="flex-grow-1 min-width-0"> <span class="fw-semibold text-truncate d-block" title="makestory.cz">makestory.cz</span> </div> </div> </a> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <a href="/shops/shop-culinabotanica-cz" class="card h-100 text-decoration-none text-dark shadow-sm"> <div class="card-body d-flex align-items-start"> <img src="https://shop.culinabotanica.cz/favicon.ico" alt="Logo e-shopu shop.culinabotanica.cz - analýza na EshopRadar" class="me-2 rounded flex-shrink-0" style="width:32px;height:32px;object-fit:cover;"> <div class="flex-grow-1 min-width-0"> <span class="fw-semibold text-truncate d-block" title="shop.culinabotanica.cz">shop.culinabotanica.cz</span> </div> </div> </a> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <a href="/shops/www-cerano-cz" class="card h-100 text-decoration-none text-dark shadow-sm"> <div class="card-body d-flex align-items-start"> <img src="https://www.cerano.cz/favicon.ico" alt="Logo e-shopu cerano.cz - analýza na EshopRadar" class="me-2 rounded flex-shrink-0" style="width:32px;height:32px;object-fit:cover;"> <div class="flex-grow-1 min-width-0"> <span class="fw-semibold text-truncate d-block" title="cerano.cz">cerano.cz</span> </div> </div> </a> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <a href="/shops/www-damevlnu-cz" class="card h-100 text-decoration-none text-dark shadow-sm"> <div class="card-body d-flex align-items-start"> <img src="https://www.damevlnu.cz/favicon.ico" alt="Logo e-shopu damevlnu.cz - analýza na EshopRadar" class="me-2 rounded flex-shrink-0" style="width:32px;height:32px;object-fit:cover;"> <div class="flex-grow-1 min-width-0"> <span class="fw-semibold text-truncate d-block" title="damevlnu.cz">damevlnu.cz</span> </div> </div> </a> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3"> <a href="/shops/www-comps-cz" class="card h-100 text-decoration-none text-dark shadow-sm"> <div class="card-body d-flex align-items-start"> <img src="https://www.comps.cz/favicon.ico" alt="Logo e-shopu comps.cz - analýza na EshopRadar" class="me-2 rounded flex-shrink-0" style="width:32px;height:32px;object-fit:cover;"> <div class="flex-grow-1 min-width-0"> <span class="fw-semibold text-truncate d-block" title="comps.cz">comps.cz</span> </div> </div> </a> </div> </div> </div> </div> <section class="py-5 bg-primary text-white text-center mt-5"> <div class="container"> <h2 class="display-5 fw-bold mb-3">AI analýza e-shopů na Shoptetu zdarma</h2> <p class="lead mb-4">Zadejte URL svého e-shopu na platformě <a href="https://www.shoptet.cz/" target="_blank" class="text-warning text-decoration-underline">Shoptet</a> a získejte SEO profil, technologické doplňky a srovnání během pár vteřin. Tento nástroj je určen výhradně pro Shoptet e-shopy a pomůže vám zjistit, jak si váš e-shop stojí v porovnání s konkurencí.</p> <form class="row justify-content-center" method="POST" action="/api/scrape" id="scrape-form-bottom"> <input type="hidden" name="_token" value="KlzTFwXtZnzDZsiTgVVxsgZ2iIdQjM8SQdrfvSe7" autocomplete="off"> <div class="col-md-6 col-12 mb-2 mb-md-0"> <input type="url" name="url" id="eshop-url-bottom" class="form-control form-control-lg" placeholder="Zadejte URL e-shopu (např. https://moje-eshop.cz)" required autocomplete="off"> </div> <div class="col-md-2 col-12"> <button type="submit" class="btn btn-warning btn-lg w-100">Analyzovat</button> </div> </form> <div id="scrape-status-bottom" class="mt-3"></div> </div> </section> <div class="modal fade" id="analyzaModal" tabindex="-1" aria-labelledby="analyzaModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body text-center py-5"> <div class="spinner-border text-primary mb-3" style="width: 3rem; height: 3rem;" role="status"> <span class="visually-hidden">Načítám...</span> </div> <h5 id="analyzaModalLabel" class="mb-3">Probíhá AI analýza e-shopu…</h5> <p class="mb-0">Analýza může trvat 2–3 minuty.<br>Prosím, čekejte na výsledek.</p> </div> </div> </div> </div> <script> // Validace URL (https, subdoména, existence) pro spodní formulář function isValidShopUrlBottom(url) { try { const u = new URL(url); if (u.protocol !== 'https:') return false; const parts = u.hostname.split('.'); if (parts.length < 3) return false; return true; } catch (e) { return false; } } document.getElementById('scrape-form-bottom').addEventListener('submit', async function(e) { e.preventDefault(); const url = document.getElementById('eshop-url-bottom').value.trim(); const statusDiv = document.getElementById('scrape-status-bottom'); statusDiv.innerHTML = ''; if (!isValidShopUrlBottom(url)) { statusDiv.innerHTML = '<div class="alert alert-danger mt-2">Zadejte platnou URL e-shopu ve tvaru <b>https://subdomena.domena.cz</b>.</div>'; return; } // Zobrazit modální okno const modal = new bootstrap.Modal(document.getElementById('analyzaModal')); modal.show(); try { const resp = await axios.post('/api/scrape', { url }); if (resp.data && resp.data.redirect) { window.location.href = resp.data.redirect; return; } statusDiv.innerHTML = '<div class="alert alert-warning mt-2">Nepodařilo se spustit analýzu. Zkuste to prosím později.</div>'; } catch (error) { modal.hide(); if (error.response && error.response.status === 409) { const slug = error.response.data.slug; const nextAllowed = error.response.data.nextAllowed; statusDiv.innerHTML = `<div class=\"alert alert-warning mt-2\">Analýza tohoto e-shopu byla provedena nedávno. Další analýza bude možná po: <b>${nextAllowed}</b>.<br><a href='/shops/${slug}' class='btn btn-sm btn-primary mt-2'>Zobrazit poslední výsledek</a></div>`; } else if (error.response && error.response.status === 422) { statusDiv.innerHTML = '<div class="alert alert-danger mt-2">' + (error.response.data.message || 'Zadejte platnou URL.') + '</div>'; } else if (error.response && error.response.status === 500) { statusDiv.innerHTML = '<div class="alert alert-danger mt-2">Chyba serveru: ' + (error.response.data.message || 'Nepodařilo se kontaktovat n8n.') + '</div>'; } else { statusDiv.innerHTML = '<div class="alert alert-danger mt-2">Chyba: ' + (error.response?.data?.message || 'Nepodařilo se spustit analýzu.') + '</div>'; } } }); </script> </main> <footer class="bg-dark text-white py-4 mt-5"> <div class="container text-center"> <small>© 2026 EshopRadar.cz — AI analýza e-shopů a SEO technologie.<br> Vytvořili <a href="https://webotvurci.cz/" target="_blank" rel="noopener" class="text-warning text-decoration-underline">Webotvůrci</a></small> </div> </footer> <svg style="display:none;"> <symbol id="star-full" viewBox="0 0 24 24"><path fill="#ffc107" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></symbol> <symbol id="star-half" viewBox="0 0 24 24"> <path fill="#e4e5e9" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> <path fill="#ffc107" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" style="clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); clip-path: inset(0 50% 0 0);"/> </symbol> <symbol id="star-empty" viewBox="0 0 24 24"><path fill="#e4e5e9" d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73-1.64 7.03L12 17.27l6.18 3.73-1.64-7.03L22 9.24zm-10 6.11l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 3.48 4.38.38-3.32 2.88 1 4.28L12 15.35z"/></symbol> </svg> </body> </html>