OPTIMALIZACE WEBU NA WORDPRESSU - WORDPRESS NÁVOD
Vložit
- čas přidán 16. 01. 2022
- V dnešním videu si povíme, jak provést optimalizaci webu na WordPressu. Řekneme si jednoduché tipy, které ihned můžete uplatnit a aplikovat přímo na svém vlastním webu! Díky tomuto wordpress návodu pro začátečníky budete vědět, jak svůj web optimalizovat, zrychlit a usnadnit tak návštěvníkům jeho používání.
🔴 Pomohlo ti moje video? Pro více podobných tipů a návodů přihlaš odběr: tinyurl.com/bw2c2639
▼ KONTAKT NA WEBDESIGNERA ▼
✳️ WEB ✳️: ondrejdusek.com
📧 Email: hello@ondrejdusek.com
📱 Telefon: +420 605 719 533
-- Optimalizace webu na WordPressu - návod:
Proč je rychlost webu vlastně důležitá?
Velká část lidí zapomíná, že rychlost a odezva webu tvoří důležitý prvotní dojem z webu. Pokud máte například E-Shop, který je pomalý, část návštěvníků zkrátka nemusí mít trpělivost čekat.
Ve výsledku potom kliknou na tlačítko zpět a váš web si ani pořádně nezobrazí. Konverzní poměr vašeho webu následně klesá a s ním i vaše tržby.
Mějte na paměti, že pokud má návštěvník kladnou zkušenost s webem, rád se na něj v budoucnu vrátí. Rychlost webu má dále vliv i na SEO a umístění ve vyhledávačích.
Diagnostika - Nejprve je potřeba zjistit, co váš web brzdí.
To lze zjistit pomocí nástrojů pro měření rychlosti webu:
1. pagespeed.web.dev/
2. gtmetrix.com/
Tip č.1 - Optimalizujte obrázky na webu
Obrázky. Jsou většinou neoptimalizované a na webu je najdeme téměř všude.
Právě proto jsou neoptimalizované obrázky jednou z nejčastější příčin pomalého webu.
Na webu se snažte používat formáty .JPG a .WEBP.
Vřele doporučuji obrázky na webu komprimovat pomocí následujících utilit zdarma:
imagecompressor.com/
cs.wordpress.org/plugins/resm...
Tip č.2 - Zvolte kvalitní šablonu
Šablona je naprostý základ webu. Můžeme ji chápat jako kostru. Web můžete optimalizovat do nekonečna. Pokud ale samotná šablona není optimalizovaná od základu a nestojí za ní tým zkušených vývojářů, který se o ní pravidelně stará (a tvoří aktualizace), odrazí se to na výkonu vašeho webu.
cs.wordpress.org/themes/astra/
www.elegantthemes.com/
cs.wordpress.org/themes/hello...
Tip č.3 Nasaďte na svůj web cahcovací plugin
Cachovací pluginy můžou váš web drasticky zrychlit (v řádech násobků). Osobně doporučuji následující cache pluginy:
wp-rocket.me/
cs.wordpress.org/plugins/wp-s...
cs.wordpress.org/plugins/wp-f...
Tip č.4 Odstraňte zbytečné pluginy na webu
Pluginy jsou jako cihly v batohu. Pokud je váš web zatížený množstvím pluginů, zvyšuje se také šance, že bude pomalý. Přebytečné skripty a styly vám můžou s výkonem pěkně zatočit a strávíte více času při optimalizování WordPress webu. Snažte se využívat minimum pluginů, které zatěžují tzv. front-end webu, tozn. část webu, kterou vidí samotný návštěvník.
Tip č.5 Zvolte kvalitní webhosting
Kvalitní webhosting je základním stavebním kamenem každého webu.
Pro WordPress mohu doporučit následující webhostingy:
www.onebit.cz/cz/
www.active24.cz
www.vas-hosting.cz/
www.cesky-hosting.cz/
Tip č.6 Zjednodušte layout a omezte počet prvků na webu
Každý element na webu navíc (sekce, sloupec, ovládací prvek, widget) generuje kód a zvětšuje velikost stránky. Při vytváření WordPress webu pomocí vizuálních editorů jako je např. Elementor, nebo Divi je dobré toto mít na paměti. Snažte se web tvořit jednoduše a šetřete s widgety. Optimalizace webu na WordPressu pak bude o poznání jednodušší.
❓ Máš otázku, nebo potřebuješ poradit? Napiš pod video komentář a já ti zkusím co nejlépe pomoct.
━ ▼ KDO JSEM? ▼ ━
Ahoj! Jsem Ondra a naučím tě, jak si vytvořit vlastní web bez nutnosti programování. Web, který bude opravdu podle tebe, a za který se nebudeš muset stydět. I když nejsi ajťák, nebo webař.
Kromě návodů dokumentuji a sdílím svojí cestu jako podnikatel a Webdesigner na volné noze.
Na kanále rozebírám tyto témata: Tvorba webů, Wordpress, UX, UI design, Podnikání, Marketing. Pokud tě některé z témat zajímá, jsi tu správně!
❣️ Komentáře a zpěná vazba mi dávájí chuť točit! Udělej si prosím chvilku a napiš mi, co si myslíš o videu. Budu vděčný.
Blogpost na webu:
#wordpress #optimalizace #návod #tvorbawebu
Děkuji za videa, perfektní.
jsem rád, že pomáhají, díky za komentář! :)
Děkuju, skvělý obsah!
Díky! Jsem rád, že video pomohlo :)
super videa, díky!
Jsem rád, že pomáhají! Díky za komentář 👍😊
skvělé díky
Jsem rád, že video pomohlo. Díky za komentář 👍🙂
Ahoj Ondro! Projel jsem už téměř všechny tvé videa a musím ti za ně fakt poděkovat! Díky tobě jsem během pár dní spustil vlastní web a to jsem neměl vůbec žádnou předchozí zkušenost s Wordpressem. Ještě tam určitě musím přidat další obsah, ale už vím jak na to. Tvé videa jsou krásně strukturované a všechno je hezky vysvětleno krok po kroku. Klobouk dolů! Velmi jsi mi pomohl! Celkem mě překvapuje jak málo odběratelů máš na to jak kvalitní obsah produkuješ. Budu moc rád, když budeš v tvé tvorbě pokračovat i dále. Děkuji!
Ahoj Tome, mockrát díky za zpětnou vazbu!😉 Jsem rád, že videa pomáhají. Určitě se máš na co těšit, připravuji další videa :)
Přesně, proto miluji Ondřejovy videa! Neskutečně mi pomohly!
Díky
Díky :)
Rádo se stalo, díky za komentář! :)
Pozdravujem 😊
Díky za komentář, přeji prima den! :)
Fajn video diky
Díky za koment! 🙌
Zdravím a děkuji za informace.
Prosím natočil bys popis nastavení cashovacích pluginů, aby šla Astra s Woocommerce jako blesk? 👍
Ahoj díky za video, mohl bych poprosit jak odstranit/omezit javascripty? nebo je takové video natočeno? případně odkaz? nenašel jsem... na pc mám web optimalizovany na 95% a na mobilu jen 67%... dokážeš poradit? díky
Ahoj, v Elementoru se dá na layotu "nově" pracovat s kontejnery místo starého rozvržení na sloupce, což dává zase jiné a zajímavé možnosti, ale neudělá to v tom kódu právě zbytečný maglajz navíc? A co ty, zůstáváš u staré verze, nebo jsi už přešel na kontejnery?
Ahoj díky za komentář :) Uź dávno používám kontejnery, jsou skvělé. Ještě jsem na to ale neudělal bohužel video.
@@ondrej-dusek Okay, díky a video na kontejnery by bylo určitě fajn. ☺ Ještě otázka ohledně těch obrázků. Je dobré pro grafiku na web používat výhradně WEBP soubory? Kde je vhodné použití starých dobrých PNG a JEPG? U WEBP mě třeba docela štve, že si ho v prohlížeči fotek ve win prostě neotevřu 😅, i když je asi jen otázka času, kdy to půjde... 🤔
Zdravím a moc díky za skvělá videa! Jste něco jako spasitel ;-)! Dotaz: Prosím, dají se nějak jednoduše zoptimalizovat už nahrané obrázky na celém hotovém (ne ideálním) webu? Je jich tam celkem moc... Děkuji
Zdravím, Jane, díky za komentář a dotaz :). Jde to udělat celkem jednoduše, např. díky pluginu Smush: wordpress.org/plugins/wp-smushit/
Ahoj, je nějaký plugin, který dokáže udělat coming soon stránku, kde by zákazník mohl zanechat svůj email a poté co by vyšel drop třeba oblečení, tak by mu díky tomu přišel email, že může přijít na stránku a nakoupit? Něco ve stylu odpočtu ale místo odpočtu by tam byla pouze kolonka pro email?
Ahoj, děkuji za dotaz :) Zkus tenhle plugin (nevím jak moc dobré to bude po stránce deisgnu): wordpress.org/plugins/easy-pie-coming-soon/
Osobně bych to řešil např. vytvořením vlastní coming soon page přes elementor, přidal pole pro email a následně vše (každý požadavek ) přesměroval na tuto nově vytvořenou stránku.
Snad to pomůže. Kdyby něco, určitě se ozvi :)
Zdravím Ondro, projel jsem stránku PageSpeedem (btw čím to je, že ostatní weby typu např. Pingom mi ukazují slušné hodnocení, jen PageSpeed ne, ba naopka?) a ten mi dává totální bídu. Nějaké JavaScripty mě táhnou dolů neuvěřitelným způsobem.. Může to být tím, že web tvořím skrze šablonu (byť Astra) a jsou tam naloudované nějaké scripty, které třeba ani já nemusím používat? Vůbec netuším jak to identifikovat a smazat, nebo se toho jakkoliv zbavit..
Podle toho co koukám do těch výsledků co mi to vyplivnulo, tak to dost možná táhnou dolů CZcams videa, kterých je 5 na stránce vloženo. Jak si s tím poradit aniž bych se jich musel zbavovat?
Ahoj Ondro,
Vďaka tvojim videám sme sami vytvorili náš eshop. Trvalo to síce dlho, nie sme IT vzdelaní, ale pomaly to ide. Takže ďakujeme mnohokrát.
Radi by sme si nechali poradiť v jednej veci, ktorú vyriešiť nevieme. Pri registrácii zákazníka kliknutím na ikonu konta je presmerovany na brandstore/…. Pričom tam mame riadne nastavené web/my account/. Je to nejaká záhada, či niečo ľahko riešiteľné?
Zdravím, děkuji za dotaz. Takto z fleku bohužel nevím :( . Musel bych se na to mrknout. O jaký web se jedná?
Dobrý den,chtěl bych se zeptat jak dám na stránku abych viděl kolik lidí na ni koukalo děkuji za odpověď.
Zdravím, Rostislave, děkuji za dotaz🙂Pro smysluplné měření návštěvnosti mi přijde nejvhodnější na web nasadit Google Analytics: musilda.cz/jak-propojit-wordpress-s-google-analytics/
Já jsem pro Active24
🙌🙌