Zlepšete vývoj WordPress šablon a pluginů za použití návrhových vzorů

Zlepšete vývoj WordPress šablon a pluginů za použití návrhových vzorů

Chcete vytvářet čistší, lépe udržovatelný kód, který se dá v prostředí WordPressu mnohem snadněji upravovat a rozvíjet? Obrovský rozdíl může přinést věnování pozornosti konceptu návrhových vzorů. Pokud provedete použití návrhových vzorů během vývoje správně, může vám to ušetřit i nějaký čas.

Co jsou návrhové vzory?

Návrhové vzory nám pomáhají vytvářet software (samozřejmě včetně pluginů a šablon WordPressu) na základě již získaných znalostí těch před námi. Nemusíme znovu vynalézat kolo pro řešení některých běžných problémů, které se staly již mnoha vývojářům, a můžeme se zaměřit na specifika naší problémové oblasti a řešit požadavky zákazníků.

Návrhový vzor je opakovatelné řešení běžně se opakujícího problému v návrhu softwaru. Nelze jej použít přímo, ale poskytuje nám šablonu pro řešení problému, kterou lze opakovaně použít v mnoha podobných situacích.

Studium návrhových vzorů a jejich použití při vytváření nového kódu může výrazně zlepšit jeho strukturu a celkovou funkčnost a škálovatelnost.

Po jejich prostudování můžete také zkusit refaktorovat svůj starší kód pomocí návrhových vzorů a uvidíte, že kód může být mnohem lépe manažovatelný.

Vysvětlení návrhových vzorů pomocí hooků

Začněme něčím už známým pro většinu vývojářů WordPressu, a to jsou hooky, konkrétně akce a filtry, které se ve WordPressu hodně používají.

Jedná se o specifickou implementaci vzoru publisher-subscriber(pub-sub). V tomto vzoru definujeme publisher (vydavatele), subscriber (odběratele) a message broker (zprostředkovatele zpráv):

Vydavatelé (publisher) zveřejní nějakou konkrétní událost, v našem případě provedením do_action nebo apply_filters.  

Odběratelé (subscriber) se mohou přihlásit k určitým událostem voláním add_action nebo add_filter a provést akci, když nastane událost, ke které se přihlásili.

Zprostředkovatel (message broker), v našem případě jádro WordPress, které zajistí, aby byli všichni odběratelé informováni o událostech vydavatelů, ke kterým jsou přihlášeni.

Výhody vzoru publisher-subscriber (pub-sub)

To nám přináší mnoho výhod. Vydavatel nemusí vědět nic o svém odběrateli a ani odběratelé nemusí vědět nic o vydavateli, pokud umí reagovat na vzniklou událost. I když deaktivujeme plugin, který události vytváří nebo odebírá, nezpůsobí to žádné chyby

Myslím, že je velmi užitečné nejen odebírat hooky z jádra WordPressu nebo pluginů, ale také vytvářet hooky v kódu a stavět kolem nich svůj kód. Nejenže usnadníte život ostatním vývojářům, pokud se rozhodnou stavět na funkčnosti vašeho pluginu nebo šablony, ale věřte mi, že i váš život bude mnohem jednodušší při implementaci nové funkčnosti do vašeho pluginu nebo šablony.

Ve WordPressu lze použít mnoho dalších šikovných návrhových vzorů. Většinou vyžadují trochu více práce než hooky, ale mohou znamenat obrovský rozdíl v designu vašeho pluginu nebo šablony. Skvělým příkladem návrhového vzoru, který lze použít v kontextu WordPressu, je vzor singleton.

Vzor singleton

Tento vzor vyžaduje znalost objektově orientovaného programování. Pokud s ním nejste obeznámeni, nejprve si ho prostudujte a pak se můžete vrátit ke čtení.

Vzor singleton omezuje iniciaci určité třídy, takže lze vytvořit pouze jednu instanci třídy. Toho lze dosáhnout vytvořením soukromého konstruktoru, statické proměnné pro uložení instance a statické funkce getInstance(). Tato funkce odpovídá za vytvoření instance objektu, pokud již není vytvořen a uložen v proměnné $instance. Příklad můžete vidět níže

class SingletonClass
{
    private static $instance = null;

    private function __construct() {}

    public static function getInstance()
    {
        if (null === self::$instance) {
            self::$instance = new self();
        }
        return self::$instance;
    }
}

Pokaždé, když se nějaký kód pokusí vytvořit novou instanci této třídy, spustí se chyba, protože jde o soukromý konstruktor (tohle je lepší zdokumentovat, aby nedošlo k nedorozumění), takže jediný způsob, jak získat instanci, je prostřednictvím naší funkce getInstance().

Jako příklad použití by bylo možné vytvořit základní třídu, jejíž odpovědností je vytvořit instanci všech našich funkcionalit pluginu. K této instanci můžeme navázat například konfigurační data, takže jsou přístupná odkudkoli v pluginu a není nutné je načítat z databáze nebo konfiguračního souboru vícekrát, pouze při vytvoření jediné instance této třídy.

Nepřehánějte to s používáním singleton vzoru

Myslím, že tento vzor je dobrým příkladem také proto, že jeho přílišné používání může být velmi svůdné, protože v mnoha situacích je snadnévidět výhody jeho použití. Neříkám, že by se neměl používat, ale před jeho použitím je třeba zvážit i jeho nevýhody

Hlavní nevýhodou tohoto vzoru je podle mého názoru to, že pokaždé, když tento vzor použijeme, váže se naše funkčnost na přímou znalost singletonové třídy. To vytváří provázanost kódu a může způsobit, že pokud se rozhodneme něco v singletonu změnit, musíme provést mnoho změn v celém projektu. 

Před použitím tohoto vzoru nebo jakéhokoli jiného vzoru proto vždy vše rozvažujte předem, ale pokud budete odvádět dobrou práci, bude to pro vás velmi přínosné.

Další vzory

V tomto článku jsme popsali dva návrhové vzory. Tyto vzory lze použít v mnoha situacích při vývoji WordPressu a mohou zlepšit váš kód a myšlení. 

To je však jen velmi malá ukázka toho, co lze díky konceptu návrhových vzorů vytvořit. Návrhových vzorů, které lze při vývoji použít, je mnohem více. Jejich studium a použití by mohlo mít během vývoje obrovský význam a mohlo by mít velmi pozitivní dopad na to, co vyvíjíte. 

Pokud vám nedělá problém angličtina, doporučuji vám použití vzorů vyzkoušet buď pomocí známé a kvalitní literatury, jako Design Patterns: Elements of Reusable Object-Oriented Softwarenebo Head First Design Patterns nebo na webech jako je refactoring.guru, kde je mnoho vzorů dobře popsáno včetně příkladů v PHP. V českém jazyku vyšel titul Návrhové vzory v PHP.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Zrychlení webových stránek ve WordPress díky optimalizaci JavaScriptu a CSS

Zrychlení webových stránek ve WordPressu díky optimalizaci JavaScriptu a CSS

JavaScript a CSS zpomalují načítání stránky, protože se musí dočítat a spouštět. Navíc mnoho JavaScriptu může mít velmi negativní dopad na výkon, reakčnost a responzivnost webu. Přečtěte si, jak optimalizujeme CSS a JavaScript ve WordPressu a tím přispíváme ke zrychlení webových stránek.

Načtěte méně JavaScriptu a CSS

Zvažte výběr pluginů a šablon

Některé pluginy a šablony ve WordPressu používají velmi mnoho JavaScriptu a načítají objemné CSS, proto zvažte jejich použití a zkuste najít vhodné alternativy. Mnohé načítají Javascript a CSS i na stránkách, na které daný plugin/téma nemají vůbec vliv, a tedy prodlužují načítání i tam, kde to není vůbec nutné.

Zamyslete se nad potřebnou funkcionalitou

Při práci s WordPressem si vždy dáváme pozor, aby se načítalo jen to, co je potřeba (CSS styly, JavaScript), a tak připravíme stránku pro rychlejší načítání. Například odstraníme nepotřebné CSS a JS soubory.

Pro interaktivní funkce využijte CSS místo JS

Pokud programujete obsah pro WordPress, je dobré se zamyslet, zda na všechno, k čemu používáte JavaScript, je opravdu JavaScript nutný. Spousta funkcionalit, na které bylo nutné použít JavaScript v minulosti, je dnes možné docílit pomocí moderního CSS s mnohem menším dopadem na výkon. Toho jsme využili například při tvorbě stránky pro i4comfort nebo při tvorbě Menu na míru pro Engeto bez JavaScriptu. Webová stránka obsahuje mnoho vizuálních efektů, které jsme zakomponovali tak, aby stránku nezpomalovaly. Více se můžete dočíst v článku Tvorba webové stránky pro i4comfort.

Kód manažující JS a CSS

Vždy je třeba se zamyslet nad tím, kde je vaše CSS a JavaScript potřeba. Je dobré rozbít velké CSS soubory na několik menších a načíst je podle potřeby. Stejně můžeme přistupovat také k JavaScript kódu.

Na tvorbu šablon nejčastěji používáme Sage, který takovýto management usnadňuje a počítá s jeho nutností.

Přečtěte si více v článku Proč je dobré mít webovou stránku vytvořenou na Sage?

Optimalizujte CSS a JavaScript pomocí minifikování

Minifikováním se ze souborů odstraní vše nepotřebné(řádky, mezery, zkrátí se názvy proměnných atd…). Textové soubory s CSS, JS se upraví tak, aby zabíraly méně místa, čímž se šetří velikost souborů a rychleji se načítají.

Rozdíl mezi originálním a minifikovaným kódem
Rozdíl mezi originálním a minifikovaným kódem

Existuje mnoho dobrých WordPress pluginů a šablon, které minifikují kód. V našich pluginech a šablonách kód minifikujeme a zároveň si uchováváme původní soubory, které lze snadněji modifikovat.

Jak na to?

Váš JavaScript a CSS lze minifikovat pomocí online nástrojů, jako například Closure Compiler či Minify Code. Takovýmto způsobem lze minifikovat i JavaScript a CSS, které vkládáte pomocí pluginů či customizéru.

Lepší alternativou k tomuto účelu je nastavit build vašeho pluginu/šablony. Je možné použít a nastavit Webpack nebo nástroje jako node-minify. Takový přístup vám umožní automatické minifikování vašich souborů, ale vyžaduje poměrně mnoho času a nervů, hlavně pokud si zvolíte Webpack. Proto je lepší sáhnout po předpřipraveném řešení pro váš plugin nebo šablonu v podobě starter projektu, jako například Roots Sage pro šablonu. Pro velké projekty, na kterých již pracujete a není snadné je zmigrovat, je však nutné si dopomoci zmíněnými nástroji.

Jak použít minifikaci bez vývojářských zkušeností?

K optimalizování všech CSS a JS souborů, které vaše stránka používá, si lze dopomoci využitím pluginu Fast Velocity Minify. Tento plugin funguje tak, že při prvním nenacachovaném načtení stránky vygeneruje minifikované CSS a JS soubory, které se pak načítají místo původních souborů. Můžete takto značně zrychlit načítání CSS a JavaScriptu u pluginů a šablon, které nemají minifikovaný JavaScript a CSS.

Méně je více

Pro zrychlení vaší webové stránky, a tím i zvýšení počtu návštěvníků, je třeba si uvědomit, že méně je v tomto případě opravdu více. Pokud bude vaše stránka zahlcena množstvím nepotřebných funkcionalit, je jasné, že se to odrazí i na výkonu.

Způsobů, jakými zrychlíte vaše webové stránky, a tím zvýšíte jejich návštěvnost, je velmi mnoho. Můžete delší stránky rozdělit na menší, omezit množství nepotřebných obrázků nebo se snažit o jednodušší kód. O tomto jsme psali také podrobnější článek 6 způsobů, jakými zlepšíte rychlost a výkon vašeho webu ve WordPressu.

Pokud máte nějaké dotazy nebo potřebujete pomoci se zrychlením či optimalizováním webu, jsme tu pro vás, neváhejte se nám ozvat.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

6 způsobů, jak zvýšíte rychlost a výkon vaší webové stránky ve WordPress

6 způsobů, jak zvýšíte rychlost a výkon vaší webové stránky ve WordPress

Všechno se zrychluje. Mnozí chtějí mít nejdůležitější informace co nejrychleji a získávat je bez zbytečného čekání. Rychlost očekáváme hlavně při procházení webových stránek. Nedostatečný výkon a pomalé načítání vedou ke zvýšení míry opuštění vaší stránky. Jak dopomoci ke zrychlení webové stránky ve WordPress se dozvíte v dnešním článku.

Proč je rychlost webové stránky důležitá?

Google doporučuje za nejoptimálnější rychlost načítání v případě 3G připojení 5 a méně vteřin. Pokud doba načítání vaší stránky přejde z 1 sekundy na 3, pravděpodobnost okamžitého odchodu se zvyšuje o 32 %. V případě nárůstu doby načítání webu z 1 vteřiny na 10 se zvyšuje až o 123 %! Alarmující však je, že podle Google analýzy (2018) se mobilní weby načítají v průměru až 15 vteřin. Rychlost webové stránky ovlivňuje až téměř 70 % spotřebitelů. Pravděpodobnost jejich nákupu s rychlostí webu stoupá. Pokud je webová stránka pomalá, přicházíte o zákazníky a snižujete míru konverze. Rychlost vaší webové stránky je také velmi výrazným SEO faktorem. Proto se při tvorbě webových stránek ve WordPressu vždy snažíme dbát na rychlost a výkon webu a děláme vše proto, abychom ji správně optimalizovali bez použití přílišného množství pluginů. Objektivní přehled o tom, jestli je váš web rychlý, si můžete udělat pomocí různých nástrojů, doporučujeme Google PageSpeed Insights, ale existuje mnoho dalších například GTmetrix či WebPageTest. Pojďme se podívat, na některé z možností, jakými zlepšujeme výkon webových stránek a optimalizujeme je.

1. Méně reklam

Velké množství reklam může škodit vašemu webu, jelikož reklamy načítají JavaScript, CSS a média, čímž mohou velmi zpomalit stránku a také zhoršit uživatelský zážitek.

2. Rozdělte dlouhé stránky

Dlouhé stránky zpomalují načítání webu.

  • Pokud má některá z vašich stránek na webu příliš mnoho obsahu, možná by bylo vhodnější ji rozdělit na několik.
  • Na délku dbejte i při psaní článků na váš blog. Někdy je lepší článek rozdělit na více článků, čímž také přispějete ke zrychlení webu.

3. Aktuálnost WordPress, pluginů a PHP

Ve WordPress vývojáři pluginů neustále pracují na vylepšeních, a proto je dobré si je pravidelně aktualizovat. Velký vliv na výkon WordPress stránky má také verze PHP. Cloudways zveřejnili výsledky jejich benchmarkingového testu, který sledoval zlepšování výkonu stránek od verze PHP 5.6 po 8.0. Níže uvedený graf ukazuje, že výkon se neustále zlepšuje. Oproti současnému PHP 8.0 s nejrychlejším časem načítání 164 ms vyšel PHP 5.6 téměř 3krát pomalejší.

Zeni team - průměrná doba odezvy
Zeni team – průměrná doba odezvy

4. Caching

Přednačte a připraví obsah stránky, aby se minimalizovalo počítání a načítání z databáze při přístupu na stránku. Uživatel dostane při načítání stránky předpřipravenou verzi, čímž se může až několikanásobně zvýšit načítání webu.Aby se v budoucnu mohly požadavky na údaje vyřešit rychleji, caching si tyto údaje ukládá.Součástí každého produkčního webu by měl být jistě Caching plugin, díky kterému získáte obrovské množství výkonu webu. Pro naše WordPress klienty nastavujeme Redis Cache, který umožňuje cachování pomocí in memory databáze.

5. CDN (Content Delivery Network)

  • Jde o skupinu serverů, které jsou geograficky blíže vašim návštěvníkům, a tak snižují odezvu při načítání stránky.
  • Po nastavení CDN se váš obsah (obrázky, videa…) uloží do vyrovnávací paměti na proxy serverech a načítá se ze serveru v blízkosti polohy vašeho návštěvníka, díky čemuž se sníží odezva a obsah se načte rychleji.
  • Pro naše klienty používáme službu Cloudfare CDN, kterou jim nastavujeme a je standartní pro všechny stránky, které máme ve správě.

6. Kvalitní hosting

Pokud si myslíte, že jste pro zrychlení vašeho webu zkoušeli už všechno, ale stále nedosahujete požadovaných výsledků, je vhodné se zamyslet nad změnou poskytovatele hostingu.My v Zeni vám umíme nabídnout hosting, který zrychlí váš web. Také dokážeme pomoci se zrychlením webu a zvýšením vaší návštěvnosti. Ozvěte se nám a rádi vám poradíme.

ODKAZY

  1. Page Speed Report
  2. New Industry Benchmarsk
  3. Mobile site speed statistics
  4. Performance Benchmarks for WordPress

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Proč je dobré mít v týmu obchodníka

Proč je dobré mít v týmu obchodníka

Dnes se zamyslíme nad otázkou: Proč je dobré mít v týmu obchodníka? Existují různé typy agentur. Některé obchodnici nebo obchodníka mají, jiné ne. Ty, co nemají, většinou tvrdí, že ji/ho nepotřebují. Opak je však pravdou. Každá společnost podnikající v on-line světě si dobrou obchodnici či dobrého obchodníka může dovolit, protože se sám zaplatí.

​Proč mít obchodníka, když není potřeba?

Jsou společnosti, které mi tvrdí, že u nich obchodník není potřeba. Že jim chodí spousta poptávek z jejich webu a oni je potom „nějak” zpracují.

Tyto názory jsou velmi krátkozraké a vím, že když si s lidmi z takové společnosti sednu a vysvětlím jim, proč tomu tak není, dají mi za pravdu. 

Dobrý obchodník je k nezaplacení a zařídí spoustu důležitých věcí týkajících se nejen obchodu, jako jsou mezilidské vztahy ve firmě, vztahy mezi klientem a majitelem společnosti, atd.

Z čeho ho zaplatím?

Toto je snad nejpoužívanější otázka při debatě o obchodníkovi. Dobrý obchodník většinou nechce pracovat jen za „paušál”, ale radši si vybere částečnou platbu paušálem, přičemž zajímavější pro něj je pracovat za provizi. Dobrý obchodník totiž ví, že jen začátek spolupráce je vždy složitý, ale po několika měsících může mít díky provizím velmi slušný plat, který v dobré společnosti nemá strop. Co to znamená pro společnost? Jediné. Domluvit se s obchodníkem, jak vysoká bude jeho provize v % a o ty následně zvedne svou hodinovou nebo úkolovou cenu. 10 % nikdo moc nepocítí, 20 % je velmi krásná odměna. 

Jak se pozná dobrý obchodník?

Dobrých obchodníků je jako šafránu. Stát se dobrým obchodníkem si člověk musí zasloužit svou pílí a tréninkem. Poznáte jej podle vystupování. Tento člověk je většinou extrovert a dobře se vám s ním hovoří. I když jej potkáte poprvé, máte pocit, že už jste se někde viděli a že je to váš dlouholetý známý. Každého bere jako partnera, ne jako soupeřícího, neboť ví, že jen z win-win spolupráce jsou dlouholeté pozitivní výsledky.

Čím to je? 

Pokud má nastudované obchodní dovednosti 1. řádu, pak určitě poznal, co jste za člověka a podle toho také tak s vámi hovoří. Dle typologie osobnosti dovede velmi rychle poznat váš charakter, a po pár větách ví, jak s vámi hovořit.

Ovšem pokud má nastudované obchodní dovednosti 2. řádu, nebojí se s vámi jednat, i když vznesete námitku, dotaz. Námitka nebo dotaz je pro něj „hozená rukavice”, kterou zvedne a využije ji. 

Dá to hodně práce se toto všechno naučit, ale pokud to ovládáte, jsou obchodní jednání jedna velká symfonie, která většinou končí spoluprací. Tedy za předpokladu, že klient nejde jen po ceně. 

Co je náplní práce obchodníka?

Dobrý obchodník se na práci nikdy moc neptá, protože si jí dovede zajistit sám. Když zrovna nehledá příležitosti na netu, tak telefonuje nebo odpovídá na poptávky, které vygeneroval váš dokonalý web. V okamžiku, kdy zacítí možnou příležitost, chytne ji za pačesy a nepustí. Pokud mu dáte dobré zázemí a zajímavé ohodnocení, vrátí vám to.

Dobrý obchodník ví, že nejen z akvizice jsou peníze. A proto udržuje neustále styk i s retenčními klienty formou pravidelných telefonátů, schůzek. Své retenční klienty informuje o novinkách ve světě on-line prostoru a vždy najde možnost, jak vylepšit i to, co je již velmi dobré. U akvizicí umí velmi dobře naslouchat potřebám klienta a následně mu ukázat možná řešení. Pokud nemá klient ve své představě jasno, je to právě obchodník, kdo vymyslí celou strategii a odliší klientův obchod od konkurence. Akvizičního klienta obslouží, jak nejlépe umí, a následně si jej přesune do retencí. Nikdy jen tak klienta neopustí a stará se o něj i několik let. 

Jak se stát dobrým obchodníkem?

Za sebe doporučuji tréninky obchodních dovedností od Petra Urbance anebo hledejte adekvátní tréninky někde v místě bydliště. Záleží, jakou formu preferujete. Najděte si někoho na stejné vlně a s ním se neustále pošťuchujte kupředu. Čtěte knížky zaměřené na prodej a procesy s ním spojené. Já osobně mám rád knihy od Roberta Kiyosakiho. Ovšem TOP je Největší obchodník na světě.

Pokud tě fascinuje práce s klienty a patříš do skupiny dobrých obchodníků, pak neváhej a rozšiř naše řady. Právě tebe hledáme.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Chyby začínajícího tvůrce ve WordPress

Chyby začínajícího tvůrce ve WordPress

Dnes si projdeme, jaké chyby se dají očekávat při začátcích tvorby webů na WordPress. Některým se v začátcích nedá úplně vyhnout, ale jako profík byste s tím již neměli mít větší problém.

1. Šablona

Zde je potřeba se zamyslet jakou a jestli vůbec nějakou použít. Většina free šablon toho umí hodně, ale ty kupované toho umí víc. Obě varianty však nejsou úplně super, když si umíte naskládat web sami jako Custom šablonu

Proč nejsou až tak super? Většina WordPress šablon má v sobě spoustu zajímavých „fičur”, ze kterých využijeme jen zlomek a ten zbytek, který nevyužijeme, se dost často také načítá. Každá milisekunda se počítá. Proto je dobré na toto myslet už v začátku. Za nás doporučujeme GeneratePress.

2. Pluginy

Spousta nováčků velmi ráda používá pluginy. A to doslova na cokoli. Ty můžou být stejně jako šablony jak free, tak placené. U obého je potřeba myslet na to, že WordPress je OpenSource řešení a že kvalitu kódu pluginů nikdo z jádra WordPress nekontroluje. Pokud tedy nejsou přímo ve WP repository. Proto se vám může stát, že vámi použitý plugin nebude až tak dobře komunikovat se šablonou apod. Prosím vás, před každým použitím pluginu se zamyslete, jestli je opravdu potřeba, a nebo jestli není jiná, lepší cesta.  

3. Builder

Toto je fajn řešení, pokud daný builder opravdu ovládáte. Ovšem není builder jako builder a i zde je potřeba vybírat. Nám osobně se nejvíc osvědčil Divi builder, ale máme i dobré reference na Elementor. O ostatních bych se nerad vyjadřoval. Výhoda builderu oproti šabloně je ta, že si dané prvky webu velmi rychle dovedete vyskládat sami. Práci tak vidíte hned a oproti pevně stanoveným hranicím šablony si v builderu můžete prvky upravovat. Nevýhoda je stejná jako u šablon. Mnoho kódu, který nevyužijete.

Elementor

4. Server

Pro menší web s pár stránkami sloužící jako vizitka vám bude běžně stačit snad jakýkoli z dostupných hostingů. Zjistěte si však, jakou má poskytovatel technickou podporu, ať na každý váš požadavek nečekáte týden. Také je dobré zjistit, jestli má hostingová společnost možnost instalace WordPress „na jedno kliknutí.” Také je dobré mít možnost vytvořit si na jednom hostingu tzv. subdoménu kvůli vývojovému prostředí. Jak vytvořit vývojové prostředí si můžete přečíst v článku Jak si vytvořit staging prostředí.

Z českých a slovenských hostingových společností doporučuji WPHosting, ACTIVE 24 + Websupport.

My používáme pro všechny weby VPS servery od DigitalOcean. Zde si vše manažujeme sami. Výhoda je velká rychlost, flexibilita. Nevýhoda je, že na tuto práci potřebujete odborníka

5. SEO

Často podceňované. Spousta začínajících tvůrců toto „odvětví” buďto záměrně přehlíží nebo jen na „to” prostě zapomene. Dnes ještě přitom stačí dodat základní informace pro google do google searche consol a vypsat data v backendu do pluginu k tomu určenému, aby byl váš web velmi brzy indexován. Nezapomínejte také na data u fotek a optimalizaci jejich velikosti. Pokud se rozhodnete psát články, ve kterých využijete spoustu klíčových slov, tak je to taky fajn. Každý web si to zaslouží. Jak psát články si můžete přečíst například v článku Seo – Jak psát články, aby byly čitelné a optimalizované pro vyhledávače

Pro nastavení základních popisů na stránkách používáme plugin od YOAST.

Při tvorbě se vždy držte hesla: „Málo je leckdy víc než hodně.” 

Denně se setkáváme s weby, které mají koupenou šablonu, 40 pluginů a k tomu všemu builder. Jedno s druhým a třetím nechce nebo neumí komunikovat. Věřte mi, že toto není cesta k úspěchu. Majitelé těchto stránek jsou následně nešťastní, že ačkoli zaplatili za tvorbu pěkného, rychlého a bezpečného webu, zůstalo z toho všeho v lepším případě jen to, že je to pěkné. Rychlost a bezpečnost se někam vytratila. Opravy těchto webů už ani moc neděláme, neboť jsme zjistili, že vytvořit novýweb je pro nás i pro klienta stejně a nebo méně finančně náročné

Nad každou věcí, než jí použijete, opravdu přemýšlejte. A pokud si nebudete vědět rady, ozvěte se nám a my vám rádi pomůžeme

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Formulář na webu – dobrý pomocník

Formulář na webu – dobrý pomocník

Dnes se budeme zabývat otázkou “Proč mít na webu formulář?”. Pokud děláte webové stránky pro jakéhokoli klienta, vždy je dobré mít na stránkách formulář. Existují totiž klienti, kteří neradi volají, ale raději službu poptají právě přes formulář. Pokud jim tuto službu nenabídnete, ztrácíte je. 

Jaké formuláře můžeme mít

1. Jednoduchý poptávkový formulář

Jedná se o formulář, ve kterém zpravidla bývá jen:

  • Jméno a Přijmení
  • Adresa
  • Telefon
  • E-mail
  • Informace pro nás

Tento formulář zpravidla nalezneme na stránkách živnostníků nebo firem, které nabízejí většinou jen jednu službu.

Jednoduchý poptávkový formulář

2. Složitější poptávkový formulář

Tento druh formuláře většinou použijeme u klienta, který se zabývá více než jedním druhem služeb, nebo prodává více druhů výrobků, ale ještě nemá zájem své služby a výrobky prodávat přes e-shop. Tento druh formuláře může obsahovat například tyto informace:

  • Jméno a Přijmení
  • Adresa
  • Telefon
  • E-mail
  • Služba/výrobek – výběr z 2 až X  
  • Informace pro nás

Formulář většinou využívají ti, kteří už na vstupu chtějí od klienta více informací, aby jej nezahlcovali „zbytečným“ telefonátem.

Složitější poptávkový formulář

3. Vícestupňový poptávkový formulář

U tohoto formuláře je potřeba si s klientem sednout a podrobně si vyspecifikovat strukturu.  Čím lépe bude specifikace sepsána, o to kvalitnější budeme dostávat poptávky, které budu přiřazeny přímo danému pracovníkovi.

Tento druh formulářů se používá u společností, které se zabývají výrobou více než dvou různých výrobků, mají více segmentů výroby a tyto výrobky/segmenty mohou mít více druhů. Tyto výrobky mají své zákazníky v B2B i B2C sféře. 

Do formuláře je tedy potřeba vměstnat co nejvíce dotazů na návštěvníka webu, ale zároveň je nutné je nastavit tak, aby ho srozumitelně vedly k cíli. Formulář může obsahovat spoustu informací, které mohou mít různé podmínky. Když vyberete jistý druh segmentu, objeví se vám už jen výběr výrobků určených pro tento segment. Od návštěvníka tak dostanete přesnou specifikaci toho, co poptává a jeho poptávku tak můžete poslat přímo na daného pracovníka, který se mu může ihned věnovat. Zkrátíte tak procesně reakční dobu, což návštěvník jistě ocení.

Vícestupňový poptávkový formulář
Vícestupňový poptávkový formulář

4. Formulář napojený na systém

Některé formuláře klienti chtějí napojit přímo na jejich interní systém. Nejen, že to zjednodušší práci, ale především ji zefektivní a vyhneme se tak chybovosti lidského faktoru. Veškeré informace, které nám návštěvník webu předá, putují rovnou do interního systému a přímo na danou osobu. Na příklad se můžete podívat zde: 

Formulář napojený na systém

Objednávka servisu se přepíše do systému Orion a informace putuje k servisnímu technikovi přímo do mobilní aplikace. Servisní technik má relevantní informace o tom, co má opravit a dle bodu na mapě může naplánovat trasu a vyřídit tak více servisních požadavků za den

Co nám formuláře přináší

Cenný kontakt

Když už nic jiného, tak nám formulář přinese cenný kontakt, se kterým můžeme následně pracovat. V případě, že nám potencionální klient zachová kontakt v podobě e-mailu a v lepším případě telefonu, může ho obchodní oddělení kontaktovat a pracovat s ním.

Podrobnější informace

Čím podrobnější je formulář, tím více a přesnějších informací z něj dostaneme. Vždy však dbáme na to, aby se z formuláře nestala vesnická drbna s milionem zbytečných otázek. 

Segmentaci poptávek

Větší společnosti mají na každý druh výrobku speciálního obchodníka. V případě, že asistentka, nebo ještě lépe formulář ví, na koho má poptávku poslat, pošle jí tam. Zkrátí se tak reakční doba a specialista může velmi rychle zareagovat.

Jaké formuláře nejlépe vytvořit

Jednoduché

Každý formulář by měl obsahovat jen nejdůležitější body, na které potřebujeme od klienta odpověď.

Srozumitelné

Ve formulářích upřednostňujeme raději běžné názvy před profesními. Ne každý, kdo navštíví náš web musí být z naší branže, a proto by nemusel rozumět některým profesním, profesionálním názvům. 

Jaké nástroje, pluginy použít k tvorbě formulářů

Free

Je jich pro WordPress nepřeberné množství. Zmíním jen pár:

Contact form 7

Gravity Forms + Custom Post Types

Caldera Forms

Placené

U některých free pluginů si můžete zakoupit jejich rozšířené verze. Já doporučuji pro práci tyto:

Caldera Forms

Gravity Forms

Shrnutí

  1. Před tvorbou formuláře se hodně ptejte klienta.
  2. Domluvte se, které informace jsou od návštěvníka opravdu nezbytné získat.
  3. Méně je někdy více. Do formuláře dávejte opravdu jen nezbytně nutné.
  4. Vyberte dobrý a osvědčený plugin. Některé buildery již mají kontaktní formulář zabudovaný v sobě.
  5. Čím více návštěvníku přes kontaktní formulář získáte, tím máte větší šanci prodeje vašeho výrobku. 

Pokud vás jakýkoli formulář zaujal a chcete pomoct s jeho tvorbou, kontaktujte nás

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Náležitosti, které by měl obsahovat každý článek

Náležitosti, které by měl obsahovat každý článek

Každý článek musí dodržovat určité náležitosti, aby byl vhodný k publikaci. 

Nevíte, co znamenají pojmy, uplatňované při psaní článku?

  • Nadpis (H1);
  • perex;
  • úvod;
  • podnadpisy (H2, H3 a další);
  • hlavní obsah;
  • závěr;
  • meta description,

pak v tomto článku naleznete odpovědi, včetně umístění kategorií a správného plnění obsahu.

Nadpis

  • Nadpis by měl být dlouhý minimálně o 50 znacích ale optimální délkou je 70 znaků.
  • V nadpisu se pokuste umístit klíčové slovo na první pozici
  • Nadpis by měl obsahovat sloveso pro větší důraznost článku. To, by mělo být obsaženo v jednom z prvních 5 slov.

Perex

  • Perex je úvodním odstavcem pro celý článek. Zde se ptáme na otázky, kdo, kdy, kde a proč.
  • Perex je ztučněný text na začátku článku. Optimální délkou pro perex je 1-4 řádky
  • V perexu by mělo být uvedené o čem článek je, ale neměl by se opakovat nadpis článku.

Úvodní odstavec

Na perex, navazujeme plynule úvodním odstavcem. Optimální délkou pro úvodní odstavec je 1-4 řádky ale bohatě postačuje i jeden řádek.

H2, H3 a další

Podnadpisy nám pomáhají k přehlednosti článku, využívejte a komponujte klíčová slova i v tomto případě. Dbejte na řádné řazení jednotlivých podnadpisů. Pokud podnadpisy nemají řád, článek je rázem pro čtenáře nepoužitelný, zavře web a odchází.

U H2 a dalších, již nemusíte psát, tak dlouhé nadpisy, jako je tomu u hlavního nadpisu, postačuje pár znaků.

Obsah

Jak napsat čitelný a optimalizovaný článek, který je vhodný pro čtenáře a ideální pro vyhledávače, jsme pro vás napsali minule, můžete si ho přečíst.

Ve zkratce, ideální délkou pro odstavce je 1,5-5 řádků, ale je dobré nepsat každý odstavec stejně dlouhý, aby čtenáři nepřipadal text jednolitý.

Závěr

K závěru se váže CTA neboli CALL TO ACTION, je to fráze, která vyzývá čtenáře k akci. 

Jako CTA můžete využít věty typu:

  • Pokud se vám článek líbil, zanechte nám komentář, jak se vám náš nový produkt líbí.
  • Pakliže máte více dotazů, neváhejte nás kontaktovat přes kontaktní formulář.
  • Líbí se vám náš nový produkt? Kdykoliv nás můžete kontaktovat s dalšími otázkami.

Závěr by nikdy neměl opakovat informace, které již byly zmíněné v článku!

Meta description

Je obdoba perexu, ale je to odstavec, který se objeví pod vaším linkem ve výsledku vyhledávače. První se zobrazí meta title a pod ním se zobrazuje odstavec, ve kterém máte uvést informace o článku s dostačujícím apelem.

Pozor si dávejte především na obsahový text descriptionů, aby se vám neopakovala stejná slovesa a stejné apely. 

Meta description by měl být o délce 140-160 znaků.

Uvádějte zdroje

Pokud se inspirujete na jiných webových stránkách nebo v knize, vždy označte zdroj, ze kterého jste čerpali. Pakliže tak neučiníte, hrozí vám pokuta za porušení autorských práv.

Zmiňte své, i externí linky

V textu je ideální uvést takzvané prolinkování, kdy alespoň jeden link vede navaše stránky. Může se jednat o výzvu k nákupu nebo o přesměrování na jiný článek. Stejným způsobem zakomponujte do textu i externí odkaz ale nikdy to netlačte silou! Pokud to nejde, je lepší nechat text jak je, než ho komolit.

Obrázky

U článků by neměly chybět ani obrázky, díky kterým váš text oživíte a dodáte mu duši. Obrázek si dnes můžete zdarma stáhnout ve free photo bance nebo pořídit vlastní fotografie. Vždy je lepší umisťovat vlastní fotografie!

K obrázkům se pojí vlastnost ALT atributů, které slouží jako popis fotky v situaci, kdy se čtenáři fotka nezobrazí. Je proto důležité kvalitně fotky popsat. Například: „Bílý notes s poznámkami, na kterém je položené modré pero. Na stole je modrá kaňka od inkoustu.” Tato věta, je jako popis dostačující, pakliže vaším klíčovým slovem je slovo inkoust. 

Nezapomínejte, že i do ALT atributů je vhodné klíčové slovo umístit, pokud se pojí s danou fotografií.

Tip na závěr

Nepoužívejte podtržená slova – pokud chcete v článku použít podtržené slovo, či větu, působí to jako odkaz, na který může chtít čtenář kliknout ale nic se mu nezobrazí. Na stejném principu funguje i modrá barva písma!

Jestli stále váháte a nejste si jistí, vyhledejte osobu, která se tomuto věnuje a pomůže vám s tvorbou. 

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Jak si vytvořit staging prostředí?

Jak si vytvořit staging prostředí?

V minulém článku jsme diskutovali o tom, proč je dobré si vytvořit staging prostředí. Nyní přišel čas na to, abychom si trochu zašpinili ruce a vytvořili skutečný staging. Před tím než začneme si pojďme shrnout, jaké jsou pro staging prostředí požadavky.

1. Prostředí shodné s produkcí

Ujistěte se, že vaše staging prostředí používá stejné verze softwaru. To znamená stejnou verzi operačního systému, databáze, PHP, serverové aplikace atd. Každá aplikace se chová různě v jiných verzích a dokonce i pod jiným OS. Váš WordPress, pluginy a verze témata by měly být stejné jako na stagingu, tak na produkci. Díky tomu budete moci přesně otestovat a diagnostikovat produkční chyby a debugovat je.

Také je důležité abyste měli, ve všech úrovních a v obou prostředích, stejná pravidla a nastavení cache. To může odhalit například problémy s cache, wp nonces pro formuláře, nebo jiné problémy spojené s ukládáním do cache.

2. Neveřejné prostředí

Vaše staging prostředí je určeno pro soukromé účely jako debugování, testování a ukazování změn klientovi. Měli byste se vyhnout tomu, abyste publikovali vaše staging prostředí pro mnoho důvodů. Jedním z nich je duplicitní obsah pro Google, který bude mít negativní vliv na vaše SEO. Nejlepším způsobem je použití Basic Auth (přihlašovacího jména a hesla), které můžete snadno sdílet ve svém týmu nebo s vaším klientem, no pro boty a vnější svět tak vytvoříte neproniknutelnou bariéru.

Standardní sdílený hosting

Pokud máte nižší rozpočet a používáte „standardní” řešení hostingu, vytvoření staging prostředí je trochu složitější ale ne nemožné. Mnoho poskytovatelů hostingu vám umožňuje vytvořit druhý web na subdoméně např. staging.example.com nebo jako podsložku example.com/staging. Pokud na vašem dashboardu není možnost „vytvořit novou stránku”, měli byste postupovat podle těchto obecných kroků:

  1. Zjistěte si, který typ instalace je povolen (subdoména vs. podsložka).
  2. Vytvořte nového (S) FTP uživatele pro přístup do kořenového adresáře vaší staging webové stránky. Obvykle to je něco jako (ROOT/subdom/staging, ROOT/staging).
  3. Pokud je to možné, nastavte nového uživatele databáze a novou databázi. V případě, že produkce i staging sdílejí DB, musíte se ujistit, že stránka stagingu používá rozdílný $table_prefix.
  4. Pokud používáte instalaci subdomény, nasměrujte subdoménu na IP hostujícího serveru. Nezapomeňte pro tuto subdoménu vytvořit uvnitř hosting panelu SSL certifikát.
  5. Exportujte databázi z vaší produkční stránky. Při tomto kroku je důležité spustit search-replace (hledat-nahradit) ve všech vašich databázových tabulkách, abyste změnili produkční adresy URL na stagingové. Pokud je to aplikovatelné, změňte i prefixy tabulek.
  6. Importujte databázi se změněnými adresami URL a prefixy.
  7. Zkopírujte soubory z kořenového adresáře vaší produkční webové stránky.
  8. Upravte wp-config.php tak, aby odpovídal všem nastavením (nová URL, přihlašovací údaje do databáze, wp salts, prefixy tabulek atd.).
  9. Zkopírujte všechny soubory do kořenového adresáře staging stránky.
  10. Upravte .htaccess a .htpasswd abyste aktivovali ochranu přes basic auth.
  11. Můžete navštívit vaši novou staging stránku.

Protože je vaše nová staging stránka na stejném serveru jako vaše produkce, nebudete potřebovat žádné další hacky týkající se nastavení. Jen se ujistěte, že jste nastavili stejné časové limity a limity pro paměť v PHP. Někteří poskytovatelé hostingu také umožňují používat na vašem stagingu jinou verzi nástroje PHP/DB, což je skvělé pro testování před aktualizací vašeho produkčního serveru.

Profesionální hosting nebo server, který je spravován

Mnoho profesionálních poskytovatelů hostingu nebo poskytovatelů správy serveru umožňují si jednoduše vytvořit staging prostředí v dashboardu. Stačí si ve vašem dashboardu vyhledat v angličtině „environments” nebo „staging/testing”, nebo se poradit s podporou. Prostředí stagingu je obvykle součástí vašeho předplatného, takže by se neměly účtovat žádné další poplatky.

Server spravován samostatně

Spravujete si svůj server sami? Skvělé! Jako první vylepšení, byste měli začít používat nástroj pro správu konfigurace, jako je například Ansible nebo Puppet. Udělejte to, i když nyní spravujete pouze jeden server. Uvidíte, jak vám to usnadní život.

Tady v Zeni, používáme Trellis, což je sbírka Ansible playbooků pro WordPress projekty. Přichází s přednastavenými prostředími pro vývoj, staging, produkci spolu s automatizovaným nasazením a nastavením. Vaše prostředí můžete mít automatizované již za pár hodin.


Potřebujete pomoc se staging prostředím nebo řešením hostingu? Poskytujeme profesionální hostingové řešení s plnou automatizací nasazení a verzování, založeného na Ansible a Gitlab CI, jakož i konzultace o tom, jak dosáhnout toho aby byly vaše projekty jednoduše manažovatelné. Napište nám prostřednictvím kontaktního formuláře a my s vámi prodiskutujeme nejlepší řešení pro váš projekt.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Proč mít v týmu webdesignera

Proč mít v týmu webdesignera

Vlastní podnikání znáte nejlépe. Podělte se o něj s webovým designérem, který vám navrhne design a za svou prací si stojí. Vždy ví co dělá. 

Kvalitní designer se vám vyplatí

Jsme si vědomi, že svůj business znáte nejlépe vy sami. Ale jak ho nejlépe prezentovat ve webovém prostředí, to ví lépe přeci jen designer. Web je specifický prostor a dobrý designer tento prostor zná, ví jak se v něm lidé pohybují, jak čtou informace, jak se rozhodují, na co jsou zvyklí. A na tomto základě navrhne váš design.

Kvalitní design
Designer se vyplatí

Na internetu je dnes nekonečné množství informací a uživatelé je velmi rychle třídí. Informace, které neprojdou třídicím procesem upadají v zapomnění. Pojďme se podívat na to, s čím vám může designer pomoci. 

Hierarchie a struktura

Obsah je pro úspěch webu naprosto zásadní a je základním kamenem úspěchu vašeho webu. Pokud ho máte, udělejte si fajfku, ale jedeme dál. Dobrý obsah je zapotřebí správně prezentovat. Něco jiného funguje v tiskovém letáku, či na osobní schůzce a něco jiného funguje na webu. 

Mezi největší problémy patří především:

  • Snaha prezentovat všechny informace najednou a hned.
  • Chybějící hierarchie obsahu.
  • Chybějící propojení informací v rámci webu. 

Když mi klient na schůzce tvrdí, že všechno je stejně důležité a všechno nejvíc, zeptám se ho, jaká služba tvoří většinu jeho obratu (viz. Paretovo pravidlo). Po chvíli ticha jsme konečně na stejné lodi (a ne každý ve svém malém člunu). Ne vždy je to takto jednoduché, ale nyní toto přirovnání splňuje svůj ilustrativní účel. 

Logická struktura webu
Logická struktura webu

Jak již bylo řečeno, designer ví, jak se uživatelé na webu chovají. Na tomto základě vám pomůže vymyslet logickou strukturu webu, a jeho jednotlivých stran tak, aby se uživatelům web dobře používal. 

Proces tvorby je následující:

  1. Brief neboli zadání – Designer se seznámí s vaší firmou, jejími službami, produkty a hodnotami.
  2. Informační architektura – V této fázi vzniká struktura stránek a informací, které chcete prezentovat na webu.
  3. Wireframe, neboli drátěný model – Už víme, jaké stránky web bude mít. Drátěný model poté definuje všechny konkrétní prvky, které se na webu budou vyskytovat. 

Na první pohled se to tak nemusí zdát, ale tento proces vám ušetří peníze. Při tvorbě webu není nic časově a finančně náročnějšího, než změna a korekce struktury, které se řeší až během tvorby grafického designu nebo kódování. 

Grafický design

Design na míru, přináší dvě hlavní výhody. 

Pokud je váš web vizuálně jedinečný a nezaměnitelný, uživatelé si ho lépe zapamatují

Jedinečný web
Jedinečný web

Návštěvníci si web spojí s vaší firmou a službou, poté si ve správnou chvíli na něj vzpomenou. Pokud postavíte web, například na šabloně, je potřeba počítat s tím, že je ,,tam venku” pravděpodobně plno dalších webů, které jsou tomu vašemu velmi podobné!

Webová stránka, jejíž design a vizuální obsah není generický, vzbuzuje u uživatelů větší důvěru

Pro úspěch vašeho webu je důvěryhodnost naprosto zásadní. Ta je jedním z hlavních rozhodovacích parametrů. Obecně jsou data na internetu často anonymní. Uživatelé si chtějí ověřit, že vám mohou věřit a také že nic neskrýváte. I taková jednoduchá věc, jako fotka kontaktní osoby, okamžitě zvyšuje důvěru. 

Je dobré se vyhnout fotografiím, které na první pohled nejsou autentické, například koupené ve fotobance. A když už to jinak nejde, designer vám pomůže vybrat ty vhodné. Poradí vám jaké prvky zlepší důvěryhodnost vašeho webu.

Přístupnost webu

Existuje řada principů a norem, které pomáhají zlepšit uživatelům jejich cestu k informacím na webu. 

Normy přístupnosti webu, zajišťují jeho použitelnost pro uživatele s nejrůznějšími omezeními. Mezi taková omezení mohou patřit například vady zraku ale dále také konkrétní situace, jako například čtení informací na mobilním zařízení, za silného slunečního svitu. 

Mezi základní parametry přístupnosti patří:

  • Dostatečná velikost fontů;
  • dostatečný kontrast mezi obsahem a pozadím;
  • obrázky na webu disponují alternativní texty;
  • a tak dále a tak dále… .

Oči mám v pořádku, ale když svítí slunce, valnou většinu textu na mobilu nepřečtu. Designer zajistí, aby váš web byl přístupný. Více o přístupném webu si můžete přečíst v článku Přístupný web je výhodný pro všechny. 

Přístupný web je výhodný
Přístupný web je výhodný

Závěrem

Toto je stručný výpis toho, s čím vám pomůže designer. Kdo to myslí v online prostoru vážně, měl by využít služeb webového designéra. Díky osvědčeným principům a dobrému grafickému designu se váš web stane silným obchodním nástrojem. Napište nám a rádi vám pomůžeme.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

SEO – Jak psát články, aby byly čitelné, a optimalizované pro vyhledávače

SEO – Jak psát články, aby byly čitelné, a optimalizované pro vyhledávače

Jak zvýšit online prodeje? Část 4.

SEO optimalizace je široký pojem, který je v konečné fázi velmi jednoduchý. Jedná se o využití nastrojů, díky kterým se ze článku stane vrchol pyramidy pro vyhledávače.

V tomto článku se dozvíte, jak psát články, aby lidé z webu neodcházeli, ba naopak na webu zůstali, případně u vás nakoupili a zanechali zpětnou vazbu

Pokud využíváte možnosti vyhledávání informací od Google, Seznam nebo Yahoo a dalších, pak vyhledáváte informace podle klíčových slov. Optimalizace pro vyhledávače (SEO) jsou praktiky, které zahrnují techniky, taktiky a nástroje, díky kterým se zvýší dohledatelnost webu a organická návštěvnost.

Hledáte například společnost, která vám vytvoří webové stránky za adekvátní cenu, ve vaší lokalitě. Nejspíš zadáte do vyhledávače „tvorba webových stránek Praha”, od vyhledávače očekáváte maximální výkon, a informace, které hledáte

Zajisté jste se již setkali se situací, kdy jste otevřeli ve vyhledávači jeden z prvních odkazů, ale bohužel jste v zápětí web zavřeli, jelikož webová stránka nepřinesla odpovědi.

POZOR! Pokud lidé opětovně z webu odchází, vaše webová stránka je pro vyhledávače „odpad” a posouvají ji v žebříčku dolů.

Výběr témat a klíčových slov

Před psaním článku, si udělejte takzvanou „rešerši”. Zde si ujasníte, co od článku očekáváte, a kde budete informace vyhledávat. 

Pomocí nástrojů, které naleznete přes vyhledávač, si můžete vytvořit analýzu klíčových slov. V analýze se vám zobrazí několik klíčových frází, které se shodují s vaším zadáním. V jednotlivých polích si můžete dále všimnout, jaká je hledanost jednotlivých frází

Do textu neuvádějte klíčové slovo stokrát, ale mělo by být obsaženo v návaznosti na délce textu. Například, pokud máte text o délce 2 normostrany (dále NS) adekvátním počtem je:

  • 1* v nadpisu;
  • 1* v perexu;
  • 1-2* umístění v H2, případně v H3;
  • 1* umístění v meta description;
  • 1* umístění v ALT atributu obrázku.

Délka článku

Čtenáře zajímá samotná kvalita informací, které mu předáváte. Proto se zaměřte jen na kompletní informace ale v žádném případě nepoužívejte omáčkový text. Pokud ve článku zdlouhavě kličkujete, je téměř stoprocentní jistota, že váš čtenář odejde! Vyhledávač vaši webovou stránku vzápětí vyhodnotí jako nekvalitní, a bude ji posouvat po příčkách dolů. To samozřejmě nechcete, proto uvádějte jen informace bez zbytečných slov okolo!

Kvalitní článek, který nese plnohodnotné informace, a je čtivý pro čtenáře, se pohybuje okolo 1-2NS. Pokud chcete publikovat článek o 5 NS, zkuste článek rozdělit do 2-3 částí. Čtenář bude mít důvod se vrátit a články budou lépe přehledné. Jsou témata, u kterých dané téma může obsáhnout i 2-4NS, týká se to především odborných nebo informačních textů, které je vhodné udržet v jediném článku pro kompletní obsah.

Čitelný článek

  1. Dodržujte hierarchii nadpisů – pro čtenáře může být zavádějící, pokud máte meta title (H1) na stejné úrovni jako nadpisy H2, popřípadě H3.
  2. Délka odstavcůnikdy by neměl být odstavec delší než pět řádků, pro čtenáře pak text působí nepřehledně.
  3. Nastavte si jasná pravidla
    • Tykání nebo vykání
    • zkratky nebo nikoliv (je nevzhledné, pokud jednou napíšete tzv. a podruhé takzvané); 
    • dodržet i číselné značení, numericky nebo textově ale nikdy kombinace.
  4. Oživte text odrážkami, číslováním nebo grafickou tabulkou – článek je daleko přehlednější a pro čtenáře zábavnější.
  5. Ztučňujte důležitá slova – je dokázané, že většina populace nečte celý text. Čtenář si nejprve udělá přehled, přejetím očima po ztučnělých větách, aby věděl, zda se dočte informace, které hledá

V tomto článku jsme vám představili pravidla, podle kterých funguje SEO optimalizace, a jak má vypadat článek přehledně a čitelně. V příštím článku vám představíme, jaké náležitosti by měl obsahovat článek před samotnou publikací.

Pokud vás cokoliv zajímá, neváhejte napsat, my vám veškeré dotazy zodpovíme, v co nejkratší době.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.