6 najčastejších chýb pri vytváraní webovej stránky
Meta názov a meta popis sú základom každej webovej stránky. Ale aj dnes narazím na stránky, ktoré vyzerajú takto:
Pri vytváraní webovej stránky vo WebWave nastavujete meta dáta v nastaveniach SEO. Každá podstránka musí obsahovať meta názov a vlastný meta popis.
2. Nedostatok optimalizácie obrazu
Niekedy sa pri prístupe na stránku zo smartphonu načítava navždy a namiesto posúvača obrázkov vidíte iba tri bodky, ktoré naznačujú, že posúvač niekde existuje ... Príčinou je nedostatok optimalizovaných obrázkov! Obrázok s rozlíšením 5 000 x 4 000 px váš web zabije.
Algoritmy spoločnosti Google v súčasnosti venujú veľkú pozornosť rýchlosti načítania stránok. Dôvodom je, že viac ako polovica sieťového prenosu pochádza z mobilných zariadení. Najjednoduchší spôsob, ako urýchliť fungovanie webu, je optimalizácia obrázkov. Skontrolujte veľkosť svojich obrázkov. Ak potrebujete obrázky zobrazené na šírku displeja, zvyčajne postačujú veľkosti Full HD 1920 x 1080. Ak sú obrázky menšie, upravte ich na veľkosť obrysu. Okrem toho môže byť každý obrázok „oslabený“ pomocou kompresora optymizilla: https://imagecompressor.com/
3. Nedostatok zhody prvkov webovej stránky
Ďalším problémom webových stránok je nedostatok poriadku a zhody. Stáva sa, že názvy webov majú rôzne písma. Farba prvkov a vzdialenosť od okrajov by mali byť odlišné. Text je niekedy príliš malý a niekedy príliš veľký.
Pred vytvorením stránky stojí za to ju naplánovať. Nastavuje typ a veľkosť písma, medzery medzi riadkami (vo WebWave môžete použiť nastavenie „Štýly textu“). Stojí za to vytvoriť farebnú paletu a vytvoriť rozloženie stránok. Plánovanie stránok vám pomôže vyhnúť sa neporiadku.
4. Príliš veľa obrázkov
Ďalej narazím na webové stránky, na ktorých máme neporiadok kvôli príliš veľkému počtu obrázkov. Predstavte si web futbalového tímu ... V pozadí máme obraz chlapcov vo farebných košeliach. Nad obrázkom na pozadí máme čierne alebo biele pole, malý obsah a nasledujúce obrázky, rovnakých chlapcov v rovnako farebných tričkách ... Ďalším príkladom je vytvorenie webovej stránky s pastelovými farbami a farebnými obrázkami.
Podľa môjho názoru grafický vzhľad vyjadruje viac ako 1 000 slov. Weby s krásnymi obrázkami priťahujú pozornosť, iba ak udržíme rovnováhu. Ak vám umiestnenie obrázka na webe nevyhovuje, stojí za to urobiť zmeny - otestujte niektoré filtre, pracujte s farbami, zmeňte pozadie. Ak nemáte vyvinutý vkus, inšpirujte sa - na Pintereste nájdete veľa zaujímavých nápadov.
5. Zverejnenie neúplnej webovej stránky
Stala sa mi takáto situácia: napísal som príspevok na veľmi zaujímavú tému, o užitočnom programe. Všetko som dobre popísal, splnil som metaúdaje. Ako to u freelancerov býva, skončil som neskoro v noci a text som nekontroloval, iba som ho zverejnil. Príspevok som si pripravil na „nasledujúci deň“ a myslel som si, že som skončil (pssst: vo WebWave môžete nastaviť automatické zverejnenie príspevku). O pár týždňov neskôr sa môj príspevok objavil vo výsledkoch vyhľadávača ... s gramatickými chybami v meta nadpise! Chybu som opravil za pár sekúnd, ale trvalo dlho, kým Google zmenil informácie zobrazené vo svojich výsledkoch.
Myslím si, že nikto nepochybuje o potrebe vytvoriť responzívny web. Viac ako polovica používateľov vyhľadáva informácie, kontroluje novinky a niektorí dokonca nakupujú pomocou mobilných zariadení. Google implementuje algoritmus „Mobile first“ a v budúcnosti budú responzívne verzie webov pre výsledky vyhľadávania ešte dôležitejšie.
Už vo fáze plánovania stránky stojí za zamyslenie, ako bude vyzerať jej responzívna verzia, ak je možné všetky prvky zredukovať alebo umiestniť na malú obrazovku, ak je tento spôsob umiestnenia informácií čitateľný.
Ak ste webovú stránku už vytvorili v príslušnej verzii - skontrolujte, či neobsahuje chyby. Vyskúšajte to na viacerých zariadeniach, uistite sa, že sa tlačidlá ľahko používajú, textové polia sa neprekrývajú. Skontrolujte, či je pomocou mobilného telefónu ľahké nájsť prístupovú cestu do sídla spoločnosti. Niekedy urobím triviálnu chybu: zabudnem zverejniť responzívnu verziu stránky v programe WebWave.
6. Odkazy, ktoré nefungujú
Úprimne povedané, nemal som v pláne o tomto písať, ale pred pár minútami som narazil na facebookovú stránku, ktorá nefunguje. Stojí za to skontrolovať odkazy, ktoré vedú na podstránky nášho webu, ako aj odkazy, ktoré vedú k odkazom mimo tohto webu. Osobne mám veľmi rád firemné fanpage, pokiaľ ide o interakciu s používateľmi a hodnotné príspevky.
Najčastejšie chyby pri vytváraní webovej stránky vo WebWave
1. Neoptimalizované obrázky bez popisov
O optimalizácii som písal vyššie, ale vo WebWave sa často stretávam s obrázkami s originálnymi názvami, napríklad b58.jpg. Táto chyba je v galériách veľmi častá.
2. Príliš veľa typov písma Google
V aplikácii WebWave môžete ľahko pridávať písma z katalógu Google Fonts. Najlepšie je obmedziť sa na 2–3 písma. Pridanie ďalších typov písma predlžuje čas načítania stránky.
3. Nastavenia e-mailovej adresy v kontaktnom formulári
Pred časom niekto použil moju šablónu pre architektov na vytvorenie mojej vlastnej webovej stránky. Bohužiaľ to nezmenilo e-mailovú adresu v nastaveniach formulára. Efekt bol nasledovný: dostal som viac ako desať testovacích správ s rôznou úrovňou agresie;). Autor bol bohužiaľ anonymný a nemohol som mu pomôcť.
4. Nedostatok skupín a vzťahov medzi nimi
Na weboch WebWave závislých od zariadenia sa stretnete s nasledujúcimi chybami: text pokrýva vyššie uvedený obsah alebo je vzdialenosť medzi prvkami príliš veľká. Tento problém je možné ľahko vyriešiť vytvorením skupín a nastavením vzťahov medzi skupinami.