Optimalizácia pre vyhľadávače (SEO)
Pre optimalizáciu stránok pre vyhľadávače odporúčame v administrácií v sekcii Podpora / Marketing, prečítať si nápovedy k položkám, a prípadne vylepšiť a zaškrtnúť si tie, ktoré doteraz Vaše stránky nespĺňajú. Viac informácií nájdete v nápovede danej sekcie. Väčšina sa generuje alebo sú nastavené automaticky, pre zlepšenie účinku SEO optimalizácie je možné si určité položky doladiť ručne (title, description, keywords).
Titulný názov (title)#
Titulný názov aktuálnej stránky. Jedná sa o HTML tag meta s menom "title", ktorý by mal predstavovať názov aktuálnej stránky, tj. názov článku, produktu, kategórie, menu položky, atď. Ak v položke (článok, produkt, ...) nie je pole "Titulný názov (title)" zadané, daný text sa automaticky generuje z názvu položky. Pole "Titulný názov (title)" je pre vyhľadávače jeden z najdôležitejších prvkov, ktorý má vplyv na bodovaní dôležitosti webu. Daný parameter je možné si manuálne upravovať, v jednotlivých položkách v záložke SEO.
Krátky popis (description)#
Krátky popis aktuálnej stránky. Jedná sa o HTML tag meta s menom "description", ktorý by mal poskytovať stručný popis obsahu aktuálnej stránky, tj. popis článku, produktu, kategórie, menu položky, atď. Meta popis "Popis (description)" je bežne využívaný vyhľadávačmi (Google, Seznam, Bing, ...) pre náhľad vo výsledkoch vyhľadávania konkrétnej stránky. Vo väčšine vyhľadávačov v súčasnosti nemá veľký vplyv na bodovanie dôležitosti webu. Ak v položke (článok, produkt, ...) nie je pole "Popis (description)" zadané, daný text sa automaticky generuje z popisu položky. Dané pole je možné si manuálne upravovať, v jednotlivých položkách v záložke SEO. Dĺžka textu v poli "Popis (description)" by nemala presiahnuť 160 znakov.
Kľúčové slová (keywords)#
Kľúčové výrazy aktuálnej stránky. Jedná sa o HTML tag meta s menom "keywords". Automatické generovanie názvov článkov, produktov, menu položiek, kategórií či ich popisu do tagu "Kľúčové slová (keywords)". Daný parameter je možné si manuálne upravovať, v jednotlivých položkách v záložke SEO. Daný parameter už nie je pre vyhľadávače (Google, Bing, Seznam, ...) tak dôležitý ako kedysi, keďže stránky skôr indexujú na základe iných parametrov (hlavne obsahu stránky). Napriek tomu daný parameter môžu využívať iné systémy získavajúce informácie o stránkach. Z hľadiska SEO optimalizácie tak odporúčame venovať sa skôr iným parametrom ako vypĺňaniu kľúčových slov.
Nadpisy (headings)#
Štruktúrované nadpisy článkov, názvov produktov, kategórií a menu položiek. Systém automaticky všetky hlavné nadpisy a podnadpisy generuje práve do HTML tagov H1, H2, ..., pričom pre články si požadované generovanie môžete nastaviť v sekcii Nastavenia / Web v záložke Články v položkách "Nadpisy zoznamu článkov" a "Nadpisy detailu článkov".
Popisy obrázkov (alt atribút)
Alternatívny popis obrázku pre roboty a vyhľadávače (Google, Seznam, Bing, ...), alebo pre čítačky pre ľudí so zrakovým znevýhodnením. Systém automaticky pridáva HTML alt atribút pre všetky obrázky, ktorých URL adresu na obrázok alebo samotný obrázok ste nastavili natívne (hlavné obrázok článku, produktové obrázky, obrázky v doplnkoch ako Banner, Obrázky, Dynamický banner, Bočný billboard, Novinky, Udalosti a v mnohých ďalších doplnkoch a sekciách systému). Niektoré obrázky položiek (napr. aj produkty) poskytujú možnosť vlastného nastavenia alt atribútu, pričom pri ostatných sa daná hodnota automaticky generuje na základe názvu položky. V prípade obrázkov, ktoré vkladáte do editora textu (napr. detail článku, rozšírený popis produktu, atď.) je nutné pre obrázky alt atribút nastaviť manuálne práve nástrojmi v editore textu. Rovnako je to aj pri obrázkoch, ktoré do stránok vkladáte ako surový HTML kód (Externý modul, Externý obsah, Externé pluginy). Ak nájdete na stránke obrázky, ktoré alt tribút nemajú, môžete kontaktovať našu technickú podporu, nech daný prvok preveria.
URL adresy
Tzv. Friendly URL, Clean URL alebo Pretty URL sú čitateľné, jednoduché a zrozumiteľné adresy webových stránok, ktoré nahrádzajú technické alebo neprehľadné URL plné parametrov. Systém generuje pekné URL adresy automaticky z názvov položiek a to pre všetky typy stránok (články, produkty, menu položky, kategórie), pričom prostredníctvom položky "Vlastná URL adresa" je možné si nastaviť aj vlastnú URL adresu. Daný parameter je možné si manuálne upravovať, v jednotlivých položkách v záložke SEO. Pre niektoré vyhľadávače je to jedno z hodnotenia relevantnosti stránok. Zároveň sú adresy čitateľnejšie a lepšie zapamätateľnejšie pre užívateľov stránok napríklad aj pri hľadaní v histórii, či ľahšie zdolateľnejšie.
Mapa stránok (sitemap.xml)
Sitemap XML alebo aj mapa stránok, respektíve zoznam dostupných URL adries nachádzajúcich sa na stránkach. Jedná sa o pomocný XML súbor "sitemap.xml" pre vyhľadávače (Google, Seznam, Bing, ...) umiestnený v koreňovom adresári stránok (https://www.vasadomena.sk/sitemap.xml). Upozorňujeme, že nie všetky zadané URL adresy v súbore XML budú vyhľadávačom zaindexované, keďže primárne vyhľadávač indexuje na základe určených techník, ktoré má (pagerank, srank,...). Podrobné informácie ohľadom indexovania stránok nájdete v samotných nástrojoch jednotlivých vyhľadávačov (Google Search Console, atď.). Napriek tomu, že súbor sitemap XML sa generuje automaticky v určitých intervaloch, je možné ho manuálne znovu-vygenerovať v sekcii Nastavenia / Web v záložke Nástroje v položke "Aktualizovať sitemap".
Pravidlá pre robotov (robots.txt)
Robots TXT je textový súbor "robots.txt" uložený v koreňovom adresári stránok (https://www.vasadomena.sk/robots.txt), pomocou ktorého je možné zakázať robotom alebo vyhľadávačom prístup k určitým súborom alebo adresárom, ktoré nechcete, aby vyhľadávač indexoval. V súbore sa tiež automaticky generuje URL adresa na "sitemap.xml". Predvolene je zadaná relatívna URL adresa k súboru sitemap "Sitemap: sitemap.xml", odporúča sa však túto hodnotu zadávať v absolútnom tvare, teda Sitemap: https://www.vasadomena.sk/sitemap.xml. Súbor "robots.txt" je možné upravovať v sekcii Nastavenia / Web v záložke Nastavenia sekcií v položke "Robots.txt".
Canonical
HTML tag link s atribútom canonical slúži na určenie preferovanej (kanonickej) verzie stránky, ak existuje viacero URL adries s rovnakým alebo veľmi podobným obsahom. Pomocou HTML tagu link v hlavičke dokumentu dávame vyhľadávačom najavo, ktorá adresa má byť považovaná za hlavnú. Tým sa predchádza problémom s duplicitným obsahom a rozdelením hodnotenia stránky medzi viaceré URL, čo pomáha zlepšiť SEO a sústrediť vyhľadávač na jednu, správnu verziu stránky.
Alternate
HTML tag link s atribútom alternate (herflag) sa používa na označenie alternatívnych verzií stránky, napríklad pre rôzne jazyky, regióny alebo formáty. Pomocou HTML tagu link môžeme vyhľadávačom oznámiť, že daná stránka má ekvivalent v inom jazyku či lokalite. Tým sa zlepšuje používateľská skúsenosť aj SEO, pretože vyhľadávače môžu zobraziť správnu jazykovú alebo regionálnu verziu stránky podľa nastavení používateľa. HTML atribút alternate sa generuje aj do sitemap XML súboru.
Dostupnosť
Responzívny vzhľad
Jedná sa o dizajnový prístup, ktorý umožňuje automaticky prispôsobiť vzhľad a usporiadanie obsahu rôznym zariadeniam a veľkostiam obrazovky, ako sú počítače, tablety alebo smartfóny. Používa sa kombinácia flexibilných rozložení a CSS media queries, aby stránka zostala čitateľná a funkčná bez ohľadu na veľkosť displeja. Responzívna verzia zlepšuje používateľskú skúsenosť, zvyšuje prístupnosť a má pozitívny vplyv na SEO. Nastavujete v sekcii Nastavenia / Web v položke "Povoliť responzívny dizajn". Ďalšie súvisiace položky s responzívnou verziou sú "Obrázok hlavičky (pre responzívnu verziu)" a "Povoliť priblíženie (pre responzívnu verziu)". Rovnako odporúčame prejsť si nastavenie v sekcii Doplnky / Pluginy / Responzívna lišta.
Resolve WWW
Možnosť nastavenia domény pre využívanie stránok len "s www" alebo len "bez www" subdomény. Keďže niektoré vyhľadávače považujú URL "bez www" a "s www" za dve rôzne stránky, čo môže mať negatívny vplyv na bodovanie dôležitosti webu z dôvodu duplicitnosti stránok. Nevybraná možnosť bude automaticky presmerovaná na vybranú možnosť, teda "s www" sa presmeruje na "bez www" alebo naopak. Možnosť nastavujete v sekcii Nastavenia / Web v záložke Doména a URL adresy v položke "Subdoména".
Rich snippets
Rich snippets sú rozšírené výsledky vo vyhľadávačoch, ktoré obsahujú okrem základného názvu a popisu stránky aj dodatočné informácie, ako hodnotenia, recenzie, cenu, obrázky alebo udalosti. Tieto údaje sa získavajú pomocou štruktúrovaných dát vo formáte schema.org, JSON-LD, microdát alebo mikroformátov vložených priamo do HTML stránky. Rich snippets pomáhajú zvýrazniť obsah vo výsledkoch vyhľadávania, zlepšiť mieru preklikov a poskytujú používateľom rýchlejšie a relevantnejšie informácie ešte pred návštevou stránky.
Validate HTML
Používame konzistentný a technicky správny syntax HTML kódov podľa pravidiel webových štandardov definovaných organizáciou W3C, aby sa zabezpečila kompatibilita so všetkými prehliadačmi a zlepšila prístupnosť stránky. Validácia pomáha odhaliť chyby, ktoré môžu ovplyvniť funkčnosť, výkon alebo SEO.
Semantic HTML5
V HTML kódoch používame sémantické HTML značky s významom, ktoré opisujú obsah stránky (napríklad HTML tay ako header, article, section, nav, footer, atď.). Tento prístup zlepšuje čitateľnosť kódu pre vyhľadávače a asistívne technológie, pretože im poskytuje jasnú informáciu o štruktúre a účele obsahu a zvyšuje prístupnosť či samotné SEO.
Open Graph Protocol
Systém využíva špeciálne značky vložené do HTML stránky, ktorý umožňuje kontrolovať, ako sa obsah stránky zobrazuje pri zdieľaní na sociálnych sieťach (Facebook, LinkedIn, X, Instagram, ...). Pomocou špecifických HTML tagov meta s atribútmi og:xxx určujeme názov, popis, obrázok a ďalšie detaily, ktoré budú použité pri zdieľaní odkazu. Open Graph zlepšuje vizuálnu atraktivitu zdieľaného obsahu a zvyšuje mieru interakcie používateľov.
OpenSearch
Využívame štandard, ktorý umožňuje webovým stránkam a aplikáciám poskytovať používateľom možnosť vyhľadávania priamo z prehliadača alebo iných nástrojov. Pomocou špeciálneho XML súboru stránka definuje, ako prehliadač alebo vyhľadávací nástroj môže pristupovať k jej vyhľadávaciemu API. To umožňuje používateľom pridať vlastný vyhľadávač do svojho prehliadača, čím sa zlepšuje dostupnosť obsahu a zjednodušuje vyhľadávanie priamo z adresného riadku.
Ikony (favicons)
Nastaviť môžete malé ikonky spojené s webovou stránkou, ktoré sa zobrazujú v záložkách prehliadača, histórii prehliadania alebo vedľa názvu stránky vo výsledkoch vyhľadávania. Sú definované pomocou HTML tagov meta najčastejšie s atribútom "shortcut" alebo "icon" a môžu mať rôzne formáty a veľkosti pre rôzne zariadenia a prehliadače. Základnú favicon nastavujete v sekcii Nastavenia / Web v položke "Favicon (rozmery 16x16)", pričom ďalšie veľkosti môžete nastaviť v sekcii Doplnky / Pluginy / Webová aplikácia. Používanie faviconu zlepšuje rozpoznateľnosť webu, zvyšuje jeho profesionalitu a prispieva k lepšej používateľskej skúsenosti.
Web Application Manifest
Systém na základe nastavenia sekcie Doplnky / Pluginy / Webová aplikácia môže automaticky generovať základný JSON súbor "manifest.webmanifest", ktorý poskytuje prehliadačom informácie o webovej aplikácii, ako je jej názov, ikona, farby, spôsob zobrazenia a štartovacia URL adresa. Tento manifest umožňuje, aby sa webová stránka správala podobne ako natívna aplikácia, vrátane možnosti "pridať na plochu" a spustenia v režime bez prehliadača. Používanie Web Application Manifestu zlepšuje používateľskú skúsenosť a umožňuje lepšiu integráciu webu do zariadení používateľov.
DataLayer
JavaScript objekt používaný hlavne v rámci analytických nástrojov na uchovávanie a odosielanie dát o interakciách používateľov na stránke. Do DataLayeru sa zapisujú informácie ako udalosť, názov stránky, kategória produktu alebo hodnoty objednávky, ktoré potom môžu byť spracované nástrojmi na analytiku, marketing či personalizáciu obsahu. Používanie DataLayeru zjednodušuje správu dát, zlepšuje presnosť merania a umožňuje flexibilné nastavenie sledovania bez priamej úpravy kódu stránky. Podrobné informácie nájdete v nápovede sekcie Doplnky / Pluginy / DataLayer.
Neexistujúce stránky (404)
V prípade neexistujúcich stránok s HTTP kódom 404 sa automaticky zobrazí mapa stránok, s odkazmi na všetky základné sekcie stránok ako menu a kategórie. Zároveň je možné si na takejto stránke nastaviť vlastnú užitočný obsah, a to v sekcii Nastavenia / Web v záložke Nastavenia sekcií v položke "Nastavenie stránky 404". Takáto prispôsobená stránka 404 zlepšuje používateľskú skúsenosť, udržuje návštevníkov na webe a môže minimalizovať negatívny vplyv na SEO.
Znaková sada (unicode)
Požívame Unicode (UTF-8) štandard pre znakovú sadu, ktorý umožňuje reprezentovať a zobrazovať text v prakticky všetkých svetových jazykoch a symboloch pomocou jedinečných kódov pre každý znak, čo zabezpečuje správne zobrazenie textu vrátane diakritiky, špeciálnych znakov či emoji. Používanie Unicode zaručuje kompatibilitu naprieč prehliadačmi a zariadeniami a je základom pre medzinárodné a viacjazyčné weby.
Čitateľnosť písma
Čitateľnosť písma na webstránkach závisí od vhodnej kombinácie veľkosti písma (minimálne 11 pixelov v závislosti na štýle písma), štýl písma, kontrastu farby textu voči pozadiu a správneho riadkovania. Používanie dostatočne veľkých a dobre čitateľných písiem spolu s vysokým kontrastom zlepšuje prístupnosť pre všetkých používateľov, vrátane ľudí so zhoršeným zrakom. Odporúčané hodnoty kontrastu sú definované v štandarde WCAG (Web Content Accessibility Guidelines) kde minimálne odporúčané pomery kontrastu sú 4,5:1 pre bežný text a 3:1 pre veľký text. Na svetlom pozadí (napríklad biela alebo pastelové farby) je najlepšie používať tmavý text (čierny, tmavošedý alebo tmavé odtiene farieb) a naopak na tmavom pozadí (napríklad čierne, tmavomodré alebo tmavozelené) je najlepšie používať svetlý text (biely, svetlosivý alebo svetlé odtiene farieb). Pre zistenie vhodnej farby písma je možné využiť nástroje ako "WebAIM Contrast Checker". Správne nastavená čitateľnosť nielen zvyšuje používateľskú skúsenosť, ale aj znižuje únavu očí a zlepšuje interakciu návštevníkov s obsahom stránky. Zároveň je veľkosť a kontrast písma hodnotená aj v niektorých SEO analyzátoroch (napr. PageSpeed Insights).
Asistenčná technológia (aria)
Používame súbor atribútov v HTML, ktoré zlepšujú prístupnosť stránok pre používateľov so zdravotným postihnutím, najmä pre nevidiacich a slabozrakých. ARIA (Accessible Rich Internet Applications) umožňuje definovať úlohu, stav a vlastnosti prvkov, ktoré nie sú štandardne dostupné cez bežný HTML. Používanie ARIA zvyšuje čitateľnosť obsahu pre čítačky obrazovky a podporuje vytváranie inkluzívnych a prístupných webov. Tu sme žiaľ zatiaľ len na začiatku, pričom postupne doplňujeme dané atribúty naprieč všetkým doplnkom a sekciám stránok.
Popisy formulárov (label)
V generovaných formulároch používame HTML tagy label, čo znamená pridanie popisu k jednotlivým vstupným poliam formulára tak, aby bolo jasné, čo sa od používateľa očakáva. Tím sa zlepšuje použiteľnosť aj prístupnosť formulárov. Tento prístup uľahčuje orientáciu používateľom vrátane tých, ktorí používajú asistenčné technológie, a zároveň zvyšuje pohodlie pri vypĺňaní formulárov.
Dôvera a zabezpečenie
Bezpečnosť a dôvera používateľov patria medzi naše najvyššie priority. Naše riešenia využívajú moderné bezpečnostné štandardy a technológie, ktoré chránia údaje počas prenosu aj spracovania. Šifrované spojenie HTTPS zaručuje, že komunikácia medzi používateľom a serverom je chránená pred neoprávneným prístupom, zatiaľ čo bezpečnostné hlavičky pomáhajú zabrániť bežným typom útokov na webové stránky. Súčasne je kladený dôraz aj na transparentnosť a ochranu osobných údajov prostredníctvom režimu súhlasov a správne implementovanej cookies lišty. Kombinácia týchto prvkov vytvára bezpečné a dôveryhodné prostredie pre všetkých návštevníkov nami generovaných stránok.
Šifrované spojenie (HTTPS)
Využiť je možné HTTPS protokol, ktorý zabezpečuje bezpečnú komunikáciu medzi prehliadačom návštevníka a naším serverom pomocou šifrovania SSL/TLS. HTTPS chráni dáta pred odpočúvaním, manipuláciou či odcudzením počas prenosu, čím zvyšuje dôveru používateľov a zabezpečuje integritu obsahu. Pre nadviazanie šifrovanej komunikácie používame len moderné protokoly TLS 1.2 a TLS 1.3 (znižuje latenciu, zlepšuje výkon a výrazne zvyšuje bezpečnosť), a rovnako tak používame vyváženú kombináciu moderných algoritmov, ktoré nie sú zastarané a tak aj zraniteľné. Okrem bezpečnosti má HTTPS pozitívny vplyv na SEO, pretože vyhľadávače preferujú stránky so zabezpečeným pripojením. Pri používaní zabezpečeného protokolu HTTPS sú stránky z nezabezpečeného protokolu HTTP automaticky presmerované na zabezpečený protokol HTTPS aby sa zabránilo rôznym útokom (XSS, CSRF, atď.). Podrobné informácie o nastavení nájdete v nápovede SSL/TLS certifikát (HTTPS).
Bezpečnostné hlavičky (header)
Môžete nastaviť odosielanie špeciálnych údajov posielané naším serverom (HTTP hlavičky) spolu s odpoveďou, ktoré návštevníkovmu prehliadaču určujú, ako má spracovať obsah stránky z hľadiska bezpečnosti, čo pomáha predchádzať útokom ako XSS, clickjacking alebo MIME-type zneužitiu. Používanie bezpečnostných hlavičiek zvyšuje ochranu stránok, zlepšuje dôveru používateľov a prispieva k celkovej bezpečnosti stránok. Niektoré základné bezpečnostné hlavičky nastavujete v sekcii Nastavenia / Web položke "Bezpečnostné hlavičky", pričom iné bezpečnostné hlavičky systém generuje automaticky.
Režim súhlasov
Tzv. cookies lišta je informačný prvok zobrazený používateľom pri návšteve webovej stránky, ktorý ich upozorňuje na používanie súborov cookies a umožňuje im udeliť alebo odmietnuť súhlas so spracovaním údajov. Tento prvok je dôležitý z hľadiska ochrany osobných údajov a dodržiavania legislatívy, ako je nariadenie GDPR. Správne implementovaná cookies lišta zaisťuje transparentnosť, posilňuje dôveru používateľov a umožňuje stránke legálne zbierať údaje na analytické či marketingové účely. Režim súhlasov nastavíte v sekcii Doplnky / Pluginy / Cookies.
Výkonnosť
Naša platforma je navrhnutá s dôrazom na maximálny výkon, rýchlosť načítania a efektívne spracovanie dát. Využívame moderné technológie a optimalizačné techniky, ktoré minimalizujú veľkosť prenášaných súborov, skracujú čas odozvy servera a znižujú zaťaženie systému. Od odstránenia zastaraných prvkov, ako sú rámce a flash, cez pokročilú kompresiu, minifikáciu a prednačítavanie zdrojov, až po využitie cache a databáz v operačnej pamäti. Každý prvok je optimalizovaný s cieľom zabezpečiť plynulé fungovanie stránok. Vďaka implementácii moderných protokolov, technológií a mechanizmov poskytujeme návštevníkom, ale aj samotným správcom rýchlejšiu, stabilnejšiu a efektívnejšiu prevádzku.
No Frames, No Flash, Minimum Table
Na stránkach nie sú použité žiadne rámce ani flash prvky, čo by mohlo spomaliť načítanie stránok, ich konečné vykreslenie alebo nezaindexovanie obsahu vyhľadávačmi. Rovnako, dôležité časti stránok nie sú konštruované za pomoci tabuliek (HTML tag table), ktoré by mohli spomaliť vykreslenie stránok.
Externé zdroje (JS, CSS)
V maximálnej miere pri štýlovaní pomocou CSS a skriptoch JavaScript uprednostňujeme externé súbory pred inline kódmi. Takéto riešenie umožňuje efektívnejšie zhusťovanie, kompresiu, súbežné prednačítavanie a ukladanie do medzipamäte, čo vedie k rýchlejšiemu načítaniu a plynulejšiemu prehliadaniu stránok.
Zhustenie zdrojov (minify)
Systém využíva proces optimalizácie súborov, pri ktorom sa z kódu odstraňujú všetky nepotrebné znaky, ako sú medzery, tabulátory, komentáre či zalomenia riadkov, bez zmeny jeho funkčnosti. Cieľom je zmenšiť veľkosť súborov CSS a JavaScript, aby sa rýchlejšie načítavali a znižovalo sa zaťaženie servera aj dátový prenos. Minifikácia zlepšuje výkon webovej stránky, skracuje dobu načítania a pozitívne ovplyvňuje používateľskú skúsenosť aj SEO.
Kompresia zdrojov a výstupov
Využívame rôzne komprimačné techniky zmenšovania veľkosti prenášaných súborov medzi serverom a prehliadačom návštevníka, ktorá výrazne zlepšuje rýchlosť načítania webových stránok. Pri kompresii sa textové súbory ako HTML, CSS, JavaScript alebo JSON odosielajú v zmenšenej podobe a prehliadač ich následne dekomprimuje. Systém dokáže výstup komprimovať pomocou GZIP, Deflate, ktoré sú najrozšírenejšie metódy, ale taktiež novšími algoritmami ako Brotli (br) a Zstandard (Zstd), ktoré ponúkajú ešte vyššiu účinnosť a lepší výkon. Používanie kompresie znižuje dátový prenos, zrýchľuje načítanie stránky a zlepšuje celkovú používateľskú skúsenosť.
Pred-načítavanie zdrojov (preload)
Pre CSS a JavaScript externé súbory využívame techniku preload, ktorá umožňuje prehliadaču načítať dôležité súbory ešte predtým, než ich stránka skutočne potrebuje. Tým sa skracuje čas zobrazenia viditeľného obsahu a zlepšuje celkový výkon stránky. Preload je obzvlášť užitočný pri veľkých alebo kritických súboroch, ktoré ovplyvňujú vzhľad a funkčnosť webu hneď po načítaní.
Protokol (HTTP/2)
Pre všetky HTTPS spojenia medzi našimi servermi a prehliadačom návštevníka využívame modernú verziu komunikačného protokolu HTTP/2, ktorá výrazne zlepšuje rýchlosť a efektivitu prenosu dát. Zaviedlo multiplexovanie, teda možnosť prenášať viacero požiadaviek cez jedno spojenie, čím eliminuje potrebu otvárať viacero súčasných pripojení. Okrem toho využíva binárny formát, kompresiu hlavičiek a lepšiu prioritizáciu zdrojov. Vďaka týmto vylepšeniam HTTP/2 zrýchľuje načítanie stránok, znižuje latenciu a optimalizuje výkon poskytovaných stránok.
Medzi-pamäť (cache)
Využívame mechanizmus, ktorý dočasne ukladá často používané dáta, ako sú obrázky, vlastné písma, súbory JavaScript, CSS alebo ďalšie statické zdroje do prehliadača návštevníka, aby sa pri opakovanom načítaní stránky nemuseli znovu sťahovať zo servera. Tým sa výrazne zrýchľuje prehliadanie stránok návštevníkom, zároveň sa šetria prenosové dáta návštevníka a v neposlednej rade sa znižuje zaťaženie našich serverov, ktoré sa môžu venovať iným procesom. Cache ukladania daných súborov je primárne uložená na strane prehliadača návštevníka. Zároveň na serveroch do cache ukladáme aj niektoré súbory, ktoré nie je nutné generovať nevyhnutne pri každom vyžiadaní (napr. náhľadové obrázky, JavaScript, CSS, XML feedy, JSON dátové súbory, stránky, atď.). Konkrétne samotné stránky (HTML kód) sa vďaka cache nemusia generovať vždy pri každej ich návšteve, ale v určitých prípadoch sa pred-generovaný HTML kód stránky použije z cache, čo šetrí hlavne serverové prostriedky ale aj výrazne znižuje odozvu. Cache je jeden s najdôležitejších mechanizmov, ktorý zabezpečuje vysoký výkon stránok.
V prípade správcov stránok, ktorý zrovna aktualizujú nejaký obsah, môže v určitých prípadoch samotná cache spôsobiť nechcené zobrazenie staršieho obsahu (stránky, obrázku, atď.). Informácie pri problémoch s cache (najčastejšie so zobrazením starých obrázkov) nájdete v nápovede Obrázky v odstavci "Medzi-pamäť prehliadača". Nastavenie obrázkov a cache pre náhľadové obrázky nastavujete v sekcii Nastavenia / Web v odstavci Obrázky. Samotné využitie priestor cache nájdete v sekcii Súbory / Využitie priestoru v položke "Cache". V prípade, že využívate nejaký nástroj na analýzu konkrétnej stránky, odporúčame využiť špeciálny URL atribút "cache" s hodnotou "false", aby sa zobrazil vždy aktuálne generovaný obsah a nie ten z cache (viac informácií nájdete na konci článku).
Databáza v RAM
Často používané dáta, procesy a premenné ukladáme priamo do operačnej pamäte servera (RAM), čo umožňuje ich oveľa rýchlejšie spracovanie v porovnaní s klasickým úložiskom na disku. Využíva sa najmä pre cacheovanie, sessions alebo dočasné výpočty, kde je rýchla odozva kľúčová. Technológie ako Memcached umožňujú efektívne spravovať tieto dáta v RAM, čím znižujú zaťaženie databázy a zrýchľujú odozvu stránok aj pri vysokom počte požiadaviek.
Prekladač kódu (JIT)
Využívame OPcache, ktorý čitateľný kód vytvoreného programátormi prekladá (kompiluje) do tzv. spustiteľného bajtkódu a tento kód ukladá do operačnej pamäte servera RAM pre opätovné použitie, aby sa už ďalší krát nemusel znovu prekladať (kompilovať). Zároveň používame aj prekladač JIT (Just-In-Time), čo je technológia, ktorá prekladá predchádzajúce spustiteľné časti bajtkódu do strojového kódu (kód pracujúci s procesormi serverov) priamo počas jeho vykonávania, namiesto tradičnej interpretácie riadok po riadku. Kód tak nie je nutné opakovane načítavať z pomalších klasických diskov a taktiež opakovane prekladať (kompilovať). Cieľom je zlepšiť výkon systému, pričom sa znižuje spotreba procesorového času a urýchľuje spracovanie kódu, čím prináša citeľné zrýchlenie systému, a teda aj samotného generovania stránok či obsahu v administrácii.
Obrázky (optimalizácia)
Optimalizácia obrázkov je proces úpravy formátu, rozlíšenia a veľkosti obrázkov tak, aby sa minimalizoval ich dopad na rýchlosť načítania stránok bez výraznej straty kvality. Rovnako používanie moderných formátov ako WEBP alebo AVIF umožňuje dosiahnuť menšie súbory pri zachovaní vizuálnej kvality v porovnaní s tradičnými formátmi ako JPG alebo PNG. Správne nastavené rozlíšenie a kompresia obrázkov znižujú dátovú veľkosť, urýchľujú načítanie stránky, zlepšujú používateľskú skúsenosť a pozitívne ovplyvňujú SEO hodnotenie webu. Ak na stránkach použijete obrázky s príliš veľkým rozlíšením, vysokou kvalitou alebo obrázky tradičných formátov (JPG, PNG, GIF), veľkosť obrázkov bude zbytočne predlžujú čas načítanie stránok, čo je častým problémom v rôznych SEO analyzátoroch. Systém pre niektoré položky a sekcie náhľadových obrázkov poskytuje čiastočne automatizovaný optimalizačný nástroj (netýka sa optimalizácie rozlíšenia obrázkov), ktorý môže obrázky v starších formátoch automaticky poskytovať v tých novších, na základe podpory prehliadača návštevníka. Daňou za to je samozrejme úložný priestor, keďže kombinácie nových formátov náhľadových obrázkov sa musia ukladať do medzi-pamäte, aby sa opakovane zbytočne negenerovali. Podrobné informácie nájdete v nápovedách položiek, v sekcii Nastavenia / Web v záložke Obrázky. Prípadne môžete optimalizáciu vykonať ešte pred nahratím obrázka do systému. ďalšie informácie ohľadom optimalizácií obrázkov nájdete v nápovede Obrázky. Ak chcete zistiť, či je problém v SEO analyzátoroch spôsobený práve obrázkom, je možné modul alebo plugin, v ktorom je obrázok, dočasne deaktivovať a požadovanú URL adresu otestovať s URL atribútom https://www.vasadomena.sk?cache=false, alebo nemusíte nič deaktivovať a rovnou použijete URL atribút https://www.vasadomena.sk?cache=false&disabled=... s kódmi doplnkov, ktorý nechcete zobraziť. Podrobné informácie ohľadom URL atribútov nájdete v spodnej časti článku.
Vlastné písmo (Google Fonts)
Všetky prehliadače na rôznych operačných systémoch (Windows, Linux, macOS, iOS, Android, atď.) automaticky podporujú nejaký základný zoznam písiem alebo inak aj fontov (Arial, Helvetica, Times New Roman, Times, Courier, atď.). Napriek tomu je v systéme možné využiť aj vlastné písmo načítané z externého zdroja. Využiť je možné plugin v sekcii Doplnky / Pluginy / Google písma. Použitie vlastného písma vo všeobecnosti nie je problém, no problém nastáva v prípade, že použité vlastné písmo zásadne zmení rozloženie webstránky po tom ako sa vlastné písmo načíta pri prvotnej návšteve. Je nutné si uvedomiť, že pred načítaním vlastného písma sa najprv použije niektoré so základných písiem, ktoré sú dostupné, aby sa stránka vykreslila čo najrýchlejšie a nečakalo sa na stiahnutie vlastnej sady písma. V prípade, že máte v niektorých prvkoch príliš veľa textových položiek v jednom riadku, ktoré sa do prvku zmestia len tak tak (napríklad položky v menu, položky v pluginoch Lišta, Hlavičková lišta, atď.), je pravdepodobné, že po načítaní vlastného písma, sa rozloženie stránky zmení (položky budú napríklad na dvoch riadkoch), keďže vlastné písmo je buď širšie alebo užšie ako pôvodné základné písmo, a tak sa do prvku nezmestí. Najjednoduchším spôsobom je netlačiť do prvkov (manu, lišty, atď.) príliš veľa položiek, a zvoliť tak inú štruktúru rozloženia. Komplikovanejšou možnosťou je nastaviť rôznymi parametrami základné písmo tak, aby sa veľkosťou čo najviac podobalo vlastnému písmu. Ak chcete zistiť, či je problém v SEO analyzátoroch spôsobený práve vlastným písmom, je možné plugin Google písma dočasne deaktivovať a požadovanú URL adresu otestovať s URL atribútom https://www.vasadomena.sk?cache=false, alebo nemusíte nič deaktivovať a rovnou použijete URL atribút https://www.vasadomena.sk?cache=false&disabled=google_fonts. Podrobné informácie ohľadom URL atribútov nájdete v spodnej časti článku.
Externé služby a doplnky
V systéme je samozrejme možné využiť rôzne externé služby (marketingové, analytické, retergetingové, atď.) a doplnky vylepšujúce funkčnosť či dostupnosť. Je však nutné pamätať na to, že pridaním každého doplnku sa môže o niečo predĺžiť načítanie stránok, a teda aj zhoršiť samotné skóre v SEO analyzátoroch. Týka sa to aj overených externých služieb ako Google Analytics, Google AdSense, Google Tag Manager, Google Fonts, Facebook Pixel, a pod. Napriek tomu, že jedna externá služba nemusí markantné spomaliť stránky, pri pridaní viacerých to môže byť citeľné. Najčastejšou chybou je používanie externých služieb, ktoré svoje skripty neoptimalizujú. Upozorňujeme, že nedokážeme zasahovať do kódov externých služieb, a tak ani nie je v našich ich akokoľvek optimalizovať. Ak chcete zistiť, či je problém v SEO analyzátoroch spôsobený práve vlastnými externými pluginmi, je možné plugin Externé pluginy alebo jednotlivé moduly Externý modul dočasne deaktivovať a požadovanú URL adresu otestovať s URL atribútom https://www.vasadomena.sk?cache=false, alebo nemusíte nič deaktivovať a rovnou použijete URL atribúty https://www.vasadomena.sk?cache=false&deisabled=external_plugins. Podrobné informácie ohľadom URL atribútov nájdete v spodnej časti článku.
SEO analyzátory a ich relevantnosť
Vopred upozorňujeme, že ohľadom SEO, na ktoré má užívateľ priamy dosah, je najdôležitejší samotný obsah a kvalita spätných odkazov, ktoré tvoria najpodstatnejšiu časť hodnotenia stránok. Informácie ohľadom základných SEO možnostiach nájdete v nápovede Tvorba stránok a ich propagácia prípadne odporúčame prejsť si nastavenia v sekcii Podpora / Marketing.
Jediným z najrelevantnejších nástroj pre analýzu stránok je PageSpeed Insights priamo od spoločnosti Google, ktorý sa zmeriava na skutočne prínosné metriky (výkonnosť, dostupnosť, overené postupy a SEO) pre vyhľadávače ale hlavne samotných návštevníkov. Napriek tomu, že niektoré uvedené hodnotenia sú jedným z dôležitých SEO faktorov pre vyhľadávač Google, je nutné ich brať s rezervou a hlavne s porozumením odborníka na danú problematiku. Ako príklad môžeme uviesť najväčšie eshopy na našom trhu (Alza, Mall, a iné..), ktoré častokrát nedosahujú vysoké skóre, no napriek tomu dosahujú prvé pozície vo výsledkoch vyhľadávania Googlu. Aj napriek tomu je náš systém v predvolenom nastavení naprogramovaný aj za pomoci nástroja PageSpeed Insights, a teda sa priebežne snažíme tieto metriky analyzovať a systém prispôsobiť, aby bol pre návštevníkov prívetivejší, pričom práve vedľajším efektom môže byť aj dosiahnutie vyššieho skóre. V niektorých kategóriách je však táto úloha veľmi ťažko splniteľná na 100%, a to hlavne v prípadoch, keď chcete návštevníkom servírovať viac obsahu (kvalitnejšie obrázky, vlastné písma, interaktívny obsah, externé neoptimalizované služby, atď.), prípadne sa s dostupnosťou prispôsobiť rôznorodej skupine návštevníkov (príliš pomalé pripojenie k internetu, zdravotné znevýhodnenia a asistenčné technológie, apod.) alebo naopak ak ako správca nechcete vynakladať drahocenný čas či finančné prostriedky na drobné ladenia (napr. optimalizáciou obrázkov, rozvrhnutiu stránok, písaním unikátnych popisov k tisícom produktom, atď.). Úlohou nástroja nie je penalizovať stránky so zlým skóre, nakoľko samotný nástroj nepozná povahu konkrétneho prvku na webstránke alebo eshope, a tak samotné metriky poskytuje ako informačné. Daný výstup musí analyzovať odborník, ktorý sa oboznámi aj s povahou Vašich stránok, a môže Vám tak poskytnúť riešenie čí vysvetliť nepodstatnosť konkrétnej metriky pre Vás. Ak nie ste v metrikách v červených číslach, tak je to veľmi dobrý výsledok. Aj keď náš systém v predvolenom nastavení generuje stránky s vysokým skóre (často v zelených číslach), čo je možné si otestovať URL adresou ukážkovej šablóny NewOrigin, akonáhle si stránky upravíte, teda pridáte vlastné neoptimalizované obrázky, externé skripty pre analýzu a marketing, pridáte viaceré vlastné písma, zobrazíte na jednej stránke príliš veľa zbytočných modulov a pluginov, nepoužijete rozšírené možnosti nastavenia stránok, atď. automaticky bude dané skóre klesať. Vyššie v článku sa dočítate aké technológie v systéme používame na zlepšenie, výkonnosti, dostupnosti, bezpečnosti či SEO, a taktiež akým najčastejším chybám v nastaveniach by ste sa mali vyhnúť. Pri analýze stránok je možné využiť nižšie uvedené URL atribúty, ktoré pridáte k URL adrese analyzovanej stránky.
- cache - S hodnotou "false", čim určíte, aby sa obsah stránky neposkytoval z medzi-pamäte, a bol odzrkadlil tak aktuálne nastavenie účtu. Príklad:
https://www.vasadomena.sk?cache=false - disabled - Zadajte kódové označenie pluginu alebo modulu, ktorý chcete vypnúť. Viac kódov oddeľte čiarkou. Kód pluginu získate v administrácii v detaile pluginu alebo modulu z URL adresy. Príklad:
https://www.vasadomena.sk?disabled=google_fonts,external_plugins