Vyberte layout původní stránky

Po přechodu do Divi builderu se vás Divi zeptá, jak chcete stránku vytvořit. Nejjednodušší je přepoužít již hotový layout, který je ale potřeba nejprve uložit do knihovny Divi. Pak stačí vyberat prostřední možnost Choose a premade layout.

Následně v záložkách nahoře vyberte záložku Your saved layouts a zde najděte layout stránky, jejíž jazykovou verzi vytváříte.

Pak už jen potvrďte na další obrazovce tlačítkem Use this layout a otevře se vám původní stránka s původními (českými) texty v editačním módu.

Editaci textů do druhého jazyka uděláte pak už stejně, jako klasickou editaci textu podle tohoto návodu.

Čím vším je ovlivněno SEO vašeho webu

SEO v kódu webu

Prvně je na vašem webu instalovám plugin RankMath SEO, díky kterému se do kódu webu dostanou definovaná klíčová slova. Technické nastavení SEO není okem člověka na webu vidět, je ukryto v kódu. Je ale důležité právě pro vyhledávací algorytmy vyhledávačů, ti totiž kód webu vidí a berou v potaz při vyhodnocení, na jakou příčku výsledků vyhledávání ho umístí.

Texty a copywriting

Už jste jistě slyšeli, že v textech na webu je dobré definovaná klíčová slova používat. Je to samozřejmě pravda, plugin RankMath SEO dokonce ukazuje hustotu klíčových slov v textu stránky, která má být mezi 1-1,5 %. S tímto si ale nemusíte úplně lámat hlavu. Když píšete o svém produktu nebo službě, přirozeně v textech používáte dobře definovaná klíčová slova, která budou vaši potencionální zákazníci hledat na Googlu.

Kromě hustoty klíčových slov v textech SEO ovlivňují i další parametry – např. jestli je klíčové slovo v URL adrese, v hlavním nadpisu a podnadpisech, v meta popisku – tedy v úryvku, který se ve výsledcích vyhledávání zobrazuje u odkazu na váš web. Všechny tyto a další parametry hlídá RankMath SEO a upozorňuje, pokud je něco potřeba opravit. Web jste ode mě dostali s pomocí RankMath SEO zoptimalizován, pokud nebudete zásadně texty měnit, neovlivní to ani SEO.

Linkbuilding

Kromě zákonitostí v kódu a textech jsou důležité také odkazy, které vedou z webu, a hlavně ty, které vedou na web. Říká se tomu Linkbuilding. Čím hustější je síť mezi vaším webem a jinými weby, tím lépe je pro vyhledávače dohledatelný a zobrazují ho na vyšších pozicích výsledků vyhledávání.

Linkbuilding tvoříte vložením odkazů na své partnery, dodavatele, značky se kterými spolupracujete… Tím pomáháte zlepšovat SEO i odkazovaným webům, nedoporočuji tedy odkazovat například na své přímé konkurenty. Tyto možnosti jsme spolu prošli při tvorbě webu a pokud nenastaly nějaká nová spojení, máte je na webu optimalizovány.

Čím můžete přispět lepšímu SEO vy sami

Všechny technické záležitosti a parametry textů jsme pohlídala za vás při tvorbě webu. Co ale sama nezmůžu je Linkbuilding, který můžete podpořit hlavně vy.

Jak získat odkazy, které vedou odjinud na váš web?

Můžete své partnery, dodavatele, značky se kterými spolupracujete požádat, aby vložili odkaz na vás na vhodné místo na svém webu.

Můžete psát PR články pro elektronická media a požádat je, aby u vašeho článku uvedli odkaz na váš web.

Nejjednodušší a velmi efektivní variantou je však registrovat se v interentových katalozích, jako je firemní profil na Googlu a na Firmy.cz
Registrace do těchto katalogů je zdarma a udělá opravdu velkou službu, protože jsou s vyhledávači Google a Seznam přímo propojené.
Mohou existovat i oborové katalogy vaší profese, určitě stojí za to registrovat se i v nich.

Sekce, řádky, moduly

Nejdřív vás seznámím s hierarchií prvků na vaší stránce, abyste vždy neomylně našli prvek, který potřebujete upravovat.

Když se přepnete do editačního módu webu, budou se jednotlivé prvky webu po najetí myši rámovat barevnými rámečky.

Modrým rámečkem je orámována sekce stránky. Sekce je vždy přes celou šířku stránky a obsahuje v sobě další vnořené prvky – řádky a moduly.

Řádky jsou orámovány zeleným rámečkem. Většinou už nejsou přes celou šířku stránky, respektují nastavené vzdálenosti od okraje sekce.

Pro vás jsou důležité moduly, které jsou orámovány šedým rámečkem. Jsou to ty nejmenší rámečky, které jsou vždy nejblíže k obsahu, který chcete editovat. Modul může být pouhý text nebo obrázek, mohou být ale použity i moduly, které v sobě kombinují text s obrázkem. Editace textů a obrázků v různých typech modulů je hodně podobná.

Sekce ani řádky na svém webu neměňte sami, pokud nejste pokročilejší uživatel Divi.

Nástroje modulů

Nejčastěji asi budete potřebovat úpravit texty nebo vyměnit obrázky. Tyto akce najdete v úpravách po stisku ikony ozubeného kola.

Modul můžete také zkopírovat a vytvořit tak nový modul se stejnými styly, jen v něm upravíte texty nebo vyměníte obrázky. Modul zkopírujete ikonou dvou obdélníčků.

Pokud budete chtít mobul přesunout na místo jiného modulu, nebo např. do jiného sloupce, přesunete ho přidržením ikony čtyřsměrné šipky a tažením.

Pokud jste vytvořili kopii modulu omylem, nebo chcete nějaký modul smazat, smažete ho kliknutím na ikonu popelnice.

Kopie nebo přesunutí modulu

Někdy se může hodit zkopírovat celý modul a editací textu a obrázku zkopírovaného modulu tak vytvořit modul nový ve stejném stylu.
Kopii modulu vytvoříte stiskem ikony dvou obdélníčků. Modul se zkopíruje pod ten současný.

Chcete-li změnit pořadí modulů, přesunete moduly chycením za ikonku čtyřsměrné šipky. Přesunutím prvního modulu na místo druhého a druhého modulu na místo prvního jejich pořadí prohodíte.

Jak editovat modul

Po najetí na modul, který chcete editovat se modul orámuje šedým rámečkem a u levého horního rohu rámečku se zobrazí ikonky možností. Pokud ikonky možností po najetí nevidíte, klikněte na modul jedním klikem.

Pro editaci obsahu modulu klikněte na ikonku ozubeného kola.

Po kliknutí se vám otevře panel s obsahem k editaci. Tento panel je buď plovoucí nad prostorem webu, nebo může být i přichycený k pravému či levému okraji obrazovky, pak ovšem zúží oblast webu a nevidíte web ve skutečné velikosti tak, jak ho uvidí váš návštěvník. Umístění panelu si můžete měnit pomocí ovladače v pravém horním rohu panelu, jak vám to bude vyhovovat.

Editace textu

Pro úpravu textu se nacházíte v panelu na záložce Obsah. Zde je okno s textem, který můžete přepisovat, nad textem jsou možnosti textu známé např. z wordu – můžete text udělat tučný, nebo nakloněný, můžete použít odrážky nebo číslování, nebo vložit odkaz.
Změny potvrdíte zeleným tlačítkem s fajfkou, nebo odmítnete červeným tlačítkem s křížkem.

Vizuální změny textu (barva, velikost, zarovnání) nedělejte sami, pokud nejste pokročilejší uživatel Divi.

Pokud nechcete o svou práci přijít, ukládejte průbežně všechny změny tlačítkem “Uložit” v pravém dolním rohu obrazovky, které je někdy skryto a zobrazí se až po kliku na fialový kruh se třemi tečkami.

Pokud jste si nový text připravili v nějakém textovém editoru (např. Word) a chcete ho na web kopírovat, může se vám stát, že si web převezme styly textu z Wordu – typicky font, velikost, barva…, což nechceme!
Chceme, aby všechny texty na webu byly v jednom stylu, který je pro web globálně nastaven. Vkládejte zkopírovaný text pomocí klávesové zkratky Ctrl+Shift+V nebo klikem pravým tlačítkem myši + výběrem možnosti “Vložit a použít odpovídající styl”.

Chcete-li udělat nový odstavec, stiskněte na konci řádku posledního odstavce ENTER. Vytvoříte tím nový odstavec, který je od předchozího odstavce odřádkován větší mezerou.
Chcete-li v rámci jednoho odstavce udělat jen nový řádek, stiskněte Shift+ENTER Vytvoříte tím nový řádek, který má od předchozího řádku stejně velké odsazení, jako ostatní řádky.

Výměna obrázku v modulu

Obrázek opět měníte v panelu na záložce Obsah, někdy je však na této záložce i jiný obsah, typicky text. Je potřeba si tedy část Obrázek najít a rozkliknout, většinou je hned druhá pod částí editace textu.

Po kliku na obrázek se otevře knihovna médií, kde můžete buď vybrat obrázek z již nahraných, nebo v záložce “Nahrávání souborů” nahrát připravený nový obrázek ze svého počítače.

Abyste zjistili velikost původního obrázku, najděte ho v knihovně médií a po kliku na něj se vpravo zobrazí informace o obrázku včetně jeho velikosti. Nový obrázek zmenšete nebo ořízněte ideálně na stejnou velikost nebo alespoň na stejný poměr stran. K tomu vám poslouží program Gimp pro Windows nebo aplikace Náhled pro MacOS.

Obrázek by neměl být větší než 200 kB, aby nezpomaloval načítání webu. Ideální velikost je 100 kB.
V současné době je nejlepší nahrávat obrázky ve formátu *.webp.
Pro komprimaci obrázku můžete použít online nástroj TinyPNG.

Výměna obrázku v pozadí sekce/řádku/sloupce řádku

Někdy nejsou obrázky součástí modulu, ale jsou vloženy do pozadí nějakého prvku. Jedná se hlavně o úvodní obrázky stránek nebo obrázky, které jsou přes celou šíři stránky. Takové obrázky se málokdy nacházejí v modulu (šedý obdélník) a je potřeba hledat v sekci nebo řádku (modrý nebo zelený obdélník).

Nastavení pozadí najdete u sekcí, řádků i modulů po kliku na ozubené kolo v záložce “Obsah” většinou jako druhou nebo třetí položku. Po jejím rozkliku se zobrazí barva pozadí a nad ní tři záložky: barva, barevná přechod, obrázek. Barvu ani barevný přechod neměňte a překlikněte se na záložku obrázku. Pokud se vám v této záložce obrázek zobrazí, vyhráli jste a můžete ho vyměnit za jiný ve stejné velikosti (nebo alespoň ve stejném poměru stran). Pokud v této záložce obrázek nevidíte, musíte hledat v jiném prvku (sekci, řádku nebo modulu). U řádků, které obsahují více sloupců, se obrázek v pozadí může nacházet ne v pozadí řádku, ale v pozadí konkrétního sloupce.

Jak vidíte, některé obrázky není lehké najít, pokud nejste tvůrcem webu. Může to pak být trochu pátrání, než obrázek objevíte. Při vstupu do sekce nebo řádku se zvyšuje riziko, že něco na webu “rozbijete”, postupujte tedy velmi opatrně a pokud obrázek nemůžete najít, neváhejte se mi ozvat.

Vytvoření příspěvku na vašem blogu

Seznam příspěvků i možnost vytvoření nového příspěvku najdete v levém menu pod položkou Příspěvky. Na vytvoření nového příspěvku se dostanete buď z druhé úrovně menu, nebo přes tlačítko nad seznamem příspěvků.

Editor příspěvku

Jakmile vytvoříte nový příspěvek, dostanete se na prázdnou stránku editoru.

Váš blog je nastaven tak, aby se vám s ním jednoduše pracovalo. K tomu slouží tzv. výchozí editor, ve kterém můžete používat nejen odstavcový text a nadpisy, ale i další možnosti, o kterých píšu níže.

Zadejte název

V editoru příspěvku pak zadejte Název příspěvku – tento název se bude návštěvníkům zobrazovat i jako název stránky příspěvku, v záložce prohlížeče, v URL příspěvku a ve výsledcích vyhledávání na Googlu nebo Seznamu. A samozřejmě také v seznamu příspěvků na stránce blogu.

Snažte se být v názvech příspěvků struční a chcete-li podpořit SEO webu, použijte v názvu některé z vašich klíčových slov.

Zvolte náhledový obrázek

Náhledový obrázek doprovází váš příspěvek ve výsledcích vyhledávání na Googlu nebo Seznamu a při sdílení blogového příspěvku na sociálních sítích. Bude také úvodním obrázkem blogového příspěvku a většinou se zobrazuje v záhlaví stránky blogového příspěvku. A samozřejmě také v seznamu příspěvků na stránce blogu.

Při vkládání náhledového obrázku myslete na pravidla práce s obrázky na webech. Připravte si obrázek ve formátu, jaký váš blog potřebuje – pokud v blogových příspěvcích pracujeme s náhledovým obrázkem na celou šířku stránky, pak by měl být na šířku a šířka obrázku by měla mít 1920px. U menších náhledových obrázků stačí šířka 1000px. Vždy obrázky komprimujte a ideálně převádějte do formátu *.webp – podle návodu pro práci s obrázky.

Vložte příspěvek do správné rubriky

Pokud jsme na vašem blogu nastavili rubriky a web s nimi pracuje, nezapomeňte příspěvek vložit do správné rubriky, aby se na webu zobrazoval na správných místech.

Tvořte obsah příspěvku pomocí bloků

Pokud máte příspěvek již napsaný například ve wordu nebo jiném textovém editoru, a používáte v textu styly odstavců – především nadpisové styly, nejjednodušší je text zkopírovat a vložit do těla příspěvku. Styly z textového editoru se samy přenesou a na blogový text se automaticky aplikují styly nastavené na celém webu. Máte hotovo!

Pokud příspevek tvoříte přímo v editoru, nebo jej chcete upravit, mohou se hodit základní bloky dostupné po kliku na znak „+“ na konci řádku: Odstavec, Nadpis, Obrázek, Galerie, Seznam…
Po kliku na tlačítko „Procházet vše“ se vám zobrazí kompletní seznam bloků.

Díky blokům dokážete svůj blogový příspěvek vyšperkovat. Můžete si hrát s vícesloupcovým layoutem, můžete vkládat tabulky, číslované nebo odrážkové seznamy, obrázky a galerie, video nebo zvuk… Vytvořte si testovací příspěvek a vše si vyzkoušejte. Všechny tyto možnosti z vašeho příspěvku udělají poutavý a čtivý obsah, který bude pro vaše návštěvníky radost číst!
Mimochodem tato stránka je také vytvořena jako blogový příspěvek 😉

Změna typu bloku

Chcete-li změnit již vložený blok na jiný typ – například z odstavcového textu vytvořit nadpis, provedete to kliknutím na ikonku typu odstavce v levé části lišty, která se zobrazí po najetí na blok. Ze seznamu vyberte typ bloku, který chcete použít.

Hierarchie nadpisů

V textu příspěvku je dobré používat nadpisy a podnadpisy pro strukturovanost. alepší čitelnost obsahu.

Pravidlem je, že nadpis H1 je nadpis stránky a je použitý na stránce blogového příspěvku vždy jen jednou. V seznamu možných stylů nadpisů jej vidíte, ale nepoužívejte jej. Nadpis H1 je automaticky aplikován na název stránky, který jste zadali jako první.

V textu blogového příspěvku používejte pouze nadpisy hierarchite H2 a vyšší. Platí, že čím větší číslo v označení stylu nadpisu, tím je nadpis v hierarchii níže, má menší nebo slabší font.

Publikujte příspěvek

Při práci můžete výsledek kontrolovat po kliku na ikonku počítače v pravém horním rohu obrazovky.

Jakmile máte hotovo a jste s výsledkem spokojení, publikujte příspěvek tlačítkem „Publikovat“ v pravém horním rohu nebo nastavte datum a čas, kdy se má příspěvek automaticky publikovat změnou nastavení „Okamžitě“ v pravém sloupci příspěvku.