Webstránky

Zrychlujeme WordPress. Zapněte kompresi dat a optimalizujte obrázky

Většina magazínů nebo blogů je postavena na redakčním systému WordPress. Jedná se o CMS (systém pro správu obsahu), tedy o redakční systém psaný přímo na míru těm, co hledají platformu pro svůj blog zdarma.

WordPress je svobodný open source redakční publikační systém napsaný v PHP a MySQL a vyvíjený pod licencí GNU GPL. Je oficiálním nástupcem systému b2/cafelog a má širokou uživatelskou a vývojářskou komunitu. Počet stažení předchozí verze 4.9 dosáhl od vydání téměř 174 milionů.

A jelikož je tak rozšířený, i tento magazín ho používá. Na FreeBit.cz je prakticky od startu v roce 2009. Předtím byl obsah pouze na jedné statické stránce a pořád se obměňoval. Chci se tedy rozepsat o tom, jak se za prakticky deset let web posunul v rychlosti načítání stránek. Google má rychlé weby rád!

První krok pro optimalizaci načítání webu

Soubor .htaccess je umístěný na FTP prostoru vašeho serveru. Tento soubor v adresáři dovoluje adminovi webu upravit chování složek. Doporučujeme aktivovat kompresi mezi serverem a zařízením, kam se data posílají. Aktivace webové komprese sníží datovou náročnost přenášených dat (data se na serveru zabalí, putují zabalená a díky výkonu koncové stanice se opět rozbalí). Na českých serverech se víceméně podporuje několik komprimačních formátů. Jedním z nich je GZIP a druhým Brotli.

Zapněte kompresi dat a optimalizujte obrázky
Zapněte kompresi dat a optimalizujte obrázky (PageSpeed Insights)

Nejvyšší kompatibility se dočkáte u GZIPu (starší, ale přes to účinná komprese). Novější, často efektivnější je algoritmus Brotli z dílny společnosti Google. Jedná se o výkonnou komprimaci obsahu. Je efektivnější a můžete si vyzkoušet, jak servery na tyto komprimace budou reagovat. Na internetu najdete i stránky, kde si ověříte, zdali je komprimace dat zapnuta a funguje správně. Parametry .htaccess a .user.ini. spolu začnou fungovat po jednom kroku serveru, což je cirka 5 minut.

Aktivace je poměrně snadná. Stačí vložit kód do souboru .htaccess a .user.ini. Pokud soubor .user.ini na FTP serveru nemáte, stačí jej pomocí webového rozhraní vytvořit. Brotli je funkční pouze u zabezpečené komunikace přes protokol HTTPS v kombinaci s PHP 5.6 nebo vyšším. Pokud již nějaký z módů DEFLATE používáte, můžete jakýkoliv řádek z kódu odstranit. Kód je nutné vložit za generované řádky WordPressu. Redakční systém je občas maže. Pamatujte v zápisu na posloupnost.


Kód vložte do .htaccess:

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/json
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/font-sfnt
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/vnd.microsoft.icon
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/html
</IfModule>

Do souboru .user.ini pak zkopírujte zlib.output_compression = On


Kód vložte do .htaccess:

<IfModule mod_brotli.c>
  AddOutputFilterByType BROTLI_COMPRESS application/javascript
  AddOutputFilterByType BROTLI_COMPRESS application/json
  AddOutputFilterByType BROTLI_COMPRESS application/vnd.ms-fontobject
  AddOutputFilterByType BROTLI_COMPRESS application/xhtml+xml
  AddOutputFilterByType BROTLI_COMPRESS application/xml
  AddOutputFilterByType BROTLI_COMPRESS application/font-sfnt
  AddOutputFilterByType BROTLI_COMPRESS font/otf
  AddOutputFilterByType BROTLI_COMPRESS font/ttf
  AddOutputFilterByType BROTLI_COMPRESS image/svg+xml
  AddOutputFilterByType BROTLI_COMPRESS image/vnd.microsoft.icon
  AddOutputFilterByType BROTLI_COMPRESS text/plain
  AddOutputFilterByType BROTLI_COMPRESS text/css
  AddOutputFilterByType BROTLI_COMPRESS text/xml
  AddOutputFilterByType BROTLI_COMPRESS text/html
</IfModule>

Do souboru .user.ini pak zkopírujte brotli.output_compression = On


Kámen úrazu jsou obrázky, jak na jejich komprimaci?

Velký díl mají na rychlosti webu obrázky. Webmaster nahraje na server obrázek, zjistí, že má přes 500 kB. A co s tím? Nejedná se pouze o obrázky samotné, ale i o jejich náhledy. Dobrým pomocníkem je plugin ShortPixel. Jedná se o platformu na kompresi obrázků ve WordPressu. Umí toho poměrně hodně. Můžete si koupit kredity nebo zaplatit měsíční paušál. Mě osobně se líbili kredity na účet. Zaplatíte a spotřebujete to, co se začne komprimovat. Plugin je automatizovaný a komprimuje další soubory nahrané na FTP server.

Základem je vložit API klíč. Vyberete ztrátovou kompresi a nastavíte kompresi také pro náhledové obrázky. Plugin umí odstranit EXIF data z obrázku. V pokročilém nastavení umí také WebP. Ty mohou být až třikrát menší, než PNG a o 25 % menší, než JPG. WebP nebo JPEG 2000 doporučuji i Google. Obrázky zmenší na FTP serveru klidně i o 69 %. Mě plugin na FTP ušetřil skoro dva gigabajty místa. Jeden obrázek = jeden kredit. 15 000 kreditů vyjde na 9,99 USD. Velkým plusem a benefitem při rychlosti je i CDN ShortPixelu. On si totiž nahrává obrázky do mezipaměti k sobě a posílá je k návštěvníkovi ze své sítě.

Optimalizujte JS, CSS a HTML. Odstraňte mezery v načítání

Mezi další pluginy zrychlující WorpPress patří optimalizační pluginy CSS, JavaScriptu (JS) nebo HTML kódu. Redakční systém WordPress není vybaven dobrým kódem a tak mu musíme trochu pomoci. Je nutné agregovat všechny propojené soubory JavaScriptu tak, aby byly načteny bez blokování vykreslení. Načítat je tedy až v patičce. Musíme také shromáždit všechny propojené soubory CSS. Pozor na detailnější nastavení pluginů, mohou vám částečně poškodit kód a tím znefunkčnit web. Vše ale můžete vrátit zpět.

Pokud vše nastavíte pluginem Autoptimize na jednotku, dostanete o řád vyšší výkon načítání stránek na WordPressu. Pokud rychlost nebude stačit, můžete serveru pomocí cache (kešovacím) pluginem. To však strhnete grafické kolo na měření google.com/pagespeed/. Google má na svém testu rovných 100 bodů (desktopová verze), tak se můžete pochlapit. Je ale jasné, že se částečně bodové hodnocení odvíjí od toho, jak se server „vyspal“. Pokud hodnoty stále nejsou dostatečné, doporučoval bych kontaktovat podporu hostingu. Popřípadě přejít na vyšší tarif.

Závěr a další bonusové tipy na zvýšení rychlosti WordPressu

První vykreslení obsahu na stránce se vám musí povést za méně než 0,7 vteřiny. První smysluplné vykreslení také. Berte v potaz to, že některé úkony jsou vázány na další úlohy na serveru. Je tedy nutné počkat. Díky optimalizaci obrázků a optimalizaci kódu se dostanete na velice zajímavá čísla. Některé české weby jsou na tom s rychlostí načítání webových stránek opravdu žalostně. To může být právě výhoda ve fulltextu Googlu. Znáte to, každý SEO bod se počítá. Protože, pokud se stránka nenačte do 4 sekund, lidé nenávratně odcházejí.

Bonusový tip je funkce Lazy Load. Tedy pomalé načítání obsahu na webové stránce. Funkce umí vykreslovat pouze to, co uživatel aktuálně vidí. Pokud tedy napíšete článek, který má více obrázků a je dlouhý, načtou se pouze ty, které jsou aktuálně vidět. To zvýší rychlost načítání stránek, ale také uživatelský komfort. Zkuste Lazy Load na WordPressu a podělte se do komentářů, jak to na vás působí.

Pro tyto případy je zde AMP verze
Pro tyto případy je zde AMP verze

Pokud se nedaří optimalizovat mobilní verzi webu – nevadí. Pro tyto případy je zde AMP verze, tedy verze stránek, kterou má Google ve své mezipaměti. Odlehčený obsah se načítá z Google datacenter a věřte, že ten blesk u obsahu tam není nadarmo. Rychlost vám pomůže dohnat konkurenci. Protože to, co nemají oni, je vaše zbraň.

Začínáme s Facebook Ads. Nač si dát v reklamním systému pozor?

Začínáme s Facebook Ads. Nač si dát pozor? Máte stránku či blog, s jehož pomocí byste si rádi vydělávali? Nebo provozujete e-shop a snažíte se o nárůst prodeje? V obou případech potřebujete zvýšit jejich návštěvnost.

Ne každý, kdo přijde na váš web, vám však přinese stejný užitek. Kterýkoliv zkušený specialista na internetový marketing vám potvrdí, že se vyplatí méně návštěvníků, kteří mají zájem o to, co nabízíte, než záplava těch, jež jen bezcílně surfují.

Facebook sbírá mraky osobních údajů o svých uživatelích. Díky tomu ví, kdo jsou, co je zajímá a mnoho dalšího. Dokáže tak zobrazit reklamu těm, u kterých existuje maximální pravděpodobnost, že se stanou vašimi klienty. To představuje pro inzerenty velkou příležitost, jak zacílit své kampaně správným směrem.

Začínáme s Facebook Ads. Nač si dát v systému pozor?
Začínáme s Facebook Ads. Nač si dát v reklamním systému pozor?

Jak toho můžete využít? Vytvořte si účet ve Facebook Ads a oslovte potenciální zákazníky.

Na co si dát pozor?

Dříve než začneme, jedno varování. Tato inzerenty oblíbená platforma přináší nejen šanci na slušné zisky, ale také představuje riziko ztrát. Většina začátečníků nejprve prodělá. Až s přibývajícími zkušenostmi se naučí využívat dostupné nástroje tak, aby se propracovali k pozitivní návratnosti investic (ROI).

Pojďme se tedy podívat na možné nástrahy a na způsoby, jak se jich vyvarovat.

Chyby, kterým se vyhnout při vytváření účtu

Dříve než začneme realizovat naše kampaně, musíme se poprat s některými základními nastaveními. Jedním z těch, na které se často zapomíná a později způsobují problémy při interpretaci dat z analytických nástrojů jako například Google Analytics, patří volba správného časového pásma. Facebook nepoužívá středoevropský čas jako výchozí, proto si tuto položku nezapomeňte změnit.

Při vytváření inzerentského účtu na vás čeká jedno důležité rozhodnutí. V tomto kroku mnoho lidí bohužel podceňuje výběr měny, v které jim Facebook bude fakturovat. Vyplatí se přemýšlet do budoucna a zvážit, zdali očekáváte většinu svých příjmů v českých korunách, eurech, amerických dolarech či jiné měně. Pokud budou vaše inzeráty dobře fungovat a dostanete se na vysoké obraty, stojí za to vyhnout se konverzím mezi jednotlivými měnami a ušetřit tak až několik procent, které byste jinak ztratili na kurzových rozdílech.

Chyby, kterých se vyvarovat při vytváření kampaní

Správné cílení zpravidla rozhoduje mezi úspěchem a neúspěchem kampaně. Inzerenti se často mylně domnívají, že čím více lidí uvidí jejich reklamu, tím více vydělají. Opak je pravdou. Síla Facebooku spočívá v tom, že se váš obsah dostane k těm, kteří o něj mají zájem. Vyplatí se proto oslovit méně uživatelů, jejichž zájmy se ovšem perfektně shodují s tím, co nabízíte.

Začátečníci zpravidla nemají sebemenší ponětí o A/B testování. K čemu slouží? Pomůže vám zjistit, co funguje a co ne. A také jak moc to funguje či nefunguje. Ani ti nejzkušenější online marketéři nedokážou napsat dokonalý inzerát napoprvé. Měli bychom si vždy vytvořit 2 verze. V každé z nich změníme pouze 1 element (např. titulek) a změříme úspěšnost jednotlivých variant. Poté pokračujeme s tou lepší. V ideálním případě ji podrobíme dalším A/B testům.

Nezapomínejte na call to action (výzvu k akci). Mnoho studií nezávisle na sobě prokázalo, že požádáme-li uživatele, aby se zachoval nějakým způsobem (například klikl na inzerát), naroste procento těch, kteří tak skutečně učiní.

Existuje mnoho dalších pokročilejších strategií. Nicméně budete-li se držet těchto základních rad, měli byste být schopni podstatně zvýšit návštěvnost jakékoliv webové stránky, blogu či e-shopu a dosáhnout očekávaných konverzí.

Oficiální web: facebook.com/business/ads

Pět mýtů spojených s tvorbou e-shopů. Chuť Čechů nakupovat online roste

TÉMA: Pět mýtů spojených s tvorbou e-shopů. Chuť Čechů nakupovat online stále roste a internetovým obchodům se v Česku daří. I proto o vlastním e-shopu přemýšlí i podnikatelé, kteří si dosud vystačili s kamennou prodejnou nebo profilem na sociální síti či prodejním portálu. Kolem samotné tvorby webu však stále panuje řada mýtů, které mnohdy od založení e-shopu zbytečně odrazují.

Podle údajů Asociace pro elektronickou komunikaci vloni dosáhly internetové obchody obratu 135 miliard korun. „Růst bude letos pravděpodobně pokračovat a spolu s ním se znovu rozšíří okruh zboží, které lidé nakupují online. To podnikatelům přináší významnou příležitost k expanzi. Mnozí chtějí inovovat svůj stávající e-shop, jiní se ho teprve chystají založit“, uvádí Slawomír Jakub Budziak, Chief Customer Officer ve společnosti Webnode. O vlastním prodejním místu často uvažují také drobní prodejci, kterým nevyhovuje prostředí prodejních portálů. Jakým nejčastějším mýtům čelí ti, kteří se rozhodnou jít cestou nového e-shopu?

Pět mýtů spojených s tvorbou e-shopů. Chuť Čechů nakupovat online roste
Pět mýtů spojených s tvorbou e-shopů. Chuť Čechů nakupovat online roste

Na e-shop je potřeba programátor a webdesignér

Doby, kdy nebylo možné vytvořit plnohodnotný web bez znalosti programovacího jazyka, už jsou pryč. Pokud se podnikatel rozhodne, že si e-shop založí sám, stačí mu elementární orientace v internetovém prostředí. Moderní nástroje na tvorbu webu pracují na principu drag-and-drop a jsou vlastně takovou skládačkou s poměrně intuitivním ovládáním. Výhodou je to, že služba „ukrytá“ za takovýmto editorem se postará o veškeré technické zázemí a uživatel pak jen vybírá šablonu, nahrává obsah a hraje si s designem webu. Služba za něj řeší způsoby platby, umožní sledování objednávek a dodá všechny statistiky.

Provoz e-shopu je drahý

Nový e-shop vždy vyžaduje určitou investici. Řešení na míru, která zahrnou práci grafika, webdesignera a programátora, se mohou pohybovat v desítkách tisíc korun. Takovéto částky jsou ale pro drtivou většinu drobných podnikatelů mimo jejich možnosti. Další variantou je sáhnout po některé ze služeb, která poskytuje již hotové řešení. Tvorba e-shopu pak stojí jen vlastní čas, ke kterému se připočte měsíční paušál v řádu stokorun. Ten většinou zahrnuje hosting a doménu, datový prostor a další služby podle konkrétního balíčku.

E-shop zabere spoustu času

Pokud se podnikatel nerozhodne, že si e-shop založí sám včetně technického zázemí, pak jeho tvorbou nemusí trávit měsíce. Není nutné ani čekat, až e-shop na objednávku vytvoří firma. U e-shopu se čas na něm strávený odvíjí především od toho, do jaké míry je připravený obsah, zvláště pak produktové fotografie a popisky. Jestliže podnikatel zvolí cestu hotového řešení a má vše po ruce, zvládne si „naklikat“ stránky během jednoho dne. Pak už může věnovat svůj čas prodeji a dle potřeby i aktualizaci nabídky.

Responzivita znamená, že se web zobrazí na telefonu

Počet přístupů i samotných nákupů realizovaných přes mobilní zařízení roste. Mít e-shop, který zvládá přizpůsobování se odlišným rozměrům displeje, by mělo být samozřejmostí. Nestačí se spokojit s tím, že se na mobilu stránky načtou. Responzivní web zvládne plnohodnotné zobrazení na různých zařízeních, a to je zvlášť pro e-shop klíčové. Prvních několik vteřin totiž rozhoduje o tom, zda zákazník na webu zůstane, což se nestane, pokud bude bojovat s chybným zobrazením stránek. Proto se vyplatí sáhnout po takovém nástroji na tvorbu webu, který responzivitu zaručí.

Čím víc textu a obrázků, tím líp

Pocit, že informací není nikdy dost, má mnoho začínajících podnikatelů. E-shop zahlcený dlouhými odstavci textu a příliš mnoha fotografiemi a grafickými prvky však návštěvníka a potenciálního kupujícího spíše odradí. „U našeho e-shopu druhé generace jsme šli cestou jednoduchosti, intuitivnosti a čistého vzhledu šablon. Zároveň jsme ale nechali prostor na sdělení příběhu firmy, který z naší zkušenosti zákazníky zajímá, a to především u drobných podnikatelů a tvůrců,“ doplňuje Slawomír Jakub Budziak, ze společnosti Webnode, která nabízí online editor na tvorbu webových stránek.

Jste společnost nebo začínající živnostník? Zkuste webstránky na míru

Jste malá společnost nebo živnostník? Přemýšleli jste někdy nad tím, zda potřebujete svou vlastní webovou stránku? Ano? Ale přišlo vám to jako zbytečná investice? Podíváme se na to trochu z jiného úhlu.

Internet je všemocné medium. V dnešní době je mít svou vlastní webovou stránku skoro povinnost. Pokud lidé něco hledají, pak právě zde mají možnost narazit na vaše webstránky. Získat zde kontakt, případně si zjistit všechny informace nebo ceny produktů. To bez vlastních stránek není možné a i to je důvod, proč o vás ví minimum zákazníků.

Jste společnost nebo začínající živnostník? Zkuste webstránky na míru
Jste společnost nebo začínající živnostník? Zkuste webstránky na míru

Možností, jak získat svou vlastní stránku je mnoho. Ale která je ta nejlepší? Vyplatí se investovat do webových stránek na míru, které stojí mnohdy desetitisíce? Výhodnější a dokonce i lepší možností je podle nás jednostránková webová prezentace. Má nespočet výhod, ať už je to snadná orientace pro vaše návštěvníky, nebo velmi jednoduchá údržba. Takovouto prezentaci si můžete vždy jednoduše sami upravovat a nemusíte čekat na odborníky. Pokud máte zájem o tvorbu webu, vyzkoušejte tvorba stránek Brno. Tohle vše jistí také webové šablony na míru.

Větší společnost potřebuje web na míru

Pro větší společnosti a organizace už může být taková obyčejná prezentace málo. Zde bychom měli opravdu začít uvažovat o webu na míru. Jelikož tady už je potřeba více než pár základních funkcí a neustále něco přidávat, modifikovat a vylepšovat.

Pokud takovou webovou stránku na míru potřebujete vytvořit, ale nemáte čas, pak se o vás velmi rádi postarají. Funguje to naprosto jednoduše. Za pomocí emailu nebo telefonu se domluvíte, dodáte obrázky, texty, popř. jiné materiály, které chcete na webu mít. A obratem vám bude poskládán web, dle vašich představ. Následná administrace a editace obsahu je přes systém tak jednoduchá, že si s ní poradíte sami. Pro drobné firmy a živnostníky je nejlepší volbou již zmiňovaná jednostránková prezentace.

Naklikejte si svou vlastní stránku za pomocí modulů

Z předpřipravených modulů si vyberete, co by vám vyhovovalo, a vyberete si šablonu. Pokud jste rádi sami sobě designerem, pak se vám tento systém bude rozhodně zamlouvat. Sami si naklikáte, jak by vaše webová stránka měla ve výsledku vypadat. Tuto tvorbu si můžete samozřejmě od začátku do konce vyzkoušet zcela zdarma a pokud budete s výsledným webem spokojeni, pak jej zakoupit za zlomek ceny toho, co byste utratili u velké firmy. V případě nějakých grafických požadavků není nic složitějšího, než kontaktovat grafika s požadavkem.

Jak to u nás vlastně funguje? Naprosto jednoduše

Nejprve se musíte zaregistrovat, aby se vám otevřely všechny funkce:

  • Přihlásíte se a vyberete si šablonu.
  • Vyplníte základní údaje vaši stránky.
  • Za pomocí přehledné administrace vytvoříte a spravujete obsah.
  • Dokončíte, objednáte, zaplatíte a vaše prezentace je připravena k vypuštění do světa.

Chcete mít webstránky mezi prvními ve vyhledávačích na internetu?

Chcete být první mezi prvními ve vyhledávačích na internetu? Bez kvalitní webové stránky se určitě neobejdete. Jak to ale udělat, aby právě váš web měl velikou návštěvnost? Vsadit na nízkorozpočtovou tvorbu webu asi nebude to pravé ořechové. Ne všechno, co je levné, je zároveň nekvalitní, ale vytvoření opravdu dobrého webu něco stojí. A je vždy lepší si připlatit na ceně a mít pak co návštěvníkům internetu nabídnout. V tomto případě by se jednalo o šetření na nepravém místě. Po grafické stránce kvalitně zpracovaný web dokáže totiž přitáhnout daleko více potenciálních zákazníků. A o to jde ve světě obchodu především.

Chcete mít webstránky mezi prvními ve vyhledávačích na internetu?
Chcete mít webstránky mezi prvními ve vyhledávačích na internetu?

Po českém internetovém nebi se reálně pohybuje okolo 7 milionů uživatelů. Což je na poměry naší republiky poměrně hodně. Proč toho nevyužít k propagaci vlastní firmy? Vždyť webová stránka je přeci velmi dobrým nástrojem marketingové propagace a dokáže zvýšit prosperitu firmy. Pravidelnou aktualizací obsahu stránek webu je možné přilákat nové návštěvníky. A návštěvníci – to jsou potenciální zákazníci, kteří přinášejí firmě finanční zisk.

Jaké jsou přínosy webové stránky pro firmu?

Podíváme-li se na kamennou prodejnu či firmu, ty mohou nabízet své služby nebo produkty pouze v okruhu daného regionu. Pro vzdálenější zákazníky jsou již hůře dostupné. Je to pochopitelné, ne každý zákazník je natolik mobilní a hlavně ochotný, aby jednu konkréní prodejnu jel schválně navštívit přes půl republiky. S virtuální pobočkou se najednou rozšíří obzory a možnosti dosahu firmy. Už nenabízí své služby či produkty jen regionálně, to znamená v okrese nebo kraji, ale dokáže oslovit své zákazníky na mnohem větší vzdálenosti, třeba i z opačného konce republiky nebo dokonce i v zahraničí. Navíc virtuální prodejna bývá v provozu nepřetržitě, pro ni neexistují zavírací hodiny. Webové stránky si může jejich návštěvník prohlížet kdykoliv během dne i noci. Klidně o víkendu a ve svátek. A nejen prohlížet, ale také nakupovat.

Klady a výhody tvorby webu na zakázku

Webová prezentace v současnosti s rozmachem internetu nabývá na významu. Pro firmu to znamená tu nejlepší možnost, jak se dostat do povědomí velkého okruhu lidí. Proto by měla být tvorbě firemního webu věnována co největší péče. Většinou každá firma se snaží rozumně hospodařit se svými financemi a zbytečně s nimi neplýtvat. Je však na místě šetření na tvorbě webových stránek? Můžeme s klidem odpovědět, že není. Bezplatné stránky jsou vhodné pro osobní blogy běžných uživatelů internetu, ale firmu by měla webová stránka řádně reprezentovat.

Při tvorbě webových stránek se můžeme dopustit spousty chyb

To však za ni neudělá web zdarma. Problémem jsou totiž omezené funkce a možnosti takto vytvořeného webu, méně nápadné šablony a podobně. Kdo sází na jistotu a jde s dobou, sází také na responzivní nebo mobilní design, který je optimalizovaný pro displeje chytrých mobilů a tabletů.

Chcete-li mít kvalitní webové stránky, tak sáhněte po profesionálech, kteří jsou schopni takové stránky na zakázku dle požadavků firmy vyrobit. Schopný grafik navrhne dle návrhů firmy webdesign ve vzhledu a v barvách, které odpovídají firemní kultuře. Stranou by nemělo zůstat ani firemní logo. Jeho kvalitní návrh dokáže podtrhnout jedinečnost firmy. Dobře zapamatovatelné logo v jednoduchém grafickém vyjádření pomůže odlišit firmu od konkurence. Když je vše hotovo, přicházejí na řadu kodéři a programátoři, kteří dají návrhu jeho konečnou podobu, se kterou se budou návštěvníci setkávat na internetu. Nároky na kvalitního kodéra jsou velké, a proto je důležité vybírat pečlivě. Vždyť právě na něm záleží, jestli vaše webové stránky návštěvníci v záplavě těch ostatních na internetu vůbec objeví. I zde platí – nešetřit.

Jak efektivně vyhledávat na Googlu? Vyzkoušejte naše tipy a triky

Úspěch na internetu v dnešní době záleží hlavně na kvalitním marketingu. Zakázková tvorba webu je jedna z možností, jak zlepšit podnikání a zajistit si konkurenční výhodu.

Tipy na užitečné webové nástroje, o kterých možná nevíte: Webtechnologie

Webová technologie se velmi rychle vyvíjí. Stále vznikají nové nástroje a metody, kterými si lze tvorba webů mnohonásobně ulehčit a urychlit. V tomhle článku se podíváme na ty nejpoužívanější nástroje při tvorbě webových stránek.

Bootstrap

Bootstrap je předpřipravená knihovna stylů a JavaScriptu. Celá knihovna se nejprve stáhne, vloží do kódu a následně se s ní může pracovat. V knihovně jsou předpřipravené různé webové prvky, jako jsou tlačítka, buňky, layout a podobně. Největší výhoda používání Bootstrapu je ta, že všechny prvky a rozložení stránky je připravené i pro mobilní a další různá rozlišení. Optimalizace webu pro mobilní telefony, tablety i desktop je pak poměrně snadné.

Tipy na užitečné webové nástroje, o kterých možná nevíte: Webtechnologie
Tipy na užitečné webové nástroje, o kterých možná nevíte: Webtechnologie

Bootstrap se používá poměrně specificky a má své zásady. Na tuto knihovnu je potřeba si prvně dobře zvyknout zvyknout, ale výsledný ušetřený čas a ušetřená námaha za to určitě stojí.

jQuery

jQuery je knihovna napsaná pro JavaScript. Aktuální verze toho umí opravdu hodně a dá se využít dost všestranně. Nejčastěji se využívá na různé animace, rozpohybování prvků, efekty a práce s textem. Například klasické skrývání a zobrazování textu je typickou dovedností jQuery.

Při tvorbě webových stránek se můžeme dopustit spousty chyb

Tohle všechno si samozřejmě můžeme naprogramovat v JavaScriptu a nepoužívat poměrně obsáhlou knihovnu. S použitím jQuery si ale celkový proces urychlíme a usnadníme. Krom toho můžeme do daných efektů a animací přidávat parametry, kterými efekt získá na zajímavosti. jQuery se dá využít i na složitější úkony, jako je například Ajax.

Nette

Nette je výborná knihovna pro PHP. Ulehčuje práci s textem, práci s databází, práci s obrázky, ajax a spoustu dalšího. Tato knihovna je určená pro serverové programátory nebo ty, co si celý web včetně redakčního systému dělají sami. Nette se snaží eliminovat bezpečností problémy, což ocení téměř každý. Celou lze knihovnu do svého scriptu natáhnout jedním řádkem. Knihoven pro PHP je samozřejmě více a někomu může sednout zase jiná knihovna. Na Nette je fajn poměr mezi jednoduchostí a množstvím funkcí, které vám nabídne.

Less nebo Saas

Less i Saas jsou velmi užitečné preprocesory pro css. Díky nim ve stylech získáte spoustu dalších možností, jako je například možnost používat proměnné, makra, a u Saas dokonce i podmínky. Jde o skvělé rozšíření, které při své práci rozhodně využijete a ulehčí vám tvorbu webů. Který preprocesor ale využít? Oba mají stejný účel, ale trochu se od sebe liší. Z mého pohledu je pro začátečníky lepší Less, který není tak rozsáhlý a je trošku jednodušší. Saas má zase více možností a celkově je víc o programování. Ať už si vyberete Less nebo Saas, vždy vám skvěle poslouží.

Hotová řešení

V dnešní době je již spousta systémů, šablon, pluginů, addonů a dostupných scriptů, které můžete využít. Ať už jde o obyčejnou galerii, nebo rozsáhlí e-shop, vždy něco najdete. Tvořit web od samého začátku má smysl pouze u malých webů a naopak u velikých projektů, kde není problém celý vývoj zaplatit. U klasických webů a aplikací jde ale skvěle využít hotových scriptů a systémů a pouze je dodělat a správně vyladit.

Při tvorbě webových stránek se můžeme dopustit spousty chyb

Při tvorbě webových stránek se můžeme dopustit spousty chyb, které negativně ovlivňují návštěvnost, použitelnost webu a případné zisky z webu.

Tyto chyby se objevují zejména pokud s tvorbou webových stránek začínáme, ale některé se mohou stát i pokročilejším tvůrcům webů. V tomhle článku si představíme nejčastější chyby, kterým je dobré se při tvorbě webů vyhnout.

Pomalé načítání stránky

Spousta lidí si myslí, že v dnešní době rychlého internetu nemá smysl stránku optimalizovat pro rychlejší načítání. Opak je ale pravdou. Čím rychleji se vaše stránka bude načítat, tím spokojenější vaši návštěvníci budou. Jakýkoli proklik na podstránku pro ně bude příjemnější. Tohoto faktu si začali všímat i vyhledávače, které dávají větší váhu rychlejším webům. Při tvorbě webu a přidávání obsahu je tedy potřeba soustředit se na vkládání obsahu ve správném formátu a rozlišení. Obrázky, animace, videa vždy se snažte vhodně zkombinovat nízkou velikost s kvalitou.

Při tvorbě webových stránek se můžeme dopustit spousty chyb
Při tvorbě webových stránek se můžeme dopustit spousty chyb

Nesbíráme kontakty

Častou chybou bývá také nesbírání kontaktů na návštěvníky. Každým dnem tak ztrácíme spoustu stálých uživatelů. Na stránce můžeme sbírat různé kontakty. Nejčastěji jde o email, nebo profil na sociální síti. Pro sbírání kontaktů je vždy jednoduchý widget, který si umístíme na navštěvované místo naší stránky. U emailu jde o jedno, až dvě políčka na jméno a email + tlačítko na odeslání. U sociálních sítí je pouze jedno tlačítko na přidání.

Aby nám návštěvníci dávali své kontakty v co největší míře, musíme jim na oplátku nabídnout nějakou přidanou hodnotu. To můžou být například aktuální informace o slevách, jedinečné novinky, užitečný e-book, zajímavá infografika, slevové kupóny, soutěže a další. Kontakty nemusíme sbírat jen na webu, ale můžeme využít různé další marketingové kanály jako jsou sociální sítě, fóra, emailová databáze, ppc a podobně. Získaným kontaktům pak můžeme rozesílat zajímavá reklamní sdělení a získávat tak návštěvnost.

Zapomínáme na vhodné prolinkování webu

Interní odkazy jsou velmi důležité jak pro lepší SEO, tak pro samotné čtenáře. Je tedy důležité na vhodném prolinkování podstránek pracovat. I zde platí jisté zásady o relevantnosti a kvalitě odkazů. Pokud máme například článek o teniskách, je vhodné odkazovat na kategorie s botami ale už tolik né na bundy, nebo džíny. Je vždy dobré zamyslet se nad spojitostmi jednotlivých článků a ty vhodné propojit odkazem. Vhodná jsou také různá doporučení na podobné články na konci příspěvku. Interní odkazy nenavádějte pouze na samotné články s kvalitním obsahem, ale také na různé kategorie, podkategorie, štítky a jiné.

Nezapomínejte na dodržování standardů

Každá webová stránka má své náležitosti a standardy. Pokud se v tvorbě a správě webových stránek pohybujete krátce, projděte si prvně pár webů a okoukejte, co se všude dodržuje. Každá stránka má jisté náležitosti, které nemusíme dodržovat, ale je vhodnější je takhle dělat. Jde například o klikatelné logo, které vede na homepage webu. Odkazy vhodně odlišené od textu, menu v horní části stránky, nebo kontakt a více informací v patičce. Všechny tyto základní prvky přidávají na důvěryhodnosti celé stránky. Pokud máte také v patičce uvedený rok, nezapomeňte ho vždy aktualizovat, nebo zde použijte script.

Seriál o Dark Webu: Hrůzné podsvětí internetu v několika větách (1)

Koukáte se na pořádný akčňák a přemýšlíte, jestli je vůbec reálné si koupit nájemného vraha a odkud se berou všechny ty drogy? Čtete titulek v novinách, že policie odvrátila další teroristický útok a zajímá vás jak? Představuji vám pravé nefalšované internetové podsvětí, kde nic není tabu. Představte si ty nejzvrácenější lidské choutky a ty nejodpornější věci, se kterými se dá obchodovat. Představuji vám Dark Web!

Seriál o Dark Webu: Hrůzné podsvětí internetu v několika větách (1)
Seriál o Dark Webu: Hrůzné podsvětí internetu v několika větách (1)

Potřebujete zdrhnout? Žádný problém

Jestli máte v kapse 100 tisíc, kupte si Bitcoin. Je to totiž jediná měna, kterou zde lze platit díky její anonymitě. Pokud chcete zůstat skryti před zraky tajných služeb a policie, nepoužívejte běžný prohlížeč. Anonymitu procházení si částečně zajistíte nejpoužívanějším síťovým prohlížečem TOR, nebo si stáhněte nějakou chytrou aplikaci, která vám změní IP adresu. Teď už jen stačí najít odpovědnou stránku s koncovkou .onion. Připravte se, že hledání funkční stránky zabere trochu času, většina z nich již není aktivní. Zkuste třeba USA Citizenship a kupte si pas za 90 tisíc korun. Dokonce si můžete zvolit jaké chcete jméno.

Seriál o Dark Webu: Hrůzné podsvětí internetu v několika větách (2)

Prodej padělaných dokladů do všech koutů země je ovšem ta normálnější část. Naleznete zde i hrůzu nahánějící návody na všechno možné od sehnání partnera pro nekrofily až po výrobu bomby. Pověstné jsou i Redroomy (redrum=murder=vražda), které jsou velice podobné hororu Hostel. Platící lidé zde rozhodují o tom jak bude unesená osoba mučena a zavražděna.

Nákup jedů: Mohamed Ali odsouzen

V roce 2015 byl programátor Mohamed Ali odsouzen za nelegální nákup a držení chemické zbraně. K nákupu 500 miligramů ricinu jej vedlo sledování seriálu Breaking Bad. Za substanci zaplatil 500 dolarů a uvedené množství by stačilo k zabití půldruhého tisíce lidí. Na neštěstí pro něj byl prodejcem inkognito agent FBI, který se prodeji s Alim věnoval několik měsíců. Ve stejném roce se jeden šestnáctiletý chlapec pokusil o sebevraždu pomocí jedovatých bobulí zakoupených na skrytém internetu. Tyto bobule byly 30× jedovatější než ricin.

Podvody s Bitcoinem: Zlaté anonymní krypto

Bitcoin je nejpopulárnější kryptoměna, o níž, díky jejímu boomu za poslední rok, ví snad každý. Díky tomu, že se jedná o virtuální měnu, není možné dohledat její stopy a je tak jediným anonymním platidlem na dark webu. Ovšem i tato měna podléhá jistým pokusům o podvodné získání. Vysoká poptávka po Bitcoinu zapříčinila vznik obrovského množství počítačů po celém světě uzpůsobených pro její hromadný nákup.

Seriál o Dark Webu: Hrůzné podsvětí internetu v několika větách (3)

Administrátoři obchodu s Bitcoinem „utekli” i s obrovským množstvím Bitcoinu v hodnotě 12 milionu dolaru a existuje asi 150 falešných stran, které akceptují Bitcoiny, ale nic za ně nedostanete. Oblíbený je i tzv. ransomware, který zablokuje přístup do počítače a požaduje výkupné.

Vlastní webstránky a budoucnost WYSIWYG editorů podle Webnode

Budoucnost WYSIWYG editorů podle Webnode. Vytvořit si špičkový a po technické stránce kvalitní web v řádech minut, to byla ještě před deseti lety pouhá fantazie. Doba se však mění a potřeby trhu stále více nahrávají právě projektům, které umožňují postavit si web svépomocí. Cena specialistů, jako jsou weboví grafici nebo kodéři, se zvyšuje, a tím se prodražuje nejen samotná stavba webu, ale také údržba.

Oproti tomu u celé řady projektů se naopak rozpočty přesouvají spíše do marketingových nástrojů: linkbuildingu, SEO, ale také výkonnostních kampaní. WYSIWYG či DIY editory – tedy aplikace, které umožňují rychlou stavbu webu v cloudovém editoru svépomocí – mezitím dokázaly ujít obrovský kus cesty a nabízí poměr ceny a výkonu, jaký tu doposud nebyl.

Perspektiv WYSIWYG editorů si všímají i investoři, díky čemuž je pravděpodobné, že celé odvětví projde ještě další evolucí. 5 trendů, na které se můžeme těšit, sestavil jeden z předních světových hráčů Webnode.

E-commerce ready, e-shop či jiný nástroj pro online obchod

Postavit si v cloudovém editoru e-shop či jiný nástroj pro online obchod není problém již dnes. Pro webové editory tvoří tito klienti podstatnou část portfolia a podle toho k nim také přistupují. Lokalizované platební metody nebo podpora lokálních měn se v budoucnu stanou naprostým standardem všech, kteří to myslí vážně.

Vlastní webstránky a budoucnost WYSIWYG editorů podle Webnode
Vlastní webstránky a budoucnost WYSIWYG editorů podle Webnode

„E-shopy již dnes tvoří podstatnou část ze 30 milionů webových projektů, které na Webnode všude po světě fungují. Předpokládáme však, že do pěti let mohou e-commerce projekty tvořit až čtvrtinu ze všech našich projektů,“ uvádí Slawomir Budziak, Head of Team Leaders ve společnosti Webnode. „I proto je pro nás jednou z letošních priorit příprava druhé generace e-commerce platformy, od které si slibujeme výrazný celosvětový posun kupředu.“

Dobře obsloužený zákazník je priorita

Přestože jsou projekty, které se rozhodly jít cestou maximální automatizace (například nahrazení podpory chatbotem), ukazuje se, že možnost obrátit se s žádostí o pomoc na člověka je spíše konkurenční výhodou. A to do té míry, že se někteří hráči rozhodli poskytovat servis jako příjemný neočekávaný nadstandard. S jednoduchou dostupností, a hlavně podporou v lokálním jazyce.

„Zatímco konkurence slibuje, že zákazník bude vždy obsloužen lidským pracovníkem namísto automatu, naše ambice je trochu vyšší – obsloužit každého zákazníka jeho rodným jazykem,“ usmívá se Budziak. „Již dnes pokrýváme 24 jazykových mutací a stále jsme otevřeni novým trhům a výzvám. A jdeme tak daleko, že máme rozdílné pracovníky pro Portugalsko a rozdílné pro Brazílii, kde se sice portugalsky mluví, ale naším cílem je stavět kromě jazyka i na znalosti lokálních reálií. V tomto jsme veškeré konkurenci nastavili opravdu vysokou laťku.“

Estetika a přístupnost na poli WYSIWYG editorů

Weby ušly v posledních letech velký kus cesty v otázce ergonomie, přístupnosti a vizuality. Uvědomují si to i velcí hráči na poli WYSIWYG editorů. A chtějí to být právě oni, kdo bude diktovat budoucí trendy. Wix například zainvestoval do největší online galerii tvorby DeviantArt, Webnode zase do studia TouchArt, patřící mezi přední dodavatele aplikací pro mobilní telefony.

„Portfolio našich webových šablon již nyní splňuje veškeré požadavky týkající se přístupnosti a uživatelské zkušenosti, to vše při zachování estetické hodnoty,“ uvádí Budziak.

Noví uživatelé ze strany profesionálních projektů

Jedním ze zásadních momentů je změna struktury klientů. Už se dávno nejedná o osobní či nekomerční projekty anebo projekty drobných podnikatelů, kteří si nemohli dovolit profesionální web. Webových projektů, u kterých se bez diskuze vyplatí investovat do řešení na míru, totiž každoročně výrazným způsobem ubývá. Startupy, landing page kampaní nebo weby malých a středních firem jsou stále častěji stavěné právě na WYSIWYG platformách.

„Počet profesionálních webů na WYSIWYG platformách roste. V poměru ceny a kvality vychází Webnode rok od roku lépe pro stále větší projekty, a to především s přihlédnutím k následným nákladům na správu a aktualizaci celé prezentace,“ vysvětluje Budziak. „Stáváme se tak atraktivnější třeba pro startupy, které potřebují rychlý start a možnost okamžitých změn svých prezentací, ale také pro e-shopy nebo malé i velké firemní prezentace. Zajímavý je také nárůst jednorázových landing page marketingových kampaní, pro které jsme ideálním nástrojem.“

Pluginy, widgety a specializace webu

Aby weby postavené svépomocí uživatelům nabídly maximum, budou se platformy stále častěji vydávat cestou rozšíření v podobě widgetů a pluginů, které dříve byly spíše součástí robustních redakčních systémů. V budoucnu můžeme očekávat dokonce editory jednoduchých aplikací na míru, byť pilotní projekty ukazují, že k reálné využitelnosti vede ještě dlouhá cesta.

„My například nechceme zahltit uživatele lavinou pluginů. Naopak stavíme svůj úspěch na kvalitním základu. Zároveň ale poskytujeme možnost rozšířit funkčnost stránek o widgety, jako například rezervační systém Reservio nebo dotazníkovou aplikaci Survio,“ zakončuje Budziak.