TechnologieProsinec 9, 2021podle

Připravte se na spuštění svých webových stránek: Nezapomeňte na těchto 10 věcí!

Jaké věci musíte na svých webových stránkách před spuštěním ještě udělat?

Koupili jste si webovou doménu a vytvořili webové stránky - bravo! Než stisknete tlačítko pro spuštění a rozšíříte zprávu o svých nových webových stránkách, zkontrolujte následující věci, abyste dali svému projektu co největší šanci.

Níže jsou uvedeny některé tipy pro monitorování, optimalizaci a zabezpečení abyste zvýšili návštěvnost a poskytli návštěvníkům svých webových stránek co nejlepší zážitek:

  1. Google Analytics
  2. Konzola Google pro vyhledávání
  3. Cloudflare pro zabezpečení a rychlost
  4. SSL certifikát pro bezpečnost a důvěru návštěvníků
  5. Ukládání do mezipaměti kvůli výkonu
  6. Optimalizace a komprese obrázků
  7. Minifikace skriptů
  8. Kontrola nefunkčních odkazů
  9. Kontrola kanonických odkazů
  10. Záloha

Vysvětleme si jednotlivé body podrobněji:

1. Google Analytics pro sledování návštěvnosti

Analytické řešení je velmi snadné přidat na jakýkoli web a umožňuje sledovat návštěvnost všech stránek vašeho webu: zaznamenává, kolik návštěvníků máte, odkud přicházejí, z jakých stránek k vám přišli, které stránky navštěvují, kolik času stráví na každé stránce a mnoho dalšího!

Spuštění webových stránek bez řešení pro analýzu dopravy je jako řídit auto se zavázanýma očima: jste na silnici, ale netušíte, kam jedete. Nevíte, jak si vede vaše návštěvnost, zda mají publikované články a obsah nějaký efekt, ani jaký dopad mají vaše reklamní kampaně.

Bez analytického řešení ani nevíte, zda má vaše úsilí o SEO efekt.

Jedním z nejoblíbenějších a nejsnadněji instalovatelných řešení je Google Analytics - a je zdarma!

2. Konzola pro vyhledávání Google (dříve Nástroje pro webmastery)

Konzola Google Search Console umožňuje měřit výkon vyhledávače Google.

Pokud vám služba Google Analytics řekne, co se děje s návštěvníky vašeho webu, služba Google Search Console (dříve Webmaster Tools) vám řekne, kde se váš web ve vyhledávání Google nachází. Řekne vám, kolik stránek vašeho webu Google indexoval, podle jakých slov vás návštěvníci vyhledávají, jak často se objevujete ve výsledcích a které stránky vašeho webu jsou z hlediska organické návštěvnosti nejoblíbenější.

V konzole Google Search Console můžete také Googlu sdělit, kde má najít vaši mapu stránek, abyste mu pomohli objevit a indexovat stránky vašeho webu.

Pokud jde o technickou stránku, po autorizaci a přidání webu do služby Google Search Console začnete dostávat různá oznámení a upozornění o stavu webu, například když Google narazí na chyby na vašem serveru nebo když na webu objeví viry a škodlivý kód.

Poskytuje tipy, které vám pomohou usnadnit navigaci na webu v mobilních zařízeních, a ukazuje, které weby zveřejňují odkazy na váš web.

Službu Google Search Console lze také propojit se službou Google Analytics a zobrazit podrobnější přehledy přímo v rozhraní pro analýzu návštěvnosti.

Konzola Google Search Console je velmi cenný nástroj a doporučuji jej využít.

3. Cloudflare pro rychlost a bezpečnost

Cloudflare je společnost, která nabízí mnoho služeb zaměřených na zabezpečení webových stránek, přenos obsahu, rychlost a další.

Službu Cloudflare můžete na svých webových stránkách aktivovat zdarma, aniž byste museli provádět jakékoli změny na webu, a to přímo na adrese Úroveň DNS. Po aktivaci (trvá asi 10 minut) převezme Cloudflare zónu DNS a požadavky DNS.

Na oplátku získáte:

  • Ochrana: Protože zóna DNS bude řízena společností Cloudflare, IP adresa vašeho webu bude skrytá a nikdo nebude moci zjistit adresu vašeho serveru. Vaše stránky budou fungovat bez problémů, protože Cloudflare směruje provoz na server, aniž by odhalil jeho identitu, a tak boti, zlomyslní lidé uvidí místo adresy Cloudflare. Tímto způsobem vás chrání před některými útoky, které jsou zaměřeny přímo na server. Cloudflare vás také chrání před útoky DDoS (typ útoku, který zahlcuje server odesíláním tisíců požadavků za sekundu).
  • Rychlost: Cloudflare nabízí bezplatné ukládání statického obsahu (obrázky, HTML, CSS, kód Javascriptu) do mezipaměti přímo ve své distribuční síti (CDN). To znamená, že dosáhnete výrazné úspory šířky pásma - protože vaše obrázky a další statický obsah jsou na serverech Cloudflare v mnoha oblastech po celé planetě, vaši návštěvníci budou mít k těmto zdrojům přístup mnohem rychleji, ze serveru, který je jim blízký, a váš server bude volný a uvolněný. V době, kdy píšu tento článek, mám na serveru Cloudflare více než 50 webových stránek a většina z nich má úsporu šířky pásma 50% nebo více. Spravuji mnoho webů elektronických obchodů a všechny mají tisíce obrázků produktů. Úspora šířky pásma je obrovská!
  • Zabezpečení: Cloudflare nabízí bezplatný SSL certifikát pro celou doménu, který se automaticky obnovuje. Stačí jej aktivovat v administrátorském rozhraní a voilá! K vašemu webu lze přistupovat pomocí adresy https://. Proč je to dobré? Zaprvé, vaši návštěvníci budou mít větší jistotu, když uvidí, že se na vaše stránky přistupuje přes zabezpečené připojení. Od roku 2017 pak Google prohlásil, že bude zabezpečeným webům přikládat větší váhu ve výsledcích, a od roku 2018 dokonce zobrazuje v prohlížeči Chrome u webů bez SSL nálepku: nezabezpečený web. Protože je to tedy zdarma, nemusíte o tom ani přemýšlet! Dokonce ani nemusíte na svůj server nic instalovat!

4. SSL certifikát pro zabezpečení

Jak bylo uvedeno výše, společnost Google začala upřednostňovat webové stránky, které mají bezpečnostní certifikáty SSL, a na stránkách s výsledky zobrazuje vedle stránek, které SSL nemají, označení "nezabezpečené". Nevypadá to dobře, ale je to také bezpečnostní riziko pokračovat bez SSL na svých stránkách, zejména když ho můžete mít zdarma.

V roce 2019 se už nebudete muset vymlouvat, že nemáte SSL! A pokud nepřejdete na Cloudflare, můžete získat bezplatný certifikát SSL většina hostingových společností používá bezplatné certifikáty od společnosti Let's Encrypt. Můžete je nainstalovat několika kliknutími z hostitelského počítače, nebo pokud používáte například systém Windows, můžete si stáhnout malý software, který je snadno nainstaluje.

Nikdo vám samozřejmě nebrání zakoupit si certifikát SSL od autorizovaného prodejce (jako je např. GoDaddy, atd.) a jeho instalaci.

Po nastavení protokolu SSL nezapomeňte všechny stránky s verzí http:// přesměrovat na zabezpečenou verzi https://. Obvykle toho dosáhnete přidáním pravidel pro přesměrování na serveru nebo, pokud používáte službu Cloudflare, zaškrtnutím políčka "Vždy používejte https" v části Crypto v rozhraní Cloudflare.

5. Ukládání do mezipaměti pro rychlost webu

Využitím výhod ukládání do mezipaměti můžete snížit zatížení serveru. Pokud je váš web vytvořen ve WordPressu, můžete si nainstalovat mnoho modulů pro ukládání do mezipaměti, které mohou ušetřit procesor (Total Cache, WP Rocket atd.), ušetřit databázi spoustu dotazů atd.

Ukládání do mezipaměti funguje na mnoha úrovních, ale základní princip spočívá v tom, že při prvním přístupu návštěvníka na stránku, která má aktivní ukládání do mezipaměti, server vygeneruje tuto stránku dotazem do databáze, vygenerováním kódu HTML a zobrazením stránky návštěvníkovi. Současně však zásuvný modul cachování vytvoří statickou kopii již vygenerované stránky a uloží ji na disk (nebo do paměti serveru). Když je stránka znovu navštívena (stejným nebo jiným návštěvníkem), zásuvný modul najde stránku v mezipaměti a obsluhuje ji odtud, čímž ušetří serveru práci s generováním stránky.

To je základní princip a v závislosti na tom, jak složité jsou vaše stránky, může web vypadat, jako by létal!

Tento proces probíhá na pozadí, stačí se starat pouze o počáteční nastavení a mezipaměť se automaticky obnovuje, když provedete změny na stránkách nebo když vyprší jejich platnost.

6. Optimalizace a komprese obrazu

Vždy je dobré naplánovat a připravit si obrázky již v rané fázi tvorby webu - ušetříte si tak spoustu času, až přijde čas na spuštění webu. Vždy byste měli nahrávat optimalizované obrázky ve správné velikosti pro místo, kde je používáte. Není dobré nahrávat na server a webovou stránku obrovský obrázek, pokud potřebujete, aby pokrýval pouze čtvrtinu stránky.

Je také dobré předoptimalizovat a komprimovat obrázky před jejich nahráním, abyste zajistili co nejlepší poměr velikosti a velikosti. Existuje mnoho pluginů pro WordPress, které optimalizují a komprimují obrázky po jejich přidání na web, ale nejlepší je, když máte představu, kde bude každý obrázek použit, jak velký musí být, a nahrajete ho v této velikosti hned na začátku.

Obrázky výrazně prodlužují dobu načítání webových stránek a mohou spotřebovávat větší šířku pásma serveru, než je nutné. Pokud má váš hostingový účet stanoven limit šířky pásma (množství dat přenesených za měsíc), můžete jej vyčerpat mnohem rychleji, stačí jen několik příliš velkých obrázků, v závislosti na tom, jak velký provoz váš web zaznamenává.

Pokud používáte převážně obrázky JPEG, což je komprimovaný (ztrátový) formát, zjistili jsme, že velmi mírnou úpravou komprese/kvality můžete dosáhnout výrazné úspory šířky pásma.

Nedávno jsem tento poměr mezi velikostí a kvalitou zkoumal na několika webech e-commerce, které jsem vytvořil, a zjistil jsem, že obrázky produktů (které na některých webech dosahují až tisíců kusů) mají dobrou hodnotu.

Níže je uveden rozdíl ve velikosti souboru při změně komprese (kvality) obrázku z 90 (výchozí) na 70 a poté na 50.

Přestože velikost obrázku byla u výrobků velmi malá, hodnota 50 vedla k příliš špatné vizuální kvalitě obrázků, a tak jsem ji zvýšil na 70. Ale i při kvalitě 70 klesla šířka pásma spotřebovaná obrázky téměř o polovinu! Když to vynásobíte tisíci produkty, dosažená úspora a rozdíl v době načítání stránky je obrovský.

Jak vidíte níže, jakmile přejdete na kvalitu 70, velikost obrázku se výrazně zvětší. A při skoku kvality z 50 na 90 se velikost souboru obrázku více než zdvojnásobí!

Velikost při kvalitě 90 (v KB) Velikost při kvalitě 70 (v KB) Velikost při kvalitě 50 (v KB)
35.6 20.0 15.0
34.4 19.3 14.5
35.8 20.1 15.0
24.7 13.3 9.9
37.3 22.0 16.9
27.4 15.3 11.5
27.1 15.2 11.4
61.2 34.9 26.3
Celkem: 283.5 Celkem: 160.1 Celkem: 120.5

 

7. Minimalizace pro snížení velikosti skriptu

Minimalizace je proces zmenšování velikosti skriptových souborů (Javascript, soubory stylů CSS), které vaše webové stránky potřebují, aby se načítaly rychleji.

Můžete mít soubory CSS (pro stylování) nebo soubory Javascript (pro přidání animace nebo dynamické funkce a interakce). Při práci na webu mají tyto skripty obvykle pěkně uspořádaný kód s odrážkami, tabulátory, mezerami, více řádky, dlouhými názvy proměnných, které usnadňují úpravy, ale prohlížeče je ke správné interpretaci souborů a zobrazení stránky nepotřebují.

Minimalizací můžete automaticky odstranit tyto mezery, tabulátory, prázdné řádky., nahradit názvy proměnných krátkými, aniž by to mělo vliv na funkčnost. Díky tomuto procesu minimalizace mohou být soubory mnohem menší a následně se rychleji načítají.

Z důvodu efektivity může tento proces minimalizace probíhat na serveru (pro WordPress existují pluginy pro minimalizaci), ale lze jej provést také v programu/platformě, kterou používáte při vývoji webu. Pokud váš web využívá službu Cloudflare, může soubory minimalizovat přímo ze serveru, v okamžiku přístupu, aniž byste museli cokoli dělat.

Minimalizace skriptů zvyšuje skóre při analýze webu v testech, jako je Google Page Speed, GTMetrix nebo YSlow. Google také používá rychlost načítání stránek při určování toho, jak dobře se má váš web umístit na stránkách s výsledky vyhledávání. Stránky, které se rychle načítají, jsou pro Google dobře viditelné a vaši návštěvníci budou nadšeni.

Zde je příklad nastavení služby Cloudflare, které automaticky minimalizuje statické soubory na webu:

Příklad minifikace cloudflare

8. Kontrola nefunkčních odkazů

Někdy se mi při práci na webu stane, že jsem neorganizovaný. Většinu stránek vytvářím jako návrhy, prázdné, a pak je přepracovávám a vkládám na ně obsah. Často nechávám v obsahu dočasné odkazy, které nikam nevedou, s tím, že se k nim později vrátím a nahradím je před spuštěním webu. Někdy však zapomenu a může se stát, že na webu budou nefunkční odkazy.

Jindy zase nedostanu od klientů veškerý obsah a vytvořím prázdné stránky s dočasnými odkazy, abych se mohl věnovat svému podnikání. Samozřejmě se často stane, že si to klient rozmyslí nebo na něj zapomenu.

Bez ohledu na důvod může mít každý web nefunkční odkazy a chybějící stránky. Na první dojem to nevypadá dobře a není dobré je tak nechávat, a to nejen z hlediska komfortu návštěvníků, ale i z hlediska hodnocení ve vyhledávačích.

Proto před spuštěním (a v pravidelných intervalech po spuštění) kontroluji své webové stránky na nefunkční odkazy. Pokud nemáte mnoho stránek, můžete to udělat ručně, ale můžete některé odkazy omylem vynechat.

Nejlepší je použít softwarový nástroj zvaný "crawler" - software, který navštíví hlavní stránku webu, identifikuje všechny odkazy na této stránce, pak navštíví každý odkaz a provede totéž u každého z nich, dokud nevyčerpá všechny stránky a odkazy. Po prohledání celého webu vám poskytne zprávu o výsledcích a informuje vás, zda máte nějaké nefunkční odkazy, abyste je mohli opravit.

Mé oblíbené nástroje pro kontrolu nefunkčnosti odkazů jsou:

  • Xenu Link Sleuth - bezplatný program pro Windows, který zkontroluje jakýkoli odkaz na vašem webu - nejen stránky, ale i obrázky, rámy, pluginy, pozadí, soubory stylů atd. Během skenování generuje zprávy v reálném čase a na konci můžete zprávu uložit nebo odeslat e-mailem. Funguje také na webech zabezpečených protokolem https. Program je velmi malý a funguje ve všech verzích systému Windows od verze 95.
  • Křičící žába - online nástroj, který nabízí více než jen kontrolu nefunkčních odkazů. Bezplatná verze skenuje až 500 adres URL (což může stačit i v případě, že nemáte velké webové stránky). Pomůže vám také s některými tipy a nástroji pro optimalizaci pro vyhledávače, jako je identifikace duplicitního obsahu, analýza meta a title tagů, generování XML sitemapy a další.

Zde je příklad sestavy vygenerované programem Xenu Link Sleuth:

příklad xenu

9. Kontrola kanonických adres URL

Pokud máte na webu stránku, která je přístupná pod více než jednou adresou URL, nebo pokud máte různé stránky s různými adresami URL, ale stejným obsahem, jedná se o "duplicitní obsah". Vyhledávače tento obsah také identifikují a může to negativně ovlivnit výkonnost vašeho webu ve vyhledávačích.

Řekněme, že máte například stránku s kontakty, která je přístupná na následující adrese:

http://www.mysiteexample.com/contact

A na stejné stránce:

http://mysiteexample.com/contact

Možná řeknete: ale je to stejná adresa! Je to stejná stránka!

Ano, je to skutečně stejná stránka, ale můžete k ní přistupovat na verzi domény s "www" i bez "www". Pro Google se jedná o duplicitní stránku. "WWW" je pouze subdoména a je považována za jinou adresu.

Pokud Googlu přesně neřeknete, která verze vašich stránek je preferovaná (kanonická nebo oficiální), Google si vybere sám a jednu bude považovat za "kanonickou" a druhou bude ignorovat, nebo ještě hůře, obě bude považovat za stejně důležité. V takovém případě se "hodnota" SEO, kterou by získala kanonická stránka, rozdělí na dvě části - na každou verzi po jedné straně. To vede ke snížení důležitosti stránky kvůli různým odkazům, což končí tím, že si vaše stránky konkurují.

Zde se hodí "kanonický" odkaz - i když má váš web více stránek se stejným obsahem, které jsou přístupné na různých adresách URL, můžete v části stránek určit, kterou verzi preferujete ("kanonickou" verzi), například takto:

<link rel=”canonical” href=”http://mysiteexample.com/contact” />

Tato značka stačí k tomu, abyste vyhledávačům naznačili, že dáváte přednost tomu, aby stránku považovaly za "oficiální" verzi bez "www".

Pokud máte nastavenou konzolu Google Search Console, měli byste tam také přejít a zadat, kterou verzi preferujete, aby se hlášení, která tam obdržíte, týkala příslušné verze.

Více informací naleznete zde o kanonických adresách URL a další témata týkající se vylepšení vašich stránek a jejich co nejsnazšího indexování a pochopení vyhledávači.

Pokud na svých stránkách používáte WordPress, skvělým nástrojem pro optimalizaci pro vyhledávače je nástroj Zásuvný modul Yoast, který kromě optimalizačních funkcí, analýzy článků, analýzy klíčových slov atd. automaticky generuje tyto kanonické adresy URL na všech stránkách.

10. Zálohování webových stránek

Veškerá práce, kterou jste vložili do svých webových stránek, může přijít vniveč, pokud nemáte řešení zálohování nastavit. Nahráli jste obrázky, vytvořili stránky, nastavili zásuvné moduly a později se k nim dostane nějaký hacker, server se zhroutí nebo si sami něco rozbijete - pokud nemáte nedávnou zálohu, máte noc nebo dvě na to, abyste je ztratili, jinak riskujete, že nic nezískáte!

Proto se doporučuje, abyste si před spuštěním webu vytvořili zálohu. Je dobré ji mít již ve fázi sestavování.

Téměř každá hostingová společnost nabízí to či ono řešení zálohování, ať už v ceně, nebo za příplatek, v závislosti na předplatném. V závislosti na společnosti a výši poplatku se také liší frekvence, s jakou jsou tyto zálohy stránek prováděny - denně, každých několik hodin nebo týdně.

Přesto je dobré mít někde vlastní kopii. Svůj web můžete zálohovat přes FTP nebo pomocí různých zálohovacích nástrojů, jako je Syncback SE nebo Syncback Pro (který používám už léta na všechny své projekty).

Pokud je váš web vytvořen pomocí systému WordPress, velmi dobrým řešením pro zálohování je vytvoření bezplatného účtu na webu ManageWP platforma. Po připojení webu k ManageWP si můžete nastavit bezplatné (měsíční) nebo denní (placené) zálohování. V závislosti na vašich stránkách a na tom, jak často aktualizujete obsah, nemusí jedna záloha měsíčně stačit.

V aplikaci ManageWP můžete své stránky automaticky obnovit, a to buď na stejného hostitele, kterého jste měli poprvé, nebo na jiného hostitele, pokud chcete změnit hostingovou společnost.

Jako služba pro profesionály s více weby má ManageWP také další funkce, jako je centralizovaná kontrola aktualizací, komentářů, instalace modulů a další.

Dalším řešením zálohování, které používám, je automatické zálohování na Amazon S3 (k tomu můžete použít Syncback) nebo na jiný server FTP. Existuje mnoho pluginů pro Wordpress, které zálohují vaše stránky do služeb jako Dropbox, Google Drive, OneDrive atd.

Je však důležité mít na paměti, že z důvodu bezpečnosti a efektivity by se zálohování webu mělo provádět často (alespoň denně) a v odděleném umístění od místa, kde je umístěn samotný web.

Osobně dávám přednost zálohování na Amazon S3 pomocí aplikace Syncback Pro. Zálohování mohu nakonfigurovat tak, aby probíhalo denně a diferenciálně (zálohují se pouze změny, nikoli celý web). A pokud se jedná o velmi důležitý web a chci mít možnost flexibilně se vrátit ke starším verzím, mohu nastavit 7 záloh - jednu na každý den v týdnu. V této variantě, pokud se stane něco nežádoucího a já si to hned neuvědomím (třeba byl web infikován a já si toho nevšiml a v záloze byl uložen i škodlivý skript), mohu se vrátit o několik dní zpět.

Pro všechny své klienty mám denní úplné zálohy databáze. Pokud chci, mohu se vrátit k verzi staré několik měsíců. Velké společnosti ukládají i několikaleté zálohy webových stránek a databází. Vše záleží na tom, jak jsou data důležitá a jak velkou flexibilitu chcete mít při jejich vyhledávání.

Bonus: Nastavení odběru newsletteru

Tento poslední tip se týká spíše marketing nebo strategie než technické. Pokud spouštíte webové stránky z jiného důvodu než kvůli obrázkům koček, měli byste se vážně zabývat budováním webu. poštovní seznam.

Mnoho majitelů webových stránek (včetně mě) lituje, že nezačali sbírat e-mailové adresy od potenciálních zákazníků a návštěvníků stránek dříve. Někteří to dělají ještě před spuštěním webu.

Pokud si nyní začnete budovat e-mailový seznam, pomalu si vytvoříte své publikum - lidi, kteří se zajímají o VÁŠ obsah, VÁŠ aktualizace a to, co nabízíte. Osobní kontakt s vašimi fanoušky je velmi účinný.

Aniž byste byli nudní a vlezlí, můžete zákazníkům, kteří se dobrovolně přihlásili do vašeho e-mailového seznamu, posílat aktualizace, hodnotný obsah, tipy, nápady a proč ne i propagační akce a realizovat prodej přímo prostřednictvím e-mailu.

Rychlý způsob, jak začít budovat e-mailový seznam, je zaregistrovat se u e-mailové služby nebo ESP (Poskytovatel e-mailových služeb) (některé jsou zdarma, jiné placené), zadejte na webu formulář pro přihlášení k odběru a voila!

Závěr

Existuje mnoho dalších věcí, které můžete udělat, aby vaše webové stránky měly při spuštění maximální dopad, ale ty, které jsou popsány v tomto článku, patří mezi nejdůležitější a relativně snadno proveditelné.

Doporučuji, abyste je nenechávali neimplementované 6 měsíců po spuštění! Projít všechny kroky a implementovat je by vám nemělo zabrat více než 2 hodiny. Budete rádi, že jste to udělali.

HLEDÁTE PRODEJ ONLINE PODNIKU-3

Přihlásit

Registrovat

Obnova hesla

Zadejte uživatelské jméno nebo e-mailovou adresu, e-mailem obdržíte odkaz pro vytvoření nového hesla.