Pripravte sa na spustenie svojej webovej stránky: Nezabudnite na týchto 10 vecí!

Aké sú veci, ktoré ešte musíte urobiť na svojom webe pred jeho spustením?

Kúpili ste si webovú doménu a vytvorili webovú stránku – bravo! Predtým, ako stlačíte tlačidlo spustenia a budete šíriť novinky o svojej novej webovej stránke, skontrolujte nasledujúce veci, aby ste svojmu projektu dali tú najlepšiu šancu.

Nižšie uvádzame niekoľko tipov na monitorovanie, optimalizáciu a zabezpečenie, ktoré pomôžu vašej návštevnosti rásť a poskytnú návštevníkom vašich webových stránok tú najlepšiu skúsenosť:

1. Google Analytics
2. Google Search Console
3. Cloudflare pre bezpečnosť a rýchlosť
4. SSL certifikát pre bezpečnosť a dôveru návštevníkov
5. Ukladanie do vyrovnávacej pamäte pre výkon
6. Optimalizácia a kompresia obrazu
7. Minifikácia skriptov
8. Kontrola nefunkčných odkazov
9. Kanonická kontrola odkazu
10. Zálohovanie

Vysvetlime si každý bod podrobnejšie:

1. Google Analytics na sledovanie návštevnosti na vašich webových stránkach

Analytické riešenie je veľmi jednoduché pridať na akúkoľvek webovú stránku a umožňuje vám sledovať návštevnosť na všetkých stránkach vášho webu: zaznamenáva, koľko máte návštevníkov, odkiaľ prichádzajú, z ktorých stránok k vám prišli, ktoré stránky navštevujú, koľko času strávia na každej stránke a ešte viac!

Spustenie webovej stránky bez riešenia na analýzu návštevnosti je ako riadenie auta so zaviazanými očami: ste na ceste, ale netušíte, kam idete. Neviete, ako sa darí vašej návštevnosti, či majú články a obsah, ktorý publikujete, nejaký vplyv, ani vplyv vašich reklamných kampaní.

Bez analytického riešenia ani neviete, či má vaše SEO úsilie nejaký efekt.

Jedným z najobľúbenejších a ľahko inštalovateľných riešení je Google Analytics – a je zadarmo!

2. Google Search Console (predtým Nástroje správcu webu)

Google Search Console vám umožňuje merať výkonnosť vášho vyhľadávača Google

Ak vám služba Google Analytics povie, čo sa deje s návštevníkmi vašej lokality, konzola Google Search Console (predtým Nástroje správcu webu) vám povie, kde sa vaša lokalita nachádza v službe Google z hľadiska vyhľadávaní. Informuje o tom, koľko stránok na vašom webe Google zaindexoval, s akými slovami vás návštevníci nájdu, ako často sa zobrazujete vo výsledkoch a ktoré stránky na vašom webe sú najobľúbenejšie z hľadiska organickej návštevnosti.

Google Search Console vám tiež umožňuje povedať Googlu, kde má nájsť váš súbor Sitemap, aby mohol vyhľadávať a indexovať stránky vašej lokality.

Po technickej stránke po autorizácii a pridaní webu do služby Google Search Console začnete dostávať rôzne upozornenia a upozornenia týkajúce sa „zdravia“ vášho webu, napríklad keď Google narazí na chyby na vašom serveri alebo keď objaví vírusy a škodlivého kódu na vašej stránke.

Poskytuje tipy, ktoré vám pomôžu uľahčiť navigáciu na vašich stránkach na mobilných zariadeniach, a ukáže vám, ktoré stránky uverejňujú odkazy na vašu stránku.

Google Search Console je možné prepojiť aj so službou Google Analytics, aby ste videli podrobnejšie prehľady priamo v rozhraní analýzy návštevnosti.

Google Search Console je veľmi cenný nástroj a odporúčam vám ho využiť.

3. Cloudflare pre rýchlosť a bezpečnosť

Cloudflare je spoločnosť, ktorá ponúka množstvo služieb zameraných na bezpečnosť webových stránok, prenos obsahu, rýchlosť a ďalšie.

Cloudflare si môžete bezplatne aktivovať na svojom webe, bez akýchkoľvek zmien na webe, priamo na úrovni DNS . Keď ho aktivujete (trvá to asi 10 minút), Cloudflare prevezme zónu DNS a požiadavky DNS.

Na oplátku získate:

• Ochrana: Keďže zóna DNS bude kontrolovaná Cloudflare, IP adresa vášho webu bude skrytá a nikto nebude môcť zistiť adresu vášho servera. Vaša stránka bude bežať hladko, pretože Cloudflare smeruje prenos na server bez odhalenia jeho identity, a tak roboti, zlomyseľní ľudia namiesto toho uvidia adresu Cloudflare. Týmto spôsobom vás chráni pred určitými útokmi, ktoré sú zamerané priamo na server. Cloudflare vás tiež chráni pred útokmi DDoS (typ útoku, ktorý zahltí server odosielaním tisícok požiadaviek za sekundu).
• Rýchlosť: Cloudflare ponúka bezplatné ukladanie do vyrovnávacej pamäte pre váš statický obsah (obrázky, HTML, CSS, kód Javascript) priamo v ich distribučnej sieti (CDN). To znamená, že uvidíte značné úspory šírky pásma – pretože vaše obrázky a iný statický obsah je na serveroch Cloudflare v mnohých regiónoch po celej planéte, vaši návštevníci budú môcť pristupovať k týmto zdrojom oveľa rýchlejšie, zo servera v ich blízkosti a vášho servera. bude voľný a uvoľnený. Keď píšem tento článok, mám na Cloudflare viac ako 50 webových stránok a väčšina z nich má úsporu šírky pásma 50 % alebo viac. Spravujem mnoho stránok elektronického obchodu a všetky majú tisíce obrázkov produktov. Úspora šírky pásma je obrovská!
• Zabezpečenie: Cloudflare ponúka bezplatný certifikát SSL pre celú doménu, ktorý sa automaticky obnovuje. Všetko, čo musíte urobiť, je aktivovať ho v správcovskom rozhraní a voilá! Na vašu stránku je možné pristupovať pomocou https://. Prečo je to dobrá vec? Po prvé, vaši návštevníci budú mať väčšiu istotu, keď uvidia, že na vašu stránku sa pristupuje cez zabezpečené pripojenie. Potom, od roku 2017, Google povedal, že zabezpečeným stránkam prisúdi väčšiu váhu vo výsledkoch a od roku 2018 dokonca zobrazuje v prehliadači Chrome vedľa stránok bez SSL štítok: nezabezpečená stránka. Takže, byť slobodný, na to ani nemusíte myslieť! Nemusíte dokonca nič inštalovať na váš server!

4. SSL certifikát pre bezpečnosť (vašej webovej stránky)

Ako je uvedené vyššie, Google začal uprednostňovať webové stránky, ktoré majú bezpečnostné certifikáty SSL, a na stránkach s výsledkami zobrazuje označenie „nezabezpečené“ vedľa stránok, ktoré nemajú SSL. Nevyzerá to dobre, ale je to aj bezpečnostné riziko, ak na svojom webe budete pokračovať bez protokolu SSL, najmä ak ho môžete mať zadarmo.

Už žiadne výhovorky v roku 2019, že nemáte SSL! A ak nemigrujete na Cloudflare, môžete získať bezplatný certifikát SSL u väčšiny hostingových spoločností, ktoré používajú bezplatné certifikáty od Let's Encrypt. Môžete ich nainštalovať niekoľkými kliknutiami z vášho hostiteľa, alebo ak ste napríklad v systéme Windows, môžete si stiahnuť malý softvér, ktorý ho jednoducho nainštaluje.

Samozrejme, nikto vám nebráni kúpiť si SSL certifikát od autorizovaného predajcu (napríklad GoDaddy a pod.) a nainštalovať si ho.

Po nastavení SSL nezabudnite presmerovať všetky stránky s verziou http:// na zabezpečenú verziu https://. Zvyčajne to dosiahnete pridaním pravidiel presmerovania na svoj server alebo, ak používate Cloudflare, začiarknite možnosť „ Vždy používať https “ v sekcii Crypto v rozhraní Cloudflare.

5. Ukladanie do vyrovnávacej pamäte pre rýchlosť webu

Využitím výhod ukladania do vyrovnávacej pamäte môžete znížiť zaťaženie svojho servera. Ak je vaša stránka postavená na WordPress, môžete si nainštalovať veľa modulov vyrovnávacej pamäte, ktoré môžu šetriť CPU (Total Cache, WP Rocket atď.), Uložiť vašu databázu veľa dopytov atď.

Ukladanie do vyrovnávacej pamäte funguje na mnohých vrstvách, ale základným princípom je, že keď návštevník prvýkrát vstúpi na stránku, ktorá má aktívne ukladanie do vyrovnávacej pamäte, server vygeneruje túto stránku dotazom v databáze, vygenerovaním kódu HTML a zobrazením stránky návštevníkovi. Zároveň však modul vyrovnávacej pamäte vytvorí statickú kópiu už vygenerovanej stránky a uloží ju na disk (alebo do pamäte servera). Keď je stránka znova navštívená (rovnakým návštevníkom alebo iným návštevníkom), doplnok nájde stránku uloženú vo vyrovnávacej pamäti a odošle ju odtiaľ, čím šetrí server od ďalšej práce na generovaní stránky.

Toto je základný princíp a v závislosti od toho, aké zložité sú vaše stránky, môže web vyzerať ako lietajúci!

Tento proces prebieha na pozadí, musíte sa starať iba o počiatočné nastavenie a vyrovnávacia pamäť sa automaticky obnoví, keď vykonáte zmeny na stránkach alebo keď vyprší ich platnosť.

6. Optimalizácia a kompresia obrazu

Vždy je dobré naplánovať a pripraviť svoje obrázky na začiatku fázy tvorby webovej stránky – ušetrí vám to veľa času, keď je čas spustiť vašu stránku. Vždy by ste mali nahrať optimalizované obrázky v správnej veľkosti pre miesto, kde ich používate. Nie je dobré nahrať veľký obrázok na server a webovú stránku, ak potrebujete, aby pokryl iba štvrtinu stránky.

Je tiež dobré obrázky pred odovzdaním vopred optimalizovať a komprimovať, aby ste zaistili, že budú mať najlepší pomer veľkosti k veľkosti. Existuje veľa doplnkov pre WordPress, ktoré optimalizujú a komprimujú obrázky po ich pridaní na stránku, ale najlepšie je, keď máte predstavu, kde sa ktorý obrázok použije, aký veľký musí byť a nahráte ho v tejto veľkosti od začiatku. .

Obrázky výrazne zvyšujú čas načítania vašej webovej stránky a môžu spotrebovať väčšiu šírku pásma servera, ako je potrebné. Ak má váš hostingový účet limit šírky pásma (množstvo dát prenesených za mesiac), môžete využiť šírku pásma oveľa rýchlejšie s príliš veľkým počtom obrázkov v závislosti od návštevnosti vašej stránky.

Ak používate prevažne obrázky JPEG, čo je komprimovaný (stratový) formát, zistili sme, že veľmi miernym nastavením kompresie/kvality môžete dosiahnuť značné úspory šírky pásma.

Nedávno som študoval tento pomer veľkosti a kvality na niekoľkých stránkach elektronického obchodu, ktoré som vytvoril, a našiel som dobrú hodnotu pre obrázky produktov (ktoré na niektorých stránkach môžu byť v tisícoch).

Nižšie nájdete rozdiel vo veľkosti súboru pri zmene kompresie obrazu (kvalita), od 90 (predvolené), po 70 a potom až po 50.

Hoci veľkosť obrázka bola na produktoch veľmi malá, hodnota 50 viedla k obrazom príliš nízkej kvality, a tak som ju zvýšil na 70. Ale aj pri kvalite 70 klesla šírka pásma spotrebovávaná obrázkami takmer o polovicu! Ak to vynásobíte tisíckami produktov, dosiahnuté úspory a rozdiel v čase načítania stránky sú obrovské.

Ako môžete vidieť nižšie, akonáhle prejdete na kvalitu 70, veľkosť obrázka sa dramaticky zväčší. A pri skoku v kvalite z 50 na 90 sa veľkosť súboru obrázka viac ako zdvojnásobí!

7. Minimalizácia na zníženie veľkosti skriptu

Minimalizácia je proces zmenšovania veľkosti súborov skriptov (Javascript, CSS štýly), ktoré váš web potrebuje, aby sa načítali rýchlejšie.

Môžete mať súbory CSS (na úpravu štýlu) alebo súbory Javascript (na pridanie animácie alebo dynamickej funkcie a interakcie). Keď pracujete na stránke, tieto skripty majú zvyčajne pekne usporiadaný kód s odrážkami, tabulátormi, medzerami, viacerými riadkami, dlhými názvami premenných, ktoré uľahčujú úpravu, ale prehliadače ich nepotrebujú na správnu interpretáciu súborov a zobrazenie stránky. .

Minimalizáciou môžete automaticky odstrániť tieto medzery, tabulátory, prázdne riadky , nahradiť názvy premenných krátkymi bez ovplyvnenia funkčnosti. Tento proces minimalizácie môže výrazne zmenšiť súbory a následne rýchlejšie načítať.

Kvôli efektívnosti môže tento proces minimalizácie prebiehať na serveri (existujú pluginy pre WordPress na minimalizáciu), ale dá sa to urobiť aj v programe/platforme, ktorú používate pri vývoji stránky. Ak má váš web Cloudflare, môže minifikovať súbory priamo zo servera v čase prístupu bez toho, aby ste museli čokoľvek robiť.

Minimalizácia skriptov zvyšuje skóre, keď testy ako Google Page Speed, GTMetrix alebo YSlow analyzujú váš web. Google tiež používa rýchlosť načítania stránky pri určovaní toho, ako dobre by sa mala vaša stránka umiestniť na stránkach s výsledkami vyhľadávania. Stránky, ktoré sa načítavajú rýchlo, Google dobre vidí a vaši návštevníci budú nadšení.

Tu je príklad nastavenia v Cloudflare, ktoré automaticky minimalizuje statické súbory na vašom webe:

8. Skontrolujte nefunkčné odkazy

Niekedy som pri práci na stránke neorganizovaný. Väčšinu strán vytvorím ako koncepty, prázdne a potom ich prepracujem a vložím na ne obsah. V obsahu často nechávam dočasné odkazy, ktoré nikam nevedú, s úmyslom vrátiť sa neskôr a nahradiť ich pred spustením stránky. Niekedy však zabudnem a môžem skončiť s nefunkčnými odkazmi na stránke.

Inokedy nedostávam všetok obsah od klientov a vytváram prázdne stránky s dočasnými odkazmi, len aby som mohol pokračovať v podnikaní. Samozrejme, často si to klient rozmyslí alebo na nich zabudnem.

Bez ohľadu na dôvod, každý web môže mať nefunkčné odkazy a chýbajúce stránky. Na prvé dojmy to nevyzerá dobre a nie je dobré ich tak nechať, z pohľadu zážitku návštevníkov ale aj hodnotenia vo vyhľadávačoch.

Preto pred spustením (a v pravidelných intervaloch po spustení) kontrolujem svoj web, či nemám nefunkčné odkazy. Môžete to urobiť ručne, ak nemáte veľa stránok, ale môžete omylom vynechať niektoré odkazy.

Najlepšie je použiť softvérový nástroj nazývaný „crawler“ – softvér, ktorý navštívi hlavnú stránku lokality, identifikuje všetky odkazy na tejto stránke, potom navštívi každý odkaz a urobí to isté na každom z nich, kým nevyčerpá všetky stránky a odkazy. Po naskenovaní celej lokality vám poskytne správu o výsledkoch a upozorní vás, či máte nejaké nefunkčné odkazy, aby ste ich mohli opraviť.

Moje obľúbené nástroje na kontrolu, či máte nefunkčné odkazy, sú:

• Xenu Link Sleuth – bezplatný program pre Windows, ktorý skontroluje akýkoľvek odkaz na vašom webe – nielen stránky, ale aj obrázky, rámy, doplnky, pozadia, šablóny so štýlmi atď. Počas skenovania generuje správy v reálnom čase a na konci si môžete správu uložiť alebo poslať e-mailom. Funguje aj na zabezpečených stránkach https. Program je veľmi malý a funguje na všetkých verziách Windows od 95 vyššie.
• Screaming Frog – online nástroj, ktorý ponúka viac než len kontrolu nefunkčných odkazov. Bezplatná verzia skenuje až 500 adries URL (čo môže dokonca stačiť, ak nemáte veľkú webovú stránku). Pomôže vám tiež s niektorými tipmi a nástrojmi na optimalizáciu pre vyhľadávače, ako je identifikácia duplicitného obsahu, analýza metaznačiek a značiek názvu, generovanie máp stránok XML a ďalšie.

Tu je príklad správy vygenerovanej z Xenu Link Sleuth:

9. Skontrolujte kanonické adresy URL

Ak máte na svojom webe stránku, na ktorú je možné pristupovať pomocou viac ako jednej adresy URL, alebo ak máte rôzne stránky s rôznymi adresami URL, ale rovnakým obsahom, máte „duplicitný obsah“. Vyhľadávače tiež identifikujú tento obsah a to môže negatívne ovplyvniť výkonnosť vašej stránky vo vyhľadávačoch.

Povedzme napríklad, že máte kontaktnú stránku prístupnú na nasledujúcej adrese:

http://www.mysiteexample.com/contact

A tá istá stránka na:

http://mysiteexample.com/contact

Možno si poviete: ale to je tá istá adresa! Je to tá istá stránka!

Áno, je to skutočne tá istá stránka, ale máte k nej prístup vo verzii domény s „www“ a bez „www“. Pre Google ide o duplicitnú stránku. „WWW“ je len subdoména a považuje sa za inú adresu.

Ak spoločnosti Google nepoviete presne, ktorá je preferovaná (kanonická alebo oficiálna) verzia vašich stránok, Google si vyberie sám, pričom jednu bude považovať za „kanonickú“ a druhú bude ignorovať, alebo ešte horšie, pričom obe bude považovať za rovnako dôležité. V tomto prípade sa „hodnota“ SEO, ktorú dostane kanonická stránka, rozdelí na dve – pre každú verziu po jednej strane. To vedie k zníženiu dôležitosti stránky kvôli rôznym odkazom, čo vedie k tomu, že vaše stránky súperia samy so sebou.

Tu sa hodí „kanonický“ odkaz – aj keď má vaša lokalita viacero stránok s rovnakým obsahom, ktoré sú prístupné na rôznych adresách URL, môžete zadať časť stránok, ktorú verziu uprednostňujete ("kanonická" verzia), takto:

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

Táto značka je dostatočná na to, aby naznačila vyhľadávacím nástrojom, že uprednostňujete, aby stránka považovala verziu bez „www“ za „oficiálnu“.

Okrem toho, ak máte nastavenú službu Google Search Console, mali by ste tam tiež ísť a určiť, ktorú verziu uprednostňujete, aby tam prijaté prehľady boli pre príslušnú verziu.

Tu si môžete prečítať viac o kanonických adresách URL a ďalších témach týkajúcich sa zlepšovania vašej lokality a čo najjednoduchšieho indexovania a porozumenia vyhľadávacím nástrojom.

Ak na svojom webe používate WordPress, skvelým nástrojom na optimalizáciu pre vyhľadávače je doplnok Yoast , ktorý okrem optimalizačných funkcií, analýzy článkov, analýzy kľúčových slov a podobne automaticky generuje tieto kanonické adresy URL na všetkých stránkach.

10. Zálohovanie webových stránok

Ak nemáte nastavené záložné riešenie, Odovzdali ste obrázky, vytvorili stránky, nastavili pluginy a neskôr k tomu získa prístup nejaký hacker, server spadne alebo niečo sami pokazíte – ak nemáte nedávnu zálohu , máte noc alebo stratíte dva, inak riskujete, že nič nezískate!

Preto sa odporúča, aby ste si pred spustením stránky vytvorili zálohu. Je dobré mať to hneď od fázy budovania.

Takmer každá hostingová spoločnosť ponúka jedno alebo druhé riešenie zálohovania, či už zahrnuté v cene alebo za príplatok, v závislosti od vášho predplatného. V závislosti od spoločnosti a sumy, ktorú platíte, sa tiež líši frekvencia zálohovania stránok – denne, každých pár hodín alebo týždenne.

Stále je dobré mať niekde vlastnú kópiu. Svoju stránku môžete zálohovať cez FTP alebo pomocou rôznych zálohovacích nástrojov ako Syncback SE alebo Syncback Pro (ktoré roky používam na všetkých svojich projektoch).

Ak je váš web vytvorený pomocou WordPress, veľmi dobrým riešením zálohovania je vytvoriť si bezplatný účet na ManageWP . Po pripojení webu k ManageWP si môžete nastaviť bezplatné (mesačné) alebo denné (za poplatok) zálohy. V závislosti od vašej lokality a toho, ako často aktualizujete obsah, jedna záloha za mesiac nemusí stačiť.

Z ManageWP môžete svoju stránku obnoviť automaticky, buď na rovnakého hostiteľa, ktorého ste mali prvýkrát, alebo na iného hostiteľa, ak chcete zmeniť hostingovú spoločnosť.

Ako služba pre profesionálov s viacerými lokalitami má ManageWP aj ďalšie funkcie, ako je centralizované ovládanie aktualizácií, komentárov, inštalácia modulov a ďalšie.

Ďalším zálohovacím riešením, ktoré používam, je automatické zálohovanie na Amazon S3 (na to môžete použiť Syncback) alebo na iný FTP server. Existuje veľa doplnkov pre wordpress, ktoré zálohujú vaše stránky do služieb ako Dropbox, Disk Google, OneDrive atď.

Je však dôležité zapamätať si, že z dôvodu bezpečnosti a efektívnosti by sa zálohovanie lokality malo vykonávať často (aspoň denne) a na oddelenom mieste, ako je hosťovaná samotná lokalita.

Osobne preferujem zálohovanie na Amazon S3 pomocou Syncback Pro. Môžem nakonfigurovať zálohovanie tak, aby sa spúšťalo denne, rozdielne (zálohujú sa iba zmeny, nie celý web). A ak je to veľmi dôležitá stránka a chcem, aby sa flexibilita vrátila späť na staršie verzie, môžem nastaviť 7 záloh – jednu na každý deň v týždni. V tomto variante, ak sa stane niečo nežiaduce a ja si to hneď neuvedomím (možno bola stránka infikovaná a ja som si to nevšimol a v zálohe bol uložený aj škodlivý skript), môžem sa vrátiť o pár dní späť.

Pre všetkých mojich klientov mám denné, plné, zálohy databázy. Ak chcem, môžem sa vrátiť k verzii spred niekoľkých mesiacov. Veľké spoločnosti dokonca uchovávajú roky záloh webových stránok a databáz. Všetko závisí od toho, aké dôležité sú údaje a akú flexibilitu chcete mať pri získavaní údajov.

Bonus: Nastavte si odber bulletinu

Tento posledný tip je viac v oblasti marketingu alebo stratégie ako technickej. Ak spúšťate webovú stránku z akéhokoľvek iného dôvodu, ako sú obrázky mačiek, mali by ste to s vytvorením zoznamu adresátov .

Mnohí vlastníci webových stránok (vrátane mňa) ľutujú, že nezačali zhromažďovať e-mailové adresy od potenciálnych zákazníkov a návštevníkov stránok skôr. Niektorí to robia ešte pred spustením stránky.

Ak teraz začnete vytvárať zoznam e-mailov, pomaly si vybudujete SVOJU publiku – ľudí, ktorí sa zaujímajú o VÁŠ obsah, VAŠE aktualizácie a o to, čo ponúkate. Osobný kontakt s vašimi fanúšikmi je veľmi efektívny.

Bez toho, aby ste boli nudní a rušiví, môžete zákazníkom, ktorí sa ochotne prihlásili na odber vášho zoznamu e-mailov, posielať aktualizácie, hodnotný obsah, tipy, nápady a, prečo nie, propagačné akcie a uskutočňovať predaj priamo prostredníctvom e-mailu.

Rýchlym spôsobom, ako začať vytvárať zoznam e-mailov, je zaregistrovať sa v e-mailovej službe alebo ESP ( poskytovateľ e-mailových služieb ) (niektoré sú bezplatné, niektoré platené), zadať na webovej stránke formulár predplatného a voila!

Záver

Existuje mnoho ďalších vecí, ktoré môžete urobiť, aby mal váš web maximálny vplyv pri spustení, ale tie, ktoré sú popísané v tomto článku, patria medzi najdôležitejšie a relatívne ľahko implementovateľné.

Odporúčam vám ich nenechávať neimplementované 6 mesiacov po spustení! Prejdenie všetkých krokov a ich implementácia by vám nemala zabrať viac ako 2 hodiny. Budete radi, že ste to urobili.