SEO

SEO je skratka pre anglický názov Search Engine Optimalization, čo v preklade po slovensky možno nazvať optimalizáciou pre internetové vyhľadávače. Tento pojem zahŕňa množstvo postupov, ktoré slúžia na to, aby sme dosiahli čo najvyššie pozície s našou webstránkou vo výsledkoch vyhľadávanie pre dané kľúčové slová v prehliadači. Toto nám zaručí neprestávajúci tok nových návštevníkov a v dôsledku toho aj úmerne vyššie tržby.

Predstavte si, že chcete dať niečo vyhľadať vo vyhľadávači a za chvíľku dostanete výsledky tohto vyhľadávania. Až skoro tri štvrtiny užívateľov klikne na jeden z prvých troch výsledkov vyhľadávania. Ak sa Vám teda podarí pomocou SEO dostať Vašu webstránku medzi tieto tri prvé pozície, máte zaručený príval nových zákazníkov, čím zvýšite návštevnosť webu a oslovíte obrovský počet nových čitateľov, ktorí sa môžu stať Vašimi budúcimi potencionálnymi platiacimi zákazníkmi. Štúdie zistili, že vyhľadávače sú celosvetovo až druhým najčastejším dôvodom, prečo čitateľ Vašu stránku navštívi a vedú tak k zvýšeným konverziám čitateľa na platiaceho zákazníka.

Tak sa dnes SEO stalo dôležitou súčasťou každodennej práce webových dizajnérov, ktorý túto optimalizáciu zahŕňajú do každého obrázku, linku či textu. Nevyhnutnosť tejto optimalizácie spočíva aj v obrovskom konkurenčnom boji na webe o priazeň, čas a peniaze návštevníka. Každý sa teda snaží o tom, aby oslovil čo najvyšší počet zákazníkov svojou ponukou a webstránkou.

SEO ale nefunguje len na jednoslovných spojeniach. Dôležité je vytvoriť dokonalú sieť kvalitných a často aj dlhých kľúčových slov, ktoré sú relevantné vzhľadom k obsahu Vašej webstránky. Základným postupom ako SEO funguje je vyhľadanie kľúčového slova užívateľom a následne toto vyhľadávanie v prehliadači zobrazí Vašu stránku na popredných miestach výsledkov vyhľadávania. Optimalizácia pre vyhľadávače na internete je zaručený spôsob ako získať na dlhú dobu vysokú mieru návštevnosti. Je to veľmi efektívny spôsob, pretože nevyžaduje tvorbu žiadnych online kampaní alebo tvorbu platených reklám.

Nižšie Vám ponúkame prehľad výhod optimalizácie Vašej webstránky pre internetové prehliadače.

  • Možnosť získať dlhodobo veľký počet nových návštevníkov, ktorý sa môžu stať Vašimi zákazníkmi
  • Môžete sa sústrediť na špecifickú skupinu zákazníkov, o ktorých si myslíte, že by ich mohol zaujímať Váš obsah
  • SEO nemá len krátkodobý efekt, ale ak sa raz dostanete do popredných miest vo vyhľadávači, udržíte si túto svoju pozíciu aj niekoľko mesiacov
  • Zníženie nákladov, nemusíte platiť za sponzorované odkazy alebo reklamu
  • SEO neplatí len na Google, ale aj na iné vyhľadávače ako sú Zoznam alebo Yahoo
  • Množstvo analytických funkcií, ktorými môžete sledovať a vyhodnocovať Vaše výsledky

Základné faktory SEO sa delia na dve skupiny. Jedny sú tzv. onpage faktory. Zahŕňajú faktory, ktoré sa nachádzajú priamo na Vašej stránke a môžete pomocou ich nastavenia ovplyvniť poradie vo vyhľadávačoch pri hľadaní daných kľúčových slov. Prvý krok, ktorý je nutné spraviť predtým než si budete nastavovať akékoľvek parametre SEO je nájdenie tých správnych kľúčových slov, ktoré sa vo vyhľadávači vyhľadávajú, a ktoré môžete použiť na zlepšenie poradia vo výsledkoch vyhľadávania práve pre Vašu stránku. Tento proces analýzy kľúčových slov môže prebiehať rôznymi spôsobmi, ale najčastejšie sa naň používa špecializovaný softvér. Druhými faktormi sú tzv. offsite faktory, ktoré zahŕňajú faktory, ktoré nemôžete priamo ovplyvniť na Vašej webstránke. Patria sem najmä spätné odkazy.

Editory pre tvorbu webstránok

Okrem svetovo pôsobiacich firiem, ktoré sa špecializujú na tvorbu webstránok, existujú aj niektoré malé slovenské, ale tie na trhu majú ozaj malé zastúpenie. Funkcionalita editorov sa líši, najmä podľa popularity a mesačného poplatku. Vašim cieľom je samozrejme vybrať editor, ktorý disponuje čo najviac funkciami a možnosťami, za čo najlepší pomer ceny a výkonu. Preto Vám následne uvedieme niekoľko editorov a uvedieme ich klady a zápory.

Wix

Podľa niektorých je tento editor najlepším na celom webe. Obsahuje totižto veľmi veľké množstvo funkcií a lepšie možnosti ako jeho konkurenti. Je to určite aj vďaka tomu, že na trhu už funguje niečo cez 10 rokov. Má tak nazbieraných mnoho skúseností a skvelých developerov, ktorý neustále na platforme pracujú a vylepšujú ju. Softvér spája jednoduchosť ovládania so skvelým nástrojom pre tvorbu a vývoj webstránok. Používa rozhranie HTML5 a má užívateľsky prívetivé rozhranie s jednoduchým ovládaním. Obsahuje veľké množstvo šablón, z ktorých môže nejeden editor web stránok vytvoriť veľmi jednoduchým spôsobom krásne weby. Šablóny sú rozdelené podľa kategórií webstránok, čiže si tu naozaj každý nájde to svoje. Či už je Vaša stránka o športe, hudbe, umení alebo fotografií, pre každého je tu niečo prichystané. Ďalšou výhodou Wix-u je určite aj to, že je dostupný bezplatne. Zodpovedá tomu aj jeho obľúbenosť. Viac ako 75 miliónov stránok na celom internete je vytvorených práve pomocou neho. Nevýhodou by mohlo byť, že samotný HTML alebo CSS kód sa nedá upraviť podľa seba.

Shopify

Aj keď sa na prvý pohľad zdá, že pomocou neho môžete tvoriť len online obchod, umožňuje vytváranie veľkého množstva funkcionality pre akúkoľvek webstránku. Jeho nevýhodou je, že je plateným softvérom a nie celkom lacným k tomu. Ako pozitívum sa určite hodnotí jeho možnosť jednoducho editovať výzor webstránky pomocou skvelého výkonného vizuálneho editora. Okrem základných šablón máte možnosť zakúpiť dizajnovo prepracované šablóny, ktoré Váš web krásne doplnia. Ak zahájite predaj na svojom online obchode, môžete ihneď sledovať a analyzovať štatistiky predaja a iných parametrov. A ak si náhodou niekedy nebudete vedieť radi, tím zákazníckej podpory Vám ochotne odpovie na Vaše otázky. Nevýhodou je určite provízia, ktorú si Shopify pýta za predané produkty, a ktorá s pohybuje od 0,5 do 2%.

Jimdo

Tento vynikajúci bezplatný editor webových stránok bol navrhnutý v Nemecku. K jeho založeniu došlo v roku 2007, keď sa traja priatelia programátori rozhodli spojiť svoje talenty a vytvoriť tento editor. Umožňuje tvorbu jednoduchých webstránok až po komplikované, dizajnovo vycibrení stránky. Jeho bezplatná verzia Vám umožní len tvorbu jednej jednoduchej webovej stránky. Ak chcete využívať možnosť online obchodu, budete si musieť zaplatiť členstvo. Ale celkovo Jimdo predstavuje výborné riešenie pre tvorbu internetových stránok za prijateľné ceny.

Weebly

Tento editor patrí medzi jedného z najstarších a najpopulárnejších programov na tvorbu webových stránok. Tento bezplatný softvér je navrhnutý tak, že môžete pomocou neho vytvárať dizajny pre najrôznejšie stránky. Môžu to byť profesionálne stránky, osobné blogy alebo online obchody. Jeho použitie je veľmi jednoduché a editor obsahuje veľké množstvo vynikajúcich šablón. Okrem šablón disponuje tento editor aj veľkým množstvom dostupných aplikácií, ktoré zjednodušujú tvorbu webu. Môžete taktiež nahrať aj svoje vlastné šablóny alebo upravovať HTML alebo CSS kód na Vašej stránke.

Mobilný dizajn

Viete, že už za pár rokov bude na svete niekoľkých mesiacov bude v obehu viac mobilov ako je celkovo na svete obyvateľov? Chytré telefóny sú už každodennou súčasťou nášho života a nemožno ich z neho odmyslieť. Práve preto je dôležité, aby Vaša nová webová stránka mohla v dnešnej dobe konkurovať inovatívnym a interaktívnym dizajnom najmä pre smartfóny. Už sa ale dávno nejedná len o dizajn webovej stránky, ktorý je prispôsobený prehliadaniu obsahu na mobile, ale zahŕňa aj vývoj separátnych aplikácií a iných možností prístupu cez sociálne siete.

Predtým než sa pustíme do dizajnu webovej stránky pre mobilné zariadenie si treba uvedomiť niekoľko základných faktov. Nie každé mobilné zariadenia má rovnaký rozmer. Tablety sú často schopné zobrazovať takmer kompletnú webovú stránku bez toho, aby obsah vyzeral skreslene. Naopak na smartfóne je vzhľadom na malý display určite nutné zjednodušenie zobrazenia obsahu a dôraz na detail. Predstavíme Vám teda niekoľko rád, ako správne zvládnuť dizajn určený špeciálne pre mobilné prehliadače a zariadenia.

1. Venujte sa prieskumu, aké zariadenia používajú Vaši čitatelia.

Aj napriek veľkému úsiliu nie je možné spraviť dokonalú webstránku pre každého užívateľa. Práve preto je najlepšie zistiť najpoužívanejšie prehliadače a mobilné zariadenia Vašich čitateľov. Budete sa tak môcť sústrediť na dizajn zameraný najmä na tieto, aby čo najväčší počet zákazníkov bol spokojný a mal dokonalý zážitok z prehliadania Vášho webu. Je dôležité poznať či čitatelia používajú iPhone alebo Android a aké prehliadač uprednostňujú.

2. Dbajte na stručnosť.

Na rozdiel od stránok pre prehliadanie na počítači, je nutné aby užívateľ na mobile či smartfóne mal prehľad čo môže na Vašej stránke robiť, kde čítať, prípadne pridávať obsah a kde je skryté navigačné menu. Preto si musíte ujasniť účel, dizajn a rozmiestnenie Vašej webovej stránky už vopred a nie vždy sa tieto parametre zhodujú pre webstránku zobrazenú na mobile alebo počítači. Čitateľ by sa mal vedieť ľahko dostať z jedného článku na druhý a rýchlo sa vrátiť späť kedykoľvek bude chcieť.

3. Sústreďte sa na dizajn v jednom stĺpci.

Mobilné zariadenia s menším displejom určite poteší dizajn a text, ktorý sa nachádza v jednom stĺpci. Najlepšie v tomto prípade je použiť responzívny dizajn, v ktorom sa obsah prispôsobuje veľkosti displeja.

4. Ušetrite miesto použitím ikon.

Využitie ikon sa odkazy na sociálne siete, kontaktné možnosti alebo iné ovládacie prvky je určite prínosom pre zážitok užívateľa na Vašej webovej stránke. Ak využijete rôzne ikony, môžete nielen ušetriť čas, keďže užívateľ nemusí spraviť toľko klikov a aj miesto, ktoré môžete využiť na zobrazenie iného dôležitého obsahu.

5. Vyskúšajte si to na vlastnom telefóne.

Určite ste už niekedy na svojom mobile prehliadali webovú stránku a museli ste si obrazovku priblížiť, keďže ikony alebo písmo boli moc malé, aby ste na nich mohli prstom ťuknúť alebo ich dobre vidieť. Podľa najnovších prieskumov by políčka na webovej stránke prispôsobenej na zobrazovanie na mobilnom zariadení nemali mať menej ako 44 pixelov. Taktiež v dnešnej uponáhľanej dobe je človek často odkázaný na držanie a ovládanie smartfónu len jednou rukou. Myslite teda na to aj pri dizajne webstránky. Mala by byť plne ovládateľná jedných prstom, najčastejšie palcom.

Responzívny dizajn webstránky

Responzívna webová stránka je taká, ktorá sa vie automaticky prispôsobiť danému zariadeniu, na ktorom sa zobrazuje. Takéto riešenie má mnoho výhod, ale pretože vytvorenie webovej stránky s takýmto dizajnom je komplikované, časovo a finančne náročné, nestretávame sa s ním v dnešnej dobe tak často, ako by nám bolo milé.

Najväčšia výhoda responzívného riešenia je vytvorenie jedného HTML kódu, ktorý sa prispôsobuje neskôr jednotlivým zariadeniam a prehliadačom, na ktorom je zobrazovaný. Nie je teda už nutné vytvárať separátny HTML kód pre mobilnú verziu Vašej webovej stránky. Jednoducho v danom HTML kóde označíte prvky, ktoré sú dôležité pre zobrazovanie obsahu na jednotlivých zariadeniach a tým sa obsah jednoducho prispôsobuje veľkosti tabletu či telefónu. Môžete zároveň vypustiť prvky, ktoré pre toto zobrazovanie nie sú dôležité a ušetríte čas, za ktorý sa webstránka načíta a zrýchlite tak prehliadanie stránok a zlepšíte dojem o stránke u Vášho čitateľa.

Ale nie je to všetko také jednoduché ako sa zdá. Na tvorbu a riešenie responzívného webu je nutné využitie CSS frameworku. Frameworky sú už hotové systémy pozostávajúce zo šablón a rôznych metód, ktoré sú potrebné na daný dizajn a jeho tvorbu. Každý framework je testovaný tisíckami užívateľov a často sa v ňom objavuje množstvo kódu, ktorý umožňuje ľahkú úpravu na danú webstránku. Vyberte si framework, správne ho implementujte a hotovo! Nevýhodou je určite ale to, že ako webový dizajnér Vašej stránky nemáte plnú kontrolu nad fungovaním a štruktúrou kódu na webstránke. Vždy si ale treba pozrieť, koľko času ušetríte použitím už hotového frameworku. Tvorba vlastného kódu webstránky od úplného začiatku sa odporúča len pokročilým užívateľom so znalosťou programovacích jazykov a s veľa časom. Ušetrení čas totiž môžete využiť aj výhodnejšie ako tvorbou kódu, ktorý pred Vami už niekto dávno vytvoril a ešte aj otestoval.

Ale predtým, než začnete rozmýšľať nad responzívnym dizajnom Vašej webstránky Vám odporúčame zopakovať si znalosti programovania či tvorby webstránok, keďže tie Vám iste padnú vhod. Taktiež nezabúdajte na to kódovať s istou štruktúrou, aby ste neskôr mali lepší prehľad o Vašom kóde a vedeli lepšie opraviť prípadné chyby alebo vykonať úpravy. Zvyčajne sa na internete môžete ľahko dostať k informáciám o pravidlách správania webových stránok na jednotlivých zariadeniach.

A aby toho nebolo málo, sa v poslednej dobe začala využívať technika Mobile first. Ako už názov napovedá je to technika, pri ktorej sa na začiatku kódovanie webstránky zaoberáme najprv dizajnom pre mobilné telefóny. Dôvod je veľmi jednoduchý. Už si neprezeráme jednotlivé webové stránky na stolnom počítači alebo notebooku, ale čoraz častejšie na mobile, keď sme na cestách alebo len niekde vonku. Aj tu chceme mať možnosť, prehliadať si webovú stránku tak, aby boli dostupné všetky menu, obrázky alebo videá tak, aby sme ich mohli prezerať bez rušivých elementov, ako sú skresané okná, odseknutý text alebo video, ktoré nejde prehrať. A aj rýchlosť internetu na mobile je pochopiteľne nižšia, a tak je lepšie ak sa webová stránka odbremení od kódu, ktorý dizajn stránky neovplyvňuje a rýchlejšie sa načíta.

Ak sa pre svoju webovú stránku rozhodnete siahnuť na responzívny dizajn, je nutné zvážiť niekoľko faktorov. Dôležité je napríklad točenie obrazovky na mobiloch, podpora webových prehliadačov či rôznych zariadení, ako sú tablety, iPhone alebo mobily s operačným systémom Android.

Programy na úpravu obrázkov

Ak chcete mať peknú webovú stránku, nezaobídete sa bez programu na úpravu fotiek a obrázkov. Každý človek sa rád pozrie na vkusne zoradené fotky alebo zaujímavé koláže. Uveďme si teda nižšie 5 najobľúbenejších editorov obrázkov.

GIMP

GIMP je skratka GNU Image Manipulation Program, čo v preklade znamená program na manipuláciu s obrázkami GNU. Ide o voľne distribuovaný program pre také úlohy, ako je retušovanie fotografií, kompozícia obrázkov a tvorba obrázkov. Je vhodný najmä pre nadšencov a technicky zdatných ľudí, ktorí na svoju webstránku nemajú veľký rozpočet. Jednoducho môžete vložiť obrázok, ktorý chcete upraviť alebo začať úplne od začiatku vytvorením nového unikátneho obrázku s pomocou dostupných nástrojov. Voľne dostupný program ponúka množstvo nových modulov, ktoré si môžete nainštalovať na rozšírenie funkcionality ak už ste sa naučili základné ovládanie a možnosti.

Skicár

Skicár určite patrí medzi najviac používané programy na úpravu obrázkov a fotografií, keďže sa štandardne nachádza na každom počítači s operačným systémom Windows. Pomocou skicára možno ľahko a jednoducho upraviť základné parametre obrázku, ako je výška či šírka, prípadne ozvláštniť obrázok doplňujúcimi prvkami. Je vhodný pre začiatočníkov a keďže je voľne dostupný, nie je vhodný na pokročilejšie operácie alebo viacvrstevné manipulovanie s obrázkami. Toto možno nájsť v jeho vyspelejšom bratovi, programe Paint.NET.

Picasa

Tento voľne dostupný program od firmy Google poteší určite ľudí, ktorí si nielen obrázky a fotky radi upravujú, ale zároveň aj organizujú. Program totižto ponúka možnosť organizovať obrázky do rôznych priečinkov a záložiek, tak že stále nájdete obrázok na správnom mieste, tam kde ste ho uložili. Ušetrí Vám veľa času pri tvorbe Vašich webstránok, keďže môžete obrázky triediť napríklad podľa sekcií na Vašej stránke a tak sa k ním rýchlo dostať. Bonusom je taktiež až 1TB úložisko, na ktoré môžete Vaše fotky uložiť, aby zbytočne nezaberali priestor na Vašom počítači. Okrem dôkladnej úpravy fotiek a množstvu funkcií, ponúka možnosť zdieľania fotiek, čo je obzvlášť dôležité pre marketingové smerovanie Vašej webstránky a reklamy na sociálnych sieťach.

PhotoScape

Tento program sa hodí najmä pre profesionálnych editorov obrázkov, keďže je založený najmä na optimalizácií fotiek a ich úprave z formátu RAW. Prostredníctvom tohto programu taktiež môžete začať budovať Vašu knižnicu fotiek a obrázkov.

Photoshop

Asi najznámejším programom na upravovanie fotiek alebo obrázkov je Photoshop. Vhodný je najmä pre firmy, ktoré sa zaoberajú fotografiou alebo profesionálnou úpravou obrázkov či tvorbou log. Ceny sa pohybujú pri základnom balíku od 150 eur ročne. Tento program je k dispozícii pre systémy Windows, ale aj Mac. Adobe Photoshop je veľmi výkonná aplikácia, ktorú používajú mnohí profesionálni fotografi a dizajnéri. Môžete použiť Photoshop pre takmer akýkoľvek druh úpravy obrázkov, akým je napríklad retušovanie fotografií, vytváranie kvalitnej grafiky a oveľa viac.

Vzhľadom k tomu, že Photoshop je primárne navrhnutý pre profesionálov, môže jeho použitie byť trochu náročné, najmä ak to idete robiť po prvýkrát. To znamená, že nemusíte rozumieť všetkým funkciám aplikácie Photoshop a efektívne ich používať. Ak chcete upravovať fotografie na cestách, Adobe ponúka niekoľko rôznych mobilných aplikácií. Zatiaľ čo tieto aplikácie neobsahujú toľko funkcií ako softvér pre stolné počítače, môžu byť dobrou voľbou na rýchle úpravy v mobilnom zariadení.