Při tvorbě tohoto průvodce tvorbou stránek jsme si jako ukázkový nástroj zvolili redakční systém Joomla. Není to náhoda, jde o výkonný open source CMS, který kombinuje jednoduchost s profesionálními možnostmi. Umožňuje vytvořit moderní, plnohodnotný web, který lze dále rozšiřovat a upravovat.
- Čisté a přehledné URL adresy bez zbytečných parametrů,
- automatická podpora strukturovaných dat (schema.org) systém umožňuje vkládat značky, které pomáhají vyhledávačům lépe pochopit obsah stránek,
- vysoká úroveň přístupnosti (Accessibility) což je stále důležitější SEO faktor,
- nástroje pro kanonické odkazy, metadata a indexaci přímo v administraci.
Existují i jiné CMS systémy, jako například WordPress nebo Drupal, ale Joomla zůstává skvělou volbou pro každého, kdo chce mít web pod kontrolou, bez omezení a s přímým přístupem ke všem důležitým nastavením. Naopak, služby typu Wix cílí na co nejjednodušší použití, ale často za cenu omezené kontroly a nižší flexibility.
Pokud vám záleží na tom, aby vytvořený web byl opravdu vaše vlastní dílo a dobře dohledatelný ve vyhledávačích, pak čtěte dál.
Krok 1: Plánování struktury
Než se pustíte do samotné tvorby webu, je základem promyslet si jeho účel a cílové publikum. Komu budou stránky sloužit? Co od nich návštěvník očekává a jaký výsledek má web přinést vám?
Místo výběru designu nebo šablony si jako první krok nejdříve navrhněte obsahovou strukturu webu. Sepište si jednotlivé sekce nebo stránky, které bude web obsahovat. Nakreslete si jednoduchý náčrt webu, klidně i na papír. Vizualizace pomáhá lépe pochopit, jak stránky navzájem souvisí a jak se v nich bude uživatel pohybovat. Úvodní stránku si ponechte až na závěr, ta totiž nejlépe vznikne, když už znáte všechny vnitřní části webu.
Začínající tvůrci webových stránek často začínají výběrem designu, protože je to lákavé a vizuálně atraktivní. Ale pamatujte, webová šablona určuje pouze vzhled, nikoli logiku a obsah webu. Proto je mnohem efektivnější začít obsahem, protože dobrá struktura funguje v jakémkoli designu. A navíc, jestli víte, co chcete zobrazit, snáze si pak vyberete šablonu, která tomu opravdu odpovídá.
Krok 2: Instalace Joomla
Jakmile máte připravený základní plán svého webu a víte, jaký bude jeho účel, co na něm chcete prezentovat a jak má vypadat jeho struktura, je čas přejít k samotné instalaci redakčního systému.
Dobrá zpráva je, že dnes už je instalace snadná. Většina kvalitních webhostingových společností totiž nabízí tzv. instalaci na jedno kliknutí. Znamená to, že celý systém nainstalujete během pár minut přímo z administračního rozhraní hostingu i bez hlubších technických znalostí.
Jak to funguje?
Po přihlášení do administrace vašeho webhostingu (např. cPanel, Plesk nebo zákaznická sekce poskytovatele) najdete v nabídce „Webové aplikace“ nebo „Instalátor aplikací“ možnost nainstalovat Joomla. Stačí vyplnit několik základních údajů, jako například název domény.
Po potvrzení webhosting během několika desítek sekund nainstaluje čistou verzi systému a vy se můžete rovnou přihlásit do administrace vašeho webu.
Ukázková data? Proč ne.
Po první instalaci vám Joomla nabídne možnost nainstalovat si tzv. ukázková data. Jde o předpřipravený obsah, který vám pomůže pochopit, jak Joomla funguje a jaký je vztah mezi jednotlivými prvky. Pokud s tvorbou stránek začínáte, určitě tuto možnost vyzkoušejte. Pomůže vám to rychleji pochopit logiku systému.
Návod na instalaci Joomla pro pokročilé, pokud váš webhosting tuto službu nenabízí.
Krok 3: Tvorba obsahu
Nezáleží na tom, zda chcete vytvořit blog o cestování, online sbírku receptů nebo profesionální firemní prezentaci. Každý web má společný cíl, kterým je předat návštěvníkům informace prostřednictvím textu, obrázků nebo videí. Jinými slovy, hlavním stavebním kamenem každé webové stránky je obsah.
Kategorie
Představte si kategorie jako složky ve vašem počítači. Do jedné ukládáte fotky z dovolené, do jiné faktury. Stejně tak v Joomla slouží kategorie k přehlednému uspořádání článků. Když máte článků víc, pomůže vám správné roztřídění udržet ve všem pořádek.
Kategorie mohou být i hierarchicky uspořádané, tedy s podkategoriemi. Pokud například píšete blog a věnujete se různým tématům, můžete mít hlavní kategorii „Blog“ a v ní podkategorie jako „Cestování“, „Technologie“ nebo „Tipy a triky“.
Články
Článek může být například novinka, blogový příspěvek, informace o firmě nebo třeba recept, zkrátka jakýkoli obsah, který chcete spravovat a zobrazit na svém webu. Joomla nabízí spoustu možností, jak články vytvářet a zobrazovat, což je super. Nejjednodušší pro vytvoření článku je kliknout na tlačítko „+“ v levém menu nebo na tlačítko „Nový“ v seznamu článků.
Jak vypadá úprava článku?
Po kliknutí na tlačítko se vám otevře editor, kde můžete začít psát svůj článek.
- V horní liště najdete tlačítka pro uložení a další akce.
- Doporučujeme průběžně ukládat svou práci.
- V pravé části obrazovky je tlačítko nápovědy, které vám kdykoli pomůže.
- Nadpis článku vybírejte pečlivě, měl by být jasný a výstižný.
- Joomla automaticky vytvoří tzv. alias, který bude součástí url adresy článku.
Co všechno můžete v článku nastavit?
Článek má několik záložek, ale na začátek vám stačí první, kde píšete obsah. Vyberte také kategorii, do které článek patří.
Text píšete do velkého textového pole, editor je podobný tomu ve Wordu, takže můžete text formátovat, přidávat odkazy, obrázky a další.
Jak do článku přidat obrázek?
Chcete-li do článku vložit obrázek, nastavte kurzor na místo, kde má být, a klikněte na tlačítko „Vložit média“. Vyberte obrázek ze své složky s obrázky, přidejte popisek ALT a nastavte zarovnání, třeba aby obrázek byl vlevo.
Pokud je obrázek příliš velký, klikněte na něj a v nastavení změňte rozměry nebo přidejte okraje, aby text s obrázkem vypadal hezky.
Jak udělat článek vhodný pro blog?
Jestliže chcete, aby se váš článek zobrazoval v přehledu blogu s krátkým úvodem a tlačítkem „číst dál“, rozdělte text na úvodní část a zbytek pomocí tlačítka „Číst více“. Úvodní část se nazývá introtext nebo perex.
Doporučuje se také přidat malý obrázek pro úvodní náhled, který se zobrazí v přehledu článků. Tuto volbu najdete na záložce s názvem "Obrázky a odkazy".
Jak skrýt nepotřebné informace?
Některé detaily článku, které se zobrazují ve výchozím nastavení, možná nechcete ukazovat. To můžete nastavit v možnostech menu nebo přímo u článků na záložce "Možnosti".
Jak na kontrolu přístupnosti stránek?
Joomla posouvá hranice webové přístupnosti díky novým funkcím, mezi které patří i užitečný plugin „Joomla Accessibility Checker“. Tento nástroj automaticky odhaluje chyby v přístupnosti při vytváření obsahu a zároveň nabízí praktické rady, jak je odstranit.
Práce s médii
V Joomla můžete nahrávat soubory prostě tak, že je přetáhnete myší do správné složky. Pokud chcete upravit obrázek, stačí na něj kliknout a použít jednoduché nástroje, můžete ho oříznout, zmenšit nebo otočit.
Správce médií vám také dovolí soubory přejmenovat, jednoduše smazat i celé složky, označit víc souborů najednou, zkopírovat si odkazy a stáhnout si cokoliv do počítače jedním kliknutím.
Na pravé straně obrazovky najdete přehledné informace o každém souboru, třeba kdy byl nahrán, jak je velký, jaký má formát nebo typ. Díky tomu snadno poznáte, které obrázky třeba zmenšit, aby se web načítal rychleji.
Navíc do budoucna Joomla plánuje, že půjde připojit i jiné služby, jako Dropbox nebo Google Drive, a také přidat nástroje pro automatickou optimalizaci obrázků. Nový Správce médií je tak skvělým pomocníkem, se kterým budete mít ve svých souborech pořádek a vše zvládnete snadno i bez zkušeností.
Základy SEO optimalizace pro obsah
Jak na SEO v Joomla? Zde je jednoduchý návod pro začátečníky. Stačí udělat několik základních kroků, které zlepší vaši pozici ve vyhledávání. Tento návod je psaný lidsky, bez složitého technického jazyka. Zvládne to každý, kdo se naučil pracovat se základními funkcemi Joomla.
- Vyberte dobrý hosting: Kvalitní Joomla hosting znamená rychlý web. A rychlost je důležitá, jak pro uživatele, tak pro vyhledávače. Vyhněte se nejlevnějším variantám. Ptejte se, jestli poskytovatel podporuje Joomla.
- Zapněte přátelské URL: V administraci přejděte do Systém > Globální nastavení > SEO a zapněte:
- Přátelské URL
- Přepsání URL
"www.example.com/tvorba-webovych-stranek" místo "index.php?option=com_content&id=12" - Pište články s rozmyslem a používejte klíčová slova: Zkuste se vžít do návštěvníka: co by do Googlu napsal? Tyto výrazy pak používejte v nadpisech, popiscích, URL i v samotném textu. Například: „Jak vytvořit webové stránky?“ nebo „nejlepší motor pro rybářský člun“.
- Propojujte články mezi sebou: V každém článku dejte odkaz na jiný článek na webu. Pomůže to návštěvníkům i vyhledávačům.
- Vytvořte mapu stránek: Pomocí rozšíření, jako je Jsitemap, vytvoříte přehled všech stránek na webu. Tento soubor pak pošlete do Google Search Console, Google tak váš web lépe prozkoumá.
- Optimalizujte obrázky: Obrázky by měly mít rozumnou velikost, formát a správný název. Nepoužívejte názvy jako `IMG002.jpg`, ale například `motor-honda-10hp.jpg`. Nezapomeňte vyplnit alternativní text (ALT), který popisuje, co je na obrázku.
- Založte blog nebo sekci s novinkami: Pravidelné přidávání článků ukazuje, že web žije. Pište o tom, co zákazníky zajímá, rady, tipy, návody. Každý takový článek je nová šance, že vás někdo na Googlu najde.
- Sledujte výsledky: Založte si účet v Google Search Console a Google Analytics. Zjistíte, jak si vedete, co lidé hledají a odkud na váš web chodí. Obojí je zdarma.
Krok 4: Navigace (Menu)
Dobře navržené menu je jako mapa, která pomáhá návštěvníkům rychle najít cestu ke správnému obsahu. Důležité je, aby se návštěvník dostal na libovolnou stránku maximálně na dvě kliknutí. Zapomeňte na složité a hluboké menu, jednoduchost a logika vítězí.
Nabídka menu je jako kontejner pro jednotlivé odkazy (tzv. položky menu). Můžete mít více různých nabídek. Například hlavní menu, spodní menu, menu pro přihlášené uživatele atd.
Položky nabídky pak představují konkrétní odkazy, například na článek, seznam kontaktů, blog kategorie, externí URL a podobně.
Příklad: Blog rozdělený do kategorií
Řekněme, že máte blog a píšete články o třech různých tématech: Cestování, Recepty a Technologie. Každé z těchto témat máte vytvořené jako samostatnou kategorii. Pak v administraci:
- Vytvoříte články a přiřadíte je do odpovídajících kategorií.
- Přidáte nové položky do hlavního menu:
- Název: Cestování – Typ položky: Kategorie blog, Vyberete kategorii: Cestování
- Název: Recepty – Typ položky: Kategorie blog, Vyberete kategorii: Recepty
- Název: Technologie – Typ položky: Kategorie blog, Vyberete kategorii: Technologie
Výsledek: Váš návštěvník uvidí v hlavním menu webu tři položky. Po kliknutí například na „Recepty“ se mu zobrazí všechny články, které jsou v kategorii „Recepty“.
Krok 5: Moduly
Jakmile máte připravenou strukturu webu, začnete do něj přidávat jednotlivé funkční části, jako například seznam novinek, přihlašovací formulář, vyhledávání nebo třeba menu, které jsme vytvořili v předchozím kroku. V Joomla se pro tyto účely používají moduly.
Jsou to malé bloky, které zobrazují konkrétní obsah nebo funkci na určitém místě stránky. Každému modulu můžete určit pozici v šabloně, tedy místo, kde se má na webové stránce zobrazit.
Aby se vaše nabídka (menu) objevila na webu, musíte vytvořit modul typu menu. Ten následně přiřadíte ke konkrétní nabídce a určíte, kde přesně se má zobrazit (např. v horní liště, postranním panelu nebo v patičce). V administraci zvolíte Obsah > Moduly, kliknete na Nový, vyberete typ Menu a nastavíte požadované parametry.
Krok 6: Vzhled webu
Když si nainstalujete Joomla, automaticky získáte i základní vzhled webu, šablonu s názvem Cassiopeia. Tato šablona zajišťuje, jak bude váš web vypadat pro návštěvníky. Je přizpůsobena pro mobilní zařízení a postavená na moderní technologii Bootstrap, takže dobře funguje na všech velikostech obrazovek.
Proč Cassiopeia?
- Je zdarma
- Je bezpečná a pravidelně aktualizovaná
- Dá se upravit podle potřeby
Pokud vám vzhled webu nevyhovuje, můžete si ho v šabloně přizpůsobit:
- Logo nebo název webu
- Barvy, písmo, rozložení
Na začátek můžete použít tuto základní šablonu, kterou Joomla nabízí, nebo si stáhnout jinou zdarma z internetu. Počítejte ale s tím, že některé šablony vypadají krásně hlavně díky ukázkovým fotkám a textům. Představte si, jak bude šablona vypadat, až do ní vložíte svůj vlastní obsah. Věnujte výběru šablony dostatek času.
Webové stránky cena za provoz
Vytvoření webových stránek v systému Joomla může být velmi levné, pokud se do tvorby pustíte sami, nebo dražší, pokud využijete profesionální služby. Celková cena se odvíjí od rozsahu projektu, použitých rozšíření, šablon a technické podpory.
Joomla je zdarma, ale hosting, doména a případně placené šablony nebo rozšíření tvoří základní náklady. Dále je potřeba počítat s časem na údržbu, aktualizace a případně SEO nebo správu obsahu.
Orientační ceník nákladů
| Nákladová položka | Odhadovaná cena |
|---|---|
| Doména a hosting | 1 000 až 2 000 Kč/rok |
| Šablona a rozšíření | 0 až 5 000 Kč jednorázově |
| Tvorba webu firma (na míru) | 25 000 – 100 000 Kč a více |
| Správa a údržba | 0 – 15 000 Kč/rok a více |
| Obsah a SEO | individuální |
Nápověda přímo tam, kde ji potřebujete
Jedním z užitečných nástrojů jsou tzv. prohlídky s průvodcem. Tento interaktivní prvek vám pomůže snadněji pochopit rozhraní administrace a rychleji se zorientovat v jednotlivých funkcích systému. Vše je v češtině.
Co je to vlastně prohlídka?
Prohlídka je interaktivní průvodce, který vás krok za krokem provede konkrétní částí administračního prostředí. Přímo na stránce vás navádí pomocí zvýraznění a vysvětlivek, například u tlačítek, formulářových polí nebo odkazů. Každý krok vám řekne, co právě vidíte a jaký to má význam. Nemusíte tedy nic hledat v dokumentaci, vše vidíte přímo tam, kde to potřebujete.
Kde najdete prohlídky?
V pravém horním rohu administrace najdete tlačítko Spustit prohlídku. Kliknutím na něj se zobrazí dostupné prohlídky pro aktuální stránku. Pokud chcete prozkoumat všechny, stačí rozbalit úplný seznam. Můžete tak procházet prohlídky zaměřené na články, menu, moduly nebo další části systému.
Jednou z prvních nabízených možností je prohlídka „Jak vytvořit článek“. Ta vás během několika kroků naučí, jak správně napsat a uložit první obsah.
Rozšíření možností webu
Pokud máte zkušenosti se systémem WordPress nebo statickými HTML stránkami, může vás překvapit, že Joomla se v mnoha ohledech chová odlišně. Některé funkce, které jste dříve museli řešit instalací pluginů, jsou zde již v základu součástí systému. Proto není nutné hned hledat rozšíření na každou drobnost, často si vystačíte se základní instalací.
Jestliže přece jen budete potřebovat rozšířit možnosti vašeho webu, je dobré vědět, že Joomla používá tři hlavní typy rozšíření:
- Komponenty – větší rozšíření, která přidávají komplexní funkce (např. e-shop nebo rezervační systém),
- Moduly – zobrazovací bloky (např. menu, novinky, vyhledávání),
- Pluginy – drobná rozšíření, která přidávají doplňkové funkce.
Všechny doplňky najdete na oficiálním portálu extensions.joomla.org.
