responzivní webdesign https://psklenar.cz/ cs Proč responzivní webdesign? https://psklenar.cz/proc-responzivni-webdesign <span class="field field--name-title field--type-string field--label-hidden">Proč responzivní webdesign?</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Masivnímu používání mobilních zařízení se musí přizpůsobit webové stránky a používané způsoby návrhu webu. Podle statistik téměř polovina lidí, kteří sledují internet, přistupuje ke stránkám z jiného zařízení, než je počítač. Používání mobilních platforem k surfování po webu roste astronomickým tempem. Webové stránky nyní musí být neuvěřitelně přizpůsobivé, aby se vešly na různé velikosti displejů.</p> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">04.04.2016</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>Co je responzivní webdesign? Jednoduše řečeno, je to přístup k&nbsp;webdesignu zaměřený na vytváření webů, které lze optimálně prohlížet a&nbsp;snadno s&nbsp;nimi komunikovat na nejrůznějších platformách od desktopu po telefony. Responzivní webdesign (Responsive web design - RWD) si klade za cíl umožnit snadné čtení a&nbsp; navigaci a&nbsp;také omezit roztahování okna, zabránit rozpadu stránky a&nbsp;omezit rolování nutné k&nbsp;dosažení požadovaného obsahu. V ideálním případě jsou webové stránky optimalizované napříč širokým spektrem zařízení od stolních počítačových monitorů až po malé obrazovky mobilních telefonů. Uživatel může jednoduše měnit velikost okna prohlížeče nebo může otáčet obrazovku na výšku či na šířku apod.</p> <p>Základní úlohu ve <a href="/webdesign" title="Webdesign">webdesignu</a> představuje způsob rozvržení stránky (Page Layout). V této souvislosti se používají pojmy jako fixní rozložení, statické, tekuté, přizpůsobivé, citlivé a&nbsp;další. Každý typ layoutu se jinak chová při změně šířky okna prohlížeče a&nbsp;při zobrazení na různých obrazovkách. Metody návrhu rozložení stránky se postupně vyvíjeli a&nbsp;dnes jsou nejznámější čtyři hlavní typy layoutů:</p> <h3>Statické rozvržení stránky</h3> <p>Statické rozložení stránky (layout s&nbsp;pevnou šířkou) používá přednastavenou velikost stránky, která se nemění podle šířky okna prohlížeče. Layout má pevnou šířku např. 960 pixelů, bez ohledu na prohlížeč. Takto byly webové stránky tradičně navrhovány po mnoho let, než byly zavedeny moderní techniky, jako dotazy na médium a&nbsp;responzivní konstrukce. V prohlížeči na počítači, pokud je okno příliš malé, se stránka odřízne a&nbsp;zobrazí se vodorovné posuvníky. Na mobilních zařízeních je situace nepředvídatelná, stránka může být např. zmenšená pod hranici čitelnosti a&nbsp;uživatel si musí část stránky zvětšit (zoomovat).</p> <h3>Flexibilní layout</h3> <p>Flexibilní layout (přizpůsobitelný layout, nazývaný i&nbsp;fluid nebo liquid) se vyznačuje tím, že používá relativní jednotky namísto pevných jednotek (místo px se aplikují % a&nbsp;em). Relativní konstrukce elementů stránky se vztahuje k&nbsp; šířce okna prohlížeče. „Kapalný“ layout nejčastěji vykreslí celou stránku, bez ohledu na to, jaká je šířka prohlížeče. Významné nedostatky se ukážou v případě velmi velkých nebo velmi malých šířek prohlížeče. Na velkoplošných obrazovkách se obsah může roztáhnout příliš široko. Naopak např. u chytrých telefonů se vícesloupcové rozložení může nečitelně smrsknout.</p> <h3>Adaptivní layout</h3> <p>Adaptivní rozvržení stránky využívá CSS dotazů na médium (Media Queries) ke zjištění šířky okna prohlížeče (viewportu) a&nbsp;podle toho přizpůsobí rozložení. Adaptivní layout může používat pevné šířky stejně jako statické uspořádání, ale rozdíl je v tom, že lze nastavit rozdílné velikosti podle konkrétního dotazu na šířku média. Media queries (@media) je logický výraz a&nbsp;v kombinaci s&nbsp; jinými dotazy na médium tvoří základní algoritmus zobrazení stránky. Např. můžeme použít konstrukci typu: „Pokud prohlížeč je široký 480px, nastav šířku hlavního obsahu na 400px, jestliže prohlížeč je široký 1000px, pak změň šířku hlavního obsahu na 960px“. Ostatní části stránky se mohou přemístit za hlavní obsah nebo se nemusí zobrazit vůbec.</p> <h3>Responzivní layout</h3> <p>Responzivní layout (Responsive Layout) uplatňuje dotazy na médium i&nbsp; relativní jednotky a&nbsp;jeví se tak jako kombinace flexibilního a&nbsp;adaptivního layoutu. Jak se zvětšuje nebo zmenšuje šířka okna prohlížeče, stránka se přizpůsobuje jako v případě flexibilního layoutu. V případě, že prohlížeč překročí určité šířky definované v dotazu na médium, pak se extrémně změní rozložení stránky a&nbsp;přizpůsobí se široké nebo úzké šířce.</p> <p>Obvykle je responzivní design postaven na tzv. přístupu „Mobile First“. Mobile first je postup návrhu webu, ve kterém se začíná s&nbsp;layoutem pro malé (mobilní) obrazovky a&nbsp;postupně se návrh rozšiřuje na tablety a&nbsp;desktopy. K&nbsp; cíli vede samozřejmě i&nbsp;opačný postup, ve kterém se desktopový layout postupně „ořezává“ pro tablet a&nbsp;telefon od rozložení na šířku po zobrazení na výšku.</p> <h3>Responzivní webdesign (<abbr lang="en" title="Responsive Web Design" xml:lang="en">RWD</abbr>)</h3> <p>Předpokladem k&nbsp;vytvoření přizpůsobivého webu je nejen responzivní layout, ale i&nbsp;dodržování dalších zásad. Používání responzivních technik při návrhu webu usnadňuje udělat web tak, aby byl <a href="/pristupnost-internetovych-stranek" title="Přístupnost webu">přístupný</a> a&nbsp;<a href="/pouzitelnost-internetovych-stranek" title="Použitelnost webových stránek">použitelný</a> nejen na nemobilních, ale i&nbsp;mobilních zařízeních. Rapidně vzrůstající počet návštěvníků webu z tabletů a&nbsp;telefonů je dostatečný důvod, proč dělat přizpůsobitelné stránky. Frustrace mobilních uživatelů může mít neblahý vliv na návštěvnost webu. Ztracený návštěvník se k&nbsp;nepoužitelnému webu nejspíše již nevrátí. Responzivní způsob návrhu je pro majitele webu z hlediska nákladů daleko příznivější než vytváření specifického mobilního webu. Při návrhu je nutné pamatovat na přístupnost, co je dobré pro práci s&nbsp;myší, nemusí být vhodné pro dotykové zařízení. Obrázky pro telefony by se měly přizpůsobit, ne znovu nahrávat. Obsah by měl být na jedné URL adrese, není vhodné užívat jiné URL pro mobilní platformu.&nbsp;</p> <p>Téměř před rokem Google provedl <a href="https://webmasters.googleblog.com/2015/04/rolling-out-mobile-friendly-update.html" target="_blank" title="Rolling out the mobile-friendly update">změnu svého hodnotícího algoritmu</a> a&nbsp; zvýhodňuje responzivní weby ve výsledcích vyhledávání. Použitelnost webových stránek z hlediska mobilů a&nbsp;tabletů má tak vliv na <a href="/analyza-seo" title="SEO analýza">SEO</a>. Přizpůsobivý webdesign je výhoda před konkurencí. Základní zásady pro webdesignéry lze najít např. na <a href="http://www.w3schools.com/css/css_rwd_intro.asp" target="_blank" title="Responsive Web Design - Introduction">w3schools.com (angl.)</a> nebo na <a href="https://developers.google.com/webmasters/mobile-sites/" target="_blank" title="Mobile Friendly Websites">stránkách Googlu (angl.)</a>.</p> <h3>Jsou Vaše stránky přizpůsobivé?</h3> <p>Google uveřejnil <a href="https://www.google.com/webmasters/tools/mobile-friendly/?hl=cs" target="_blank" title="Test použitelnosti v mobilech">test použitelnosti v mobilech</a>. Stačí zadat adresu URL a&nbsp; test Vám oznámí, zda je vzhled stránky vhodný pro mobilní zařízení.</p> <div class="mobile-friendly-banner"><a href="https://www.google.com/webmasters/tools/mobile-friendly/?hl=cs" target="_blank" title="Je Váš web připraven pro mobilní platformu?"><span>Skvěle!</span> <span>Tato stránka je použitelná v mobilních zařízeních.</span></a></div> </div> <section class="field field--name-comment field--type-comment field--label-above comment-wrapper"> </section> Mon, 04 Apr 2016 21:23:45 +0000 admin 119 at https://psklenar.cz Internetový marketing https://psklenar.cz/marketing-reklama-na-internetu <span class="field field--name-title field--type-string field--label-hidden">Internetový marketing</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Potřebujete udělat pro svůj web kvalitní reklamu? Chcete navštěvované stránky? Nestačí jen stránku vytvořit, ale je třeba ji náležitě zviditelnit! Přivedeme na Vaše stránky návštěvníky a zákazníky hledající Váš produkt nebo službu. Pomáháme v propagaci firemních i osobních prezentací.</p> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/index.php/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">20.07.2012</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>Internetový marketing je velice široký pojem a&nbsp;jednotlivé typy reklamy lze členit podle různorodých hledisek: grafická a&nbsp;textová banerová reklama, kontextová reklama, placený zápis, paušální reklama, <abbr lang="en" title="Pay Per Click">PPC</abbr>, <abbr lang="en" title="Pay Per Action">PPA</abbr> a&nbsp; <abbr lang="en" title="Pay Per View">PPV</abbr> reklama, e-mailing, affiliate marketing, interaktivní reklama, blog marketing, blogování, <abbr lang="en" title="Public Relations">PR</abbr> články a&nbsp; <a href="/seo-optimalizace-pro-vyhledavace" title="Optimalizace pro vyhledávače - SEO">optimalizace pro vyhledávače</a>. Podle investičních nákladů může být rozpočet na výdaje za internetovou inzerci za stovky, ale i&nbsp;za statisíce.</p> <h2>Internetová reklama</h2> <p>Internetová reklama je jedním z&nbsp;nejdůležitějších nástrojů internetového marketingu. Její podíl na trhu roste každým rokem, svým objemem již překonává některá tradiční média. Má své zvláštnosti a&nbsp;její zákonitosti vyžadují technologické znalosti. Mezi výhody internetové reklamy patří: rychlost, cílenost, interaktivita a měřitelnost. Vyhodnocením naměřených údajů lze reklamní kampaň upravit.</p> <p>Kvalitní prezentace jistí dobrou koncepci obchodní politiky. Vytváříme kvalitní weby s&nbsp;logickou strukturou, s&nbsp;optimalizovanými texty na klíčová slova, s&nbsp;validním kódem a&nbsp;korektními parametry title, odkazy či meta tagy. Pro <a href="/tvorba-webu" title="Tvorba webových stránek">optimalizované</a> nebo <a href="/redesign-oprava-webu" title="Úpravy, redesign nebo oprava webu">opravené</a> stránky zabezpečí pozornost vyhledávačů a&nbsp;viditelné umístění Vašich stránek naše marketingové služby.</p> <div class="row"> <div class="col-sm-6"> <dl class="sl1"> <dt class="nadpis"><a href="/marketingova-analyza-strategie" title="Úvodní marketingová analýza a strategie">Marketingová analýza a&nbsp;strategie</a></dt> <dd>Úvodní rozbor koncepce, strategie a&nbsp;stanovení účelu webových stránek. Internetový marketing a&nbsp;návrh taktiky a&nbsp;vymezení rozpočtu. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/marketingova-analyza-strategie" rel="tag" title="Marketingová analýza a strategie">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/klicova-slova" title="Analýza klíčových slov">Analýza klíčových slov</a></dt> <dd>Základem úspěšného internetového marketingu je volba klíčových slov. Zjistíme jaká klíčová slova Vaši zákazníci skutečně hledají. Výsledkem analýzy klíčových slov je seznam slov jak pro optimalizaci stránek, tak i&nbsp;pro popisy v&nbsp;odkazech a&nbsp;zápisech pro katalogy. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/klicova-slova" rel="tag" title="Klíčová slova">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/registrace-do-katalogu" title="Registrace do katalogů">Registrace do katalogů</a></dt> <dd>Registrací do katalogů zvýšíme návštěvnost Vašich stránek. Zápis do katalogů je nezbytnou součástí budování zpětných odkazů. Zaregistrujeme Vaše stránky do vhodných katalogů s&nbsp;popisem obsahujícím vybraná klíčová slova. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/registrace-do-katalogu" rel="tag" title="Registrace do katalogů">Číst dál...</a></div> </dd> </dl> </div> <div class="col-sm-6"> <dl class="sl2"> <dt class="nadpis"><a href="/zpetne-odkazy-ve-vyhledavacich" title="Placené zpětné odkazy ve vyhledávačích a PPC inzeráty">Placené zpětné odkazy ve vyhledávačích a PPC kampaně</a></dt> <dd>Placené zpětné odkazy – <abbr lang="en" title="Pay Per Click">PPC</abbr>inzeráty znamenají jednostranné vytvoření zpětného odkazu a&nbsp;mají většinou nejlepší vliv na vyhodnocení stránky vyhledávači. Vedeme PPC kampaně s&nbsp;analýzou klíčových slov, vytvořením optimalizovaného popisu, průběžným měřením výsledků a&nbsp;hodnocením Vaší kampaně. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/zpetne-odkazy-ve-vyhledavacich" rel="tag" title="Zpětné odkazy ve vyhledávačích">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/statistiky-navstevnosti" title="Statistiky návštěvnosti">Statistiky návštěvnosti</a></dt> <dd>Sledování chování návštěvníků a&nbsp;monitoring návštěvnosti slouží jednak pro statistické vyhodnocení efektivity reklamní kampaně, tak současně jako&nbsp; <abbr lang="en" title="Search Engine Optimization">SEO</abbr>&nbsp;analýza webu. Internetový marketing a&nbsp;analýza návštěvnosti Vašich stránek odhalí silné a&nbsp;slabé rysy Vašeho webu. Internetový marketing a&nbsp;výsledky analýzy návštěvnosti mohou ovlivnit další optimalizaci stránek. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/statistiky-navstevnosti" rel="tag" title="Statistiky návštěvnosti">Číst dál...</a></div> </dd> </dl> </div> </div> <p>Nejdůležitější podstatou internetového marketingu je hodnotný obsah stránek. Bez kvalitního obsahu webu nemá smysl investovat do reklamy, reklama pak může být velmi nákladnou investicí.</p> <div class="media border mt-3 mb-4 p-3"> <img src="/sites/default/files/paska-img/logo.svg" alt="Kontaktujte nás" class="mr-3 mt-3 rounded-circle bg-success" style="width:40px;"> <div class="media-body"> <h3><strong>Kontaktujte nás</strong></h3> <p>Máte-li zájem o reklamu pro svou prezentaci, <a href="/kontakt" title="Napište nám">spojte se s&nbsp;námi.</a> právě nyní prostřednictvím našeho formuláře. Kontaktujte nás, rádi Vám pomůžeme a vybereme to nejlepší řešení, které plně uspokojí Vaše potřeby. Naše odpověď na sebe nenechá dlouho čekat. </p> </div> </div> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/42" hreflang="cs">marketing</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/43" hreflang="cs">SEO</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/34" hreflang="cs">web</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/49" hreflang="cs">analýza</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/50" hreflang="cs">klíčová slova</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/52" hreflang="cs">registrace</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/53" hreflang="cs">katalogy</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/54" hreflang="cs">odkazy ve vyhledávačích</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/51" hreflang="cs">PPC odkazy</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/67" hreflang="cs">návštěvnost</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/44" hreflang="cs">responzivní webdesign</a></span> </div> Thu, 19 Jul 2012 22:41:37 +0000 admin 78 at https://psklenar.cz Analýza přístupnosti https://psklenar.cz/analyza-pristupnosti <span class="field field--name-title field--type-string field--label-hidden">Analýza přístupnosti</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Webová přístupnost (Web accessibility) je způsob tvorby webových stránek použitelných lidmi všech kvalifikací, rozdílného věku a &nbsp;s různou úrovní zdravotního omezení. Přístupné stránky jsou správně postavené a udržované pro všechny uživatele stejně, handicapovaní lidé mohou web užívat se shodným obsahem a funkčností.</p> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">19.07.2012</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>Přístupný web lze snadno zobrazit nezávisle na hardwarovém či softwarovém vybavení, bez ohledu na rychlost internetového spojení a&nbsp;je uzpůsoben uživatelům se specifickým zdravotním znevýhodněním. Témata přístupnosti a&nbsp; <a href="/pouzitelnost-internetovych-stranek" title="Použitelnost webových stránek">použitelnosti</a> jsou si velice blízká, ačkoli někteří experti jsou jiného názoru. Webová přístupnost se zabývá použitelností pro handicapované návštěvníky. Přístupný web obvykle obsahuje přehledný a čitelný text, jenž je přívětivější i pro běžné návštěvníky nenosící brýle.</p> <p>Přístup k webu z mobilních zařízení každoročně roste, v současnosti je stále významnější téma přístupnosti pro mobilní zařízení (iOS, Android a Windows Phone). Mobilní webová přístupnost je řešitelná třemi základními způsoby:</p> <ul> <li>Používat plovoucí layout s min-width a max-width a typografii založenou na jednotkách em.</li> <li>Udělat další „mobilní“ web (m.example.com) zvlášť pro mobilní systémy.</li> <li>Vytvořit adaptivní web připravený na mobilní zařízení. Podstatou této techniky (responzivní nebo citlivý design) jsou <a class="external" href="http://cs.wikipedia.org/wiki/Media_Queries" rel="nofollow" title="Media_Queries - Dotazy na média">CSS3 Media Queries</a>, které již dnes podporuje většina mobilních i desktopových prohlížečů.</li> </ul> <h2>Proč je webová přístupnost důležitá?</h2> <p>Web je stále více důležitý komunikační nástroj v mnoha oblastech: vzdělání, zaměstnání, státní správa, obchod, zdravotní a&nbsp;sociální péče, zábava, atd. Internet by měl poskytovat rovný přístup a&nbsp;stejné příležitosti pro všechny občany.</p> <blockquote class="blockquote"> <p class="mb-0">Existují v zásadě tři důvody, proč je dobré dodržovat přístupnost webových stránek. Je to etika, zisk a&nbsp;legislativa.</p> <footer class="blockquote-footer"><cite><a class="external" target="_blank" href="https://www.lupa.cz/clanky/cr-pristupnost-konecne-pod-zakonem/" rel="nofollow" title="David Špinar: propagátor bezbariérového webu a autor knihy Tvoříme přístupné webové stránky">David Špinar</a></cite></footer> </blockquote> <p>Přístupné stránky respektují uživatele, nepřístupné staví bariéry některým skupinám uživatelů v přístupu k&nbsp;obsahu, přístupný web si najde více návštěvníků a&nbsp;zákazníků. Na přístupný web se lépe dostanou také vyhledávače, cílená návštěvnost stránek je vyšší, web je efektivnější a&nbsp; dosažení cílů není tak nákladné. Přístupností získá privátní web konkurenční výhodu a&nbsp;nové zákazníky, pro veřejný sektor jsou však bezbariérové stránky dokonce zákonnou povinností i&nbsp;v českém právním řádu.</p> <h2>Hodnocení přístupnosti webových stránek</h2> <p>Analýza přístupnosti stránek se provádí podle mezinárodní normy <a class="external" href="http://www.w3.org/TR/WCAG20/" rel="nofollow" title="Web Content Accessibility Guidelines 2.0">W3C&nbsp;WCAG 2.0 Guidelines</a> a&nbsp; zákona USA <a class="external" href="http://www.section508.gov/index.cfm" rel="nofollow" title="Section 508 Standards Subpart B - Technical Standards, §1194.22"> Section&nbsp;508&nbsp;Standards</a> , v ČR podle metodiky „ <a class="external" href="http://www.blindfriendly.cz/" rel="nofollow" title="Blind Friendly Web: přístupnost webových stránek pro nevidomé a slabozraké"> Blind Friendly Web</a>“ (projekt Sjednocené organizace slabozrakých a&nbsp; nevidomých) a&nbsp; podle <a class="external" href="http://www.pravidla-pristupnosti.cz/" rel="nofollow" title="Pravidla tvorby přístupného webu"> pravidel tvorby přístupného webu</a> pro účely novely Zákona č.&nbsp;365/2000 Sb. o&nbsp; informačních systémech veřejné správy, provedenou zákonem č.&nbsp; 81/2006 Sb.</p> <p>Základní pravidla přístupného webu jsou podle všech norem shodná:</p> <ul class="soupis"> <li>barvy písma a&nbsp;pozadí jsou dostatečně kontrastní</li> <li>obsah stránek je dobře čitelný a&nbsp;dosažitelný</li> <li>web je ovladatelný přes klávesnici</li> <li>odkazy jsou zřetelné a&nbsp;vystihující bez okolního kontextu</li> <li>obsah stránek se nemění bez přímého zásahu uživatele</li> <li>kód stránek je správně strukturovaný a&nbsp;validní podle norem <a class="external" href="http://www.w3.org/"> <abbr lang="en" title="World Wide Web Consortium">W3C</abbr></a></li> </ul> <p>Problémy s&nbsp;přístupností lze jednoduše odhalit přímo v&nbsp;různých prohlížečích změnou jejich nastavení (vypnutí zobrazení obrázků, změna velikosti písma, vypnutí stylů, skriptů, změna velikosti okna). Přístupnost lze kontrolovat automatickými nástroji, některé jsou zdarma přístupné na internetu, jiné jsou placené. Nejznámější online validátor přístupnosti webových stránek podle norem WCAG 1.0 a&nbsp;Section 508 je <a class="external" href="http://www.cynthiasays.com/" rel="nofollow" title="HiSoftware® Cynthia Says™ Portal">Cynthia Says™</a>.</p> <p>Podrobnější analýzu přístupnosti provádíme hodnocením shody vlastností stránek s&nbsp;pravidly přístupnosti podle jednotlivých kontrolních bodů. Výsledkem analýzy přístupnosti webových stránek je zpráva členěná podle kontrolních bodů pravidel s&nbsp;uvedením problémů a&nbsp;návrhů na jejich řešení.</p> <h2>Analýza přístupnosti pro Váš web</h2> <p>Prozkoumáme Vaše webové stránky ve vztahu k&nbsp;přístupnosti podle obecných pravidel a&nbsp;standardních doporučení. Zjistíme, nejsou-li Vaše stránky v&nbsp;rozporu s&nbsp;některými kontrolními body pravidel a&nbsp; navrhneme Vám <a href="/redesign-oprava-webu" title="Redesign a oprava webu"> řešení</a>. <a href="/kontakt" title="Analýza přístupnosti pro Váš web - napište nám">Můžete nás kontaktovat</a> přímo z webového formuláře.</p> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/57" hreflang="cs">přístupnost</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/55" hreflang="cs">testování stránek</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/57" hreflang="cs">přístupnost</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/44" hreflang="cs">responzivní webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/45" hreflang="cs">responzivní web</a></span> </div> Thu, 19 Jul 2012 19:33:25 +0000 admin 76 at https://psklenar.cz Analýza optimalizace pro vyhledávače https://psklenar.cz/analyza-seo <span class="field field--name-title field--type-string field--label-hidden">Analýza optimalizace pro vyhledávače</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Optimalizace pro vyhledávače (SEO) je v internetové reklamě nejen levný, ale i nejúčinnější marketingový nástroj. Většina (až 80%) návštěvníků přichází na webové stránky z vyhledávačů a podíl přístupů z vyhledávačů neustále roste.</p> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">19.07.2012</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>Optimalizace pro vyhledávače (SEO, Search Engine Optimization)&nbsp;je především metoda tvorby webu s&nbsp; kvalitním obsahem a&nbsp;technicky korektní strukturou. Dobře napsaný text plní několik funkcí najednou: musí obsahovat cenné informace, vzbudit důvěru a&nbsp;podnítit návštěvníka ke koupi. Zároveň nesmí odradit svou délkou, musí být dobře strukturován pro vyhledávače a&nbsp;musí zahrnovat vyhledávaná klíčová slova.</p> <p>Obsah webu (informační i&nbsp;navigační úsek) by měl být přátelský k&nbsp; návštěvníkům i&nbsp;k&nbsp;vyhledávačům. Internetový robot (bot, crawler, spider či pavouk) musí považovat Váš web za důležitý vzhledem ke zvoleným klíčovým slovům. Bez vyhledávacích strojů se čtenáři k&nbsp;Vašim stránkám nedostanou.</p> <h2><abbr lang="en" title="Search Engine Optimization" xml:lang="en">SEO</abbr> analýza</h2> <p>Smyslem analýzy optimalizace pro vyhledávače je prověřit, zda Vaše stránky jsou schopny uspokojit představy Vašich klientů a&nbsp;přitom jsou dostatečně populární pro vyhledávače v&nbsp;souvislosti s&nbsp;klíčovými slovy. Optimalizace se často opírá o malá vylepšení a úpravy některých částí webových stránek. I drobná vylepšení mohou mít významný dopad na umístění ve výsledcích vyhledávání. SEO analýza je součástí optimalizace pro vyhledávače a&nbsp; a není jen <a href="/klicova-slova" title="Analýza klíčových slov">analýzou klíčových slov</a>, je součástí <a href="/tvorba-webu" title="Tvorba webových stránek">tvorby webových stránek</a>. Rozbor z&nbsp;hlediska SEO je určen pro živé či právě tvořené stránky nebo internetové obchody.</p> <p>Oblíbenost stránky vyhledávač odmění jejím pořadím ve výsledcích vyhledávání návštěvníků. Přirozené výsledky hledání působí na návštěvníka věrohodněji než placené reklamní pozice. Dobré umístění stránky ve výsledcích hledání ovlivňuje spousta činitelů.</p> <p>Mezi hlavní faktory patří:</p> <ul class="soupis"> <li>vzájemná provázanost webových stránek</li> <li>umístění a&nbsp;četnost důležitých klíčových slov</li> <li>správnost <abbr lang="en" title="HyperText Markup Language">HTML</abbr> kódu stránky</li> <li>tvar <abbr lang="en" title="Uniform Resource Locator">URL</abbr> adresy stránky</li> <li>vytvoření zpětných odkazů</li> <li>frekvence aktualizace obsahu</li> <li>nastavení serveru a&nbsp;spolehlivost webhostingu</li> </ul> <p>Nejsou-li stránky dobře optimalizované pro vyhledávače, pak je příliš drahé použití dalších reklamních nástrojů pro přilákání návštěvníků. Nejdříve je vhodné web optimalizovat a poté zvyšovat návštěvnost placenou reklamou.</p> <h2>Doporučení a&nbsp;další postup SEO optimalizace</h2> <p>Ověříme Vaše stránky ve spojitosti s&nbsp;optimalizací pro vyhledávače (SEO) a&nbsp;navrhneme účinné úpravy webu pro zlepšení. Připravíme Vám podrobnou zprávu s&nbsp;popisem problémů a&nbsp;poskytneme návod, jak stránky upravit, aby se jejich pozice ve vyhledávačích výrazně zlepšila.</p> <p>Pro SEO je nejdůležitější výsledek vyhledávání klíčových slov, tj. stránka výsledků vyhledávání zobrazená vyhledávači Google, Seznam či Bing. Výsledky vyhledávání se nazývají jako <abbr lang="en" title="Search engine results page" xml:lang="en">SERP</abbr> (Search engine results page). Kontrola umístění v SERP je cílem SEO optimalizace pro vyhledávače.</p> <p>Odhalíme nedostatky Vašich stránek a&nbsp;doporučené úpravy webu rádi <a href="/redesign-oprava-webu" title="Redesign a oprava webu">uskutečníme</a>. Součástí výsledků analýzy je většinou naše nabídka další spolupráce.</p> <h2>Cena analýzy optimalizace pro vyhledávače</h2> <p>Na rozdíl od některých konkurentů nenabízíme provedení SEO analýzy zdarma. Paušální cenu nemáme stanovenou, konkrétní cenová nabídka závisí na požadované a&nbsp;potřebné úrovni analýzy a&nbsp;rozsahu webu. Cena SEO analýzy je většinou zahrnuta v&nbsp;celkové nabídce našich dalších služeb. Testování a&nbsp; analýzy jsou standardní součástí naší práce.</p> <p><a href="/kontakt" title="Napište nám a specifikujte Vaše SEO požadavky">Spojte se s&nbsp;námi</a>, můžeme pak společně upřesnit Vaše požadavky a&nbsp; vypracovat nabídku spolupráce.</p> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/43" hreflang="cs">SEO</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/55" hreflang="cs">testování stránek</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/61" hreflang="cs">konzultace</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/35" hreflang="cs">webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/44" hreflang="cs">responzivní webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/45" hreflang="cs">responzivní web</a></span> </div> Thu, 19 Jul 2012 18:49:14 +0000 admin 79 at https://psklenar.cz Analýza a testování použitelnosti https://psklenar.cz/analyza-a-testovani-pouzitelnosti <span class="field field--name-title field--type-string field--label-hidden">Analýza a testování použitelnosti</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Webová použitelnost (web usability) je vlastnost kvality a&nbsp;hodnotí (spíše odhaduje), jak snadno, efektivně a uspokojivě uživatel web použije. Pojem „použitelnost“ zahrnuje též metody pro snadnější užívání webu během procesu webdesignu. <a class="external" href="http://www.sensible.com//" rel="nofollow" title="Steve Krug, známý konzultant na použitelnost">Steve Krug</a> objasnil koncepci použitelnosti již v&nbsp;názvu své knihy: „ <a class="external" href="http://knihy.cpress.cz/nenutte-uzivatele-premyslet.html" rel="nofollow" title="Steve Krug: Nenuťte uživatele přemýšlet! (vydavatelství Computer Press)">Nenuťte uživatele přemýšlet!</a>“</p> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">19.07.2012</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p><a href="/pouzitelnost-internetovych-stranek" title="Použitelnost webových stránek">Použitelnost webových stránek</a> souvisí s&nbsp;jejich úspěšností. Efektivní stránky uživatel snadno a intuitivně ovládá, jsou přehledné a&nbsp; srozumitelné, návštěvník se na webu snadno orientuje, rychle pochopí jejich uspořádání a&nbsp;ovládání. Neplní-li stránky svůj účel, spočívá problém často v&nbsp;použitelnosti, stránky je nutné v&nbsp; tomto směru testovat a&nbsp; podle výsledků analýzy použitelnosti opravit zjištěné nedostatky.</p> <p>Základní podmínky úspěchu webových stránek jsou kvalitní <a href="/copywriting-psani-textu" title="Copywriting – psaní textů pro web"> obsah</a>, dobrá použitelnost a&nbsp; <a href="/pristupnost-internetovych-stranek" title="Přístupnost webových stránek"> přístupnost</a>. Na spokojeného návštěvníka stránek a&nbsp;použitelnost webu je ale nutno myslet už při návrhu a&nbsp;vytváření stránek.</p> <h2>Jak analyzovat použitelnost webu?</h2> <p>K rozboru se používá několik způsobů a&nbsp;používaných metodik, od krátkého a&nbsp;laciného testu, až po náročnou a&nbsp;nákladnou analýzu. Použitelnost může posoudit odborný profesionál, nebo se obvykle ověřuje uživatelským testováním s&nbsp;osobami, neznajícími testovaný web. Marketingové nástroje, jako např. skupinová diskuse – focus group, se příliš nehodí pro testování použitelnosti.</p> <h3>Heuristická analýza použitelnosti</h3> <p>Podle výzkumů a&nbsp;testování vznikla celá řada obecných pravidel použitelnosti a&nbsp; přístupnosti, z&nbsp;nichž by se mělo vycházet již při samotné tvorbě internetových prezentací a&nbsp;aplikací. Heuristické testování (metodou zdravého selského rozumu) provádí zkušený expert, porovnává současný stav webu se souborem obecně platných pravidel.</p> <p>Pravidla odpovídají na otázky, na co jsou návštěvníci zvyklí a&nbsp;co jim při ovládání webu pomůže. Příklad některých z&nbsp;nich:</p> <ul class="soupis"> <li>Úvodní stránka by měla zahrnovat hlavní informace o webu, co na něm uživatel najde a&nbsp;k jakému účelu slouží.</li> <li>Na všech stránkách by měl být přístupný odkaz na úvodní stránku a&nbsp;na hlavní stránku sekce, ve níž se právě uživatel nachází.</li> <li>Na každé stránce by mělo být zřetelně uvedeno, kde se uživatel &nbsp;rámci webu nalézá.</li> <li>Vzhled stránek by měl být vizuálně rozčleněn do logických skupin, rozlišeny by měly být důležité a&nbsp;méně důležité části stránek.</li> <li>Význačné prvky webu (logo, vyhledávání, navigace) by se měly nacházet vždy na stejném místě, aby se uživatel naučil snadno ovládat web.</li> </ul> <h3>Uživatelské testování použitelnosti</h3> <p>Nastavení testu použitelnosti znamená vytvoření propracovaného scénáře nebo reálné situace. Zvolená osoba – uživatel provádí seznam úkolů s&nbsp;využitím testovaného webu, zatímco pozorovatelé sledují jeho chování a&nbsp;všimnou si jeho chyb nebo neefektivních postupů. Metodik existuje několik, jedna z&nbsp; nejúčinnějších a&nbsp; nejlevnějších je jednoduchý test s&nbsp;náhodným uživatelem (hallway usability testing – uživatelské testování s&nbsp;náhodným uživatelem jdoucím po chodbě).</p> <blockquote class="blockquote"> <p class="mb-0">Někteří lidé si myslí, že použitelnost je velmi drahá a složitá a&nbsp; testy použitelnosti jsou určené pro výjimečné weby s&nbsp;obrovským rozpočtem a&nbsp;štědrým časovým plánem. Není to pravda. Komplikované testy použitelnosti jsou plýtvání zdroji. Nejlepší výsledky pramení z&nbsp;testování použitelnosti nejvíce 5 uživatelů a&nbsp;můžete provést tolik malých testů, kolik si můžete dovolit.</p> <footer class="blockquote-footer"><cite><a class="external" target="_blank" href="http://www.useit.com/alertbox/20000319.html" rel="nofollow" title="Jakob Nielsen: Why You Only Need to Test With 5 Users">[Jakob Nielsen, expert na použitelnost webových stránek]</a> </cite></footer> </blockquote> <p>Jeden příklad za všechny. Vezměte někoho, kolegy nebo známého a&nbsp; posaďte ho před počítač. Neříkejte mu adresu svého webu, jen název obchodu a&nbsp;výrobek, který by si měl koupit. Sledujte jen jeho úsilí a&nbsp; zjistíte:</p> <ul class="soupis"> <li>Jak objeví Vaši stránku? Podle čeho Vás najde ve vyhledávači?</li> <li>Dostane-li se na Váš web, jak dlouho mu trvá najít Váš produkt?</li> <li>Narazí na nějaké překážky při pátrání po Vašem obchodu nebo při hledání zboží?</li> <li>Rozumí dobře Vaší nabídce služeb a&nbsp;snadno se orientuje při výběru?</li> </ul> <p>Postup opakujte s&nbsp;další osobou. Podle výzkumů Jakoba Nielsena se 95% problémů použitelnosti najde využitím této techniky.</p> <h2>Naše nabídka testování použitelnosti</h2> <p>Chcete se dozvědět, zda ovládání Vašich stránek nebrání návštěvníkům při nákupu? Objednejte si testování použitelnosti, zkontrolujeme, zda Váš web dodržuje obecně platná pravidla použitelnosti. Zjistíme, nedostávají-li se Vaši návštěvníci do těžkostí a&nbsp;které části webu nejsou zpracované správně.</p> <p><a href="/kontakt" title="Napište nám o nabídku testování použitelnosti">Kontaktujte nás</a>, nabízíme pomoc rovněž při odstraňování odhalených nedostatků.</p> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/55" hreflang="cs">testování stránek</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/56" hreflang="cs">použitelnost</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/44" hreflang="cs">responzivní webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/45" hreflang="cs">responzivní web</a></span> </div> Wed, 18 Jul 2012 22:28:25 +0000 admin 75 at https://psklenar.cz Webové aplikace a webové služby https://psklenar.cz/weby-a-aplikace <span class="field field--name-title field--type-string field--label-hidden">Webové aplikace a webové služby</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Naše internetové studio nabízí optimalizovaný webový design nebo rekonstrukci webu, řešení příznivé pro vyhledávače, úspěch pro firmy i jednotlivce.</p></div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">09.01.2010</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>Webdesign, webové aplikace a webové služby. Nabízíme optimalizaci a reklamu pro vyhledávače, zvýšíme návštěvnost. Vyrobíme blog, redakční systém i e-shop.</p> <p>Převážná většina webových stránek je navržena amatéry a&nbsp;nadšenci, kteří nemají vědomosti o&nbsp;webových standardech a&nbsp;neví nic o&nbsp;optimalizaci pro vyhledávací stroje. Mnoho z&nbsp;těchto webových stránek navštíví velmi málo uživatelů, protože nemají žádný optimalizovaný obsah, nejsou příznivě hodnoceny vyhledávači a&nbsp;nezobrazují se na předních místech výsledků hledání.</p> <p>Navrhujeme stránky eticky optimalizované pro vyhledávače, atraktivní a&nbsp;přehledné se snadnou navigací.</p> <div class="row"> <div class="col-sm-6"> <h2 id="webdesign"><a href="/webdesign" title="Webdesign">Webdesign</a></h2> <dl> <dt><a href="/tvorba-webu" title="Tvorba webových stránek">Tvorba webových stránek</a></dt> <dd>Kompletně vyrobíme webové stránky podle sjednaného návrhu. Upřednostňujeme systém pro správu obsahu <a href="/drupal" title="Drupal - Open Source CMS">Drupal</a>.</dd> <dt><a href="/psani-webu" title="Plnění webových stránek">Plnění webových stránek</a></dt> <dd>Zpracujeme a&nbsp;přepíšeme Váš text do <abbr lang="en" title="HyperText Markup Language"> HTML</abbr> kódu.</dd> <dt><a href="/copywriting-psani-textu" title="Psaní textů - copywriting">Psaní textů – copywriting</a></dt> <dd>Vytvoříme textový obsah stránek podle Vašeho zadání.</dd> <dt><a href="/graficky-design" title="Grafický návrh">Grafický návrh</a></dt> <dd>Navrhneme strukturu a&nbsp;grafický vzhled webu.</dd> <dt><a href="/sablony-webovych-stranek" title="Vytvoření šablony webu">Vytvoření šablony webu</a></dt> <dd>Grafický návrh zakódujeme pomocí <abbr lang="en" title="(nová specifikace) HyperText Markup Language">HTML5</abbr>, <abbr lang="en" title="(poslední standard) Cascading Style Sheets">CSS3</abbr> a&nbsp; <abbr lang="en" title="JavaScript - programovací jazyk pro web">JavaScriptu</abbr> do ověřené šablony.</dd> <dt><a href="/redesign-oprava-webu" title="Úpravy, redesign nebo oprava webu">Redesign nebo oprava webu</a></dt> <dd>Odstraníme problémy s&nbsp;Vašimi současnými stránkami. Instalujeme na Vaše stránky systém pro správu obsahu a&nbsp;naučíme Vás s&nbsp;ním pracovat.</dd> <dt><a href="/aktualizace-sprava-udrzba-webu" title="Aktualizace - správa a údržba webu">Aktualizace – správa a&nbsp;údržba webu</a></dt> <dd>Vybudováním webu nic nekončí, jsme Vám dále k&nbsp;dispozici.</dd> </dl> <h2 id="aplikace"><a href="/webove-aplikace" title="Programování webových aplikací na míru">Internetové aplikace</a></h2> <dl> <dt><a href="/eshop-internetovy-obchod" title="Internetový obchod - eshop">Tvorba internetového obchodu – e-shop</a></dt> <dd>Přizpůsobíme eshop Vašim podmínkám a&nbsp;pomůžeme Vám s&nbsp;jeho datovým plněním.</dd> <dt><a href="/CMS-redakcni-system" title="Redakční systém - CMS">Redakční systém</a></dt> <dd>Většina našich aplikací obsahuje systém pro správu obsahu <a class="external" href="https://www.drupal.org/" rel="nofollow" target="_blank" title="Drupal - Open Source CMS">Drupal</a>. Redakční systém nainstalujeme, doplníme a&nbsp;upravíme podle Vašich potřeb.</dd> <dt><a href="/webove-aplikace" title="Programování webových aplikací na míru">Serverové aplikace</a></dt> <dd>Navrhujeme a&nbsp;programuje serverové a&nbsp;databázové aplikace podle individuálních požadavků. Máme zkušenosti zejména se servery na bázi Linuxu (Apache, PHP, MySQL).</dd> </dl> </div> <div class="col-sm-6"> <h2 id="marketing"><a href="/marketing-reklama-na-internetu" title="Internetový marketing">Internetový marketing</a></h2> <dl> <dt><a href="/marketingova-analyza-strategie" title="Úvodní marketingová analýza a strategie">Úvodní marketingová analýza a&nbsp;strategie</a></dt> <dd>Prodiskutujeme Vaši představu o&nbsp;projektu, navrhneme koncepci, strategii a&nbsp;určíme cíle webových stránek.</dd> <dt><a href="/klicova-slova" title="Analýza klíčových slov">Analýza klíčových slov</a></dt> <dd>Zjistíme jaká klíčová slova Vaši zákazníci skutečně hledají. Výsledkem analýzy klíčových slov je seznam slov pro optimalizaci stránek.</dd> <dt><a href="/registrace-do-katalogu" title="Registrace do katalogů">Registrace do katalogů</a></dt> <dd>Zaregistrujeme Vaše stránky do vhodných katalogů s&nbsp;popisem obsahujícím Vaše klíčová slova.</dd> <dt><a href="/zpetne-odkazy-ve-vyhledavacich" title="Placené zpětné odkazy ve vyhledávačích">Placené zpětné odkazy ve vyhledávačích</a></dt> <dd>Vedeme <abbr lang="en" title="Pay Per Click"> PPC</abbr> kampaně s&nbsp;analýzou klíčových slov, vytvořením optimalizovaného popisu, průběžným měřením výsledků a&nbsp;hodnocením Vaší kampaně.</dd> <dt><a href="/statistiky-navstevnosti" title="Statistiky návštěvnosti">Statistiky návštěvnosti</a></dt> <dd>Sledování návštěvnosti stránek odhalí silné a&nbsp;slabé rysy Vašeho webu. Zvýšíme návštěvnost Vašich stránek.</dd> </dl> <h2 id="analyzy"><a href="/analyzy-a-testovani-stranek" title="Analýzy a testování stránek">Webový audit</a></h2> <dl> <dt><a href="/analyza-seo" title="SEO analýza">Analýza z&nbsp;hlediska SEO</a></dt> <dd>Vypracujeme analýzu stránek z&nbsp;hlediska optimalizace pro vyhledávače ( <abbr lang="en" title="Search Engine Optimization"> SEO</abbr> ) a&nbsp;navrhneme úpravy webu pro zlepšení.</dd> <dt><a href="/analyza-a-testovani-pouzitelnosti" title="Analýza a testování použitelnosti">Analýza a&nbsp;testování použitelnosti</a></dt> <dd>Zjistíme míru použitelnosti stránek podle mnoha kritérií a&nbsp;nabídneme řešení nalezených nedostatků.</dd> <dt><a href="/analyza-pristupnosti" title="Analýza přístupnosti">Analýza přístupnosti</a></dt> <dd>Prozkoumáme Vaše webové stránky ve vztahu k&nbsp;přístupnosti podle obecných pravidel a&nbsp;standardních doporučení.</dd> <dt><a href="/audit-webovych-stranek" title="Audit webových stránek">Audit webových stránek</a></dt> <dd>Přehledně prověříme Váš web v&nbsp;oblasti optimalizace pro vyhledávače, použitelnosti, přístupnosti, technického řešení a&nbsp;doporučíme zlepšení pro lepší úspěšnost a&nbsp;efektivnost stránek.</dd> </dl> </div> </div> <div class="media border mt-3 mb-4 p-3"> <img src="/sites/default/files/paska-img/logo.svg" alt="Kontaktujte nás" class="mr-3 mt-3 rounded-circle bg-success" style="width:40px;"> <div class="media-body"> <h3><strong>Napište nám</strong></h3> <p>Jestliže potřebujete nový web, nebo upravit stávající stránky a&nbsp;nejste-li si jisti volbou našich služeb, <a href="kontakt" title="Napište nám">spojte se s&nbsp;námi.</a>&nbsp;Odpovíme vám, jak nejrychleji to bude možné.</p> </div> </div> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/34" hreflang="cs">web</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/35" hreflang="cs">webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/45" hreflang="cs">responzivní web</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/44" hreflang="cs">responzivní webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/42" hreflang="cs">marketing</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/66" hreflang="cs">webové konzultace</a></span> </div> Sat, 09 Jan 2010 13:50:15 +0000 admin 57 at https://psklenar.cz Optimalizovaný webdesign https://psklenar.cz/webdesign <span class="field field--name-title field--type-string field--label-hidden">Optimalizovaný webdesign</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Tvorba webových stránek a aplikací spojuje řadu specializovaných oborů vyžadujících znalosti, zkušenosti a tvůrčí nápaditosti. S rozvojem technologií je výroba efektivních webových stránek stále náročnější na schopnosti kodérů, programátorů, grafiků a dalších profesionálů. Tvorba stránek se tak stává málo srozumitelná pro běžné uživatele, proto Vám nabízíme komplexní spolupráci při výrobě Vašich stránek a aplikací.</p></div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/index.php/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">19.07.2009</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>Vytvoříme pro Vás funkční a&nbsp;přitažlivou internetovou prezentaci, která bude snadno použitelná, přístupná a&nbsp;přátelská k&nbsp; vyhledávačům. Vyberte si z&nbsp;naší nabídky služby, které by Vám mohly vyřešit Váš problém.</p> <blockquote class="blockquote"> <p class="mb-0">Webdesign je činnost vytvářející webové stránky a&nbsp;webové aplikace. Spočívá v návrhu struktury a&nbsp;vzhledu webových stránek, přičemž se používají zejména technologie XHTML a&nbsp;CSS a&nbsp;statické obrázky (PNG, GIF, JPG). Navíc se někdy používají další technologie umožňující vyšší interaktivitu jako např. JavaScript, SVG, Flash, či Java applety. Do webdesignu někdy lze počítat také části tvorby serverové části aplikací – programování v&nbsp;jazycích jako PHP či ASP.</p> <footer class="blockquote-footer"><cite><a class="external" target="_blank" href="https://cs.wikipedia.org/w/index.php?title=Webdesign&amp;oldid=2624414" rel="nofollow" title="Wikipedie">[Wikipedie – otevřená encyklopedie]&nbsp; <span id="mw-revision-date">(27.5.2008) </span></a> </cite></footer> </blockquote> <p>Pojem webdesign není přesně definovatelný (viz různé <a class="external" href="http://cs.wikipedia.org/wiki/Webdesign" rel="nofollow" title="např. Wikipedie - aktuální verze">wiki</a> stránky) , je odlišný z pohledu architekta webu, SEO specialisty, skriptéra nebo grafika. Nejdůležitější je však to, co si spojuje s&nbsp;webdesignem zákazník, jaké má představy o svých stránkách. Budou cílené na reklamu a&nbsp;zisk z&nbsp;návštěvnosti, budou sloužit pro prezentaci, budou soukromé či veřejně přístupné?</p> <p>Nemáte ještě webové stránky, nebo Vaše současné stránky jsou zastaralé a&nbsp;nevyhovující? Už nemusíte hledat, jste na správné adrese.</p> <div class="row"> <div class="col-sm-6"> <dl class="sl1"> <dt class="nadpis"><a href="/tvorba-webu" title="Tvorba webových stránek">Tvorba webových stránek</a></dt> <dd>Zhotovíme Vám profesionální internetové stránky splňující všechny současné požadavky kladené na dobrý web. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/tvorba-webu" rel="tag" title="Tvorba webu">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/psani-webu" title="Plnění webových stránek">Plnění webových stránek</a></dt> <dd>Zpracujeme pro Vaše webové stránky kvalitní obsah. Využijeme údaje z&nbsp;rukopisů, z&nbsp;tištěné podoby, z&nbsp;databází a&nbsp; přepíšeme text do strukturovaného <abbr lang="en" title="HyperText Markup Language">HTML</abbr>&nbsp;kódu. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/psani-webu" rel="tag" title="Psaní webu">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/copywriting-psani-textu" title="Psaní textů - copywriting">Psaní textů – copywriting</a></dt> <dd>Vytvořit kvalitní text pro web není jednoduchá záležitost. Zformulujeme textový obsah podle zadání, text přehledně sémanticky zpracujeme s&nbsp;ohledem na optimalizaci pro vyhledávače a&nbsp;se zdůrazněním jasného smyslu dokumentu. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/copywriting-psani-textu" rel="tag" title="Copywriting psaní textu">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/graficky-design" title="Grafický návrh">Grafický návrh</a></dt> <dd>Grafický styl webu je důležitý pro úspěch každého projektu a&nbsp;pro zvýšení důvěryhodnosti webu v&nbsp;očích uživatelů. Při návrhu stránek preferujeme použitelnost, přístupnost a&nbsp;současně se snažíme vytvořit moderní webový design. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/graficky-design" rel="tag" title="Grafický design">Číst dál...</a></div> </dd> </dl> </div> <div class="col-sm-6"> <dl class="sl2"> <dt class="nadpis"><a href="/sablony-webovych-stranek" title="Vytvoření šablony webu">Vytvoření šablony webu</a></dt> <dd>Navrhneme rozložení stránky a&nbsp;strukturu webu zpracujeme do použitelné šablony stránek s&nbsp;odděleným formátováním vzhledu. Pomocí technologie <a class="external" href="http://cs.wikipedia.org/wiki/HTML5" rel="nofollow" target="_blank" title="verze značkovacího jazyka HTML">HTML5</a> a&nbsp; <a class="external" href="http://cs.wikipedia.org/wiki/CSS3" rel="nofollow" target="_blank" title="Cascading Style Sheets 3">CSS3</a> korektně vytvoříme validní kód odpovídající webovým standardům sdružení <a class="external" href="http://www.w3.org/"> <abbr lang="en" title="The World Wide Web Consortium">W3C</abbr></a>. Upřednostňujeme systém <a class="external" href="https://www.drupal.org/" rel="nofollow" target="_blank" title="Drupal - Open Source CMS">Drupal</a>. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/sablony-webovych-stranek" rel="tag" title="Šablony webových stránek">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/redesign-oprava-webu" title="Úpravy, redesign webu nebo oprava webu">Redesign webu a oprava webu</a></dt> <dd>Provedeme kompletní analýzu s&nbsp;cílem zdokonalit Vaši současnou prezentaci. Převedeme starší stránky na moderní technologii <abbr lang="en" title="HyperText Markup Language">HTML</abbr> a <abbr lang="en" title="Cascading Style Sheets">CSS</abbr>, aplikujeme systém správy obsahu <a href="/drupal" title="Drupal - Open Source CMS">Drupal</a>&nbsp;s&nbsp;důrazem na přístupnost, použitelnost a&nbsp;optimalizaci pro vyhledávače. Poradíme Vám s&nbsp;úpravou struktury webu dle standardů a&nbsp;doporučení. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/redesign-oprava-webu" rel="tag" title="Redesign nebo oprava webu">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/aktualizace-sprava-udrzba-webu" title="Aktualizace – správa a údržba webu">Aktualizace - správa a&nbsp; údržba webu</a></dt> <dd>Podle požadavků zajistíme správu a&nbsp;aktualizaci Vašich internetových stránek. Rozšíříme web o&nbsp;další sekce, vytvoříme stránky pro nové služby či produkt. Naučíme Vás používat <abbr lang="en" title="Content Management System"> CMS</abbr> systém <a href="/drupal" title="Drupal - Open Source CMS">Drupal</a>pro správu obsahu. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/aktualizace-sprava-udrzba-webu" rel="tag" title="Aktualizace správa a údržba webu">Číst dál...</a></div> </dd> </dl> </div> </div> <div class="media border mt-3 mb-4 p-3"> <img src="/sites/default/files/paska-img/logo.svg" alt="Kontaktujte nás" class="mr-3 mt-3 rounded-circle bg-success" style="width:40px;"> <div class="media-body"> <h3><strong>Redesign webu není grafická úprava</strong></h3> <p>Máte-li zájem o redesign webu nebo vytvoření nového webu či úpravu webových stránek, <a href="/kontakt" title="Napište nám">spojte se s&nbsp;námi.</a> právě nyní prostřednictvím uvedeného formuláře. Kontaktujte nás, rádi Vám pomůžeme a vybereme to nejlepší řešení, které plně uspokojí Vaše potřeby. Naše odpověď na sebe nenechá dlouho čekat.</p> </div> </div> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/34" hreflang="cs">web</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/35" hreflang="cs">webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/36" hreflang="cs">obsah webu</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/37" hreflang="cs">copywriting</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/38" hreflang="cs">grafika</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/39" hreflang="cs">šablona</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/40" hreflang="cs">redesign</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/41" hreflang="cs">aktualizace</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/42" hreflang="cs">marketing</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/43" hreflang="cs">SEO</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/44" hreflang="cs">responzivní webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/45" hreflang="cs">responzivní web</a></span> </div> Sat, 18 Jul 2009 22:03:41 +0000 admin 54 at https://psklenar.cz