{"id":12896,"date":"2021-05-07T18:31:27","date_gmt":"2021-05-07T21:31:27","guid":{"rendered":"https:\/\/mindthegraph.com\/blog\/?p=12896"},"modified":"2023-01-05T14:42:47","modified_gmt":"2023-01-05T17:42:47","slug":"how-to-make-your-research-lab-website-look-professional","status":"publish","type":"post","link":"https:\/\/mindthegraph.com\/blog\/cs\/jak-udelat-webove-stranky-vasi-vyzkumne-laboratore-profesionalne-vypadajicimi\/","title":{"rendered":"Jak zajistit, aby webov\u00e9 str\u00e1nky va\u0161\u00ed v\u00fdzkumn\u00e9 laborato\u0159e vypadaly profesion\u00e1ln\u011b"},"content":{"rendered":"<p>A\u0165 u\u017e jste profesorem odpov\u011bdn\u00fdm za v\u00fdzkumnou laborato\u0159 nebo v\u011bdcem, kter\u00fd je sou\u010d\u00e1st\u00ed v\u00fdzkumn\u00e9 laboratorn\u00ed skupiny, nebo dokonce pracujete s\u00e1m, je zaj\u00edmav\u00e9 a velmi d\u016fle\u017eit\u00e9 uk\u00e1zat svou v\u00fdzkumnou pr\u00e1ci ve\u0159ejnosti. Publikovan\u00e9 \u010dl\u00e1nky, spolupr\u00e1ce nebo partnerstv\u00ed, to v\u0161e je d\u016fle\u017eit\u00e9, proto\u017ee nejen\u017ee sd\u00edl\u00edte v\u011bdeck\u00e9 informace, ale tak\u00e9 se zviditel\u0148ujete, a webov\u00e9 str\u00e1nky jsou skv\u011blou formou pro sd\u00edlen\u00ed v\u0161ech informac\u00ed. Ne ledajak\u00e9 webov\u00e9 str\u00e1nky, ale profesion\u00e1ln\u00ed webov\u00e9 str\u00e1nky, kter\u00e9 v\u00e1m p\u0159inesou v\u00fdhody a otev\u0159ou p\u0159\u00edle\u017eitosti.<\/p>\n\n\n\n<p>Na\u0161t\u011bst\u00ed je to dnes d\u00edky v\u0161em dostupn\u00fdm u\u017eite\u010dn\u00fdm n\u00e1stroj\u016fm a platform\u00e1m snaz\u0161\u00ed.<\/p>\n\n\n\n<p>V tomto \u010dl\u00e1nku se dozv\u00edte 15 praktick\u00fdch krok\u016f, jak vytvo\u0159it profesion\u00e1ln\u00ed webov\u00e9 str\u00e1nky va\u0161\u00ed v\u00fdzkumn\u00e9 laborato\u0159e.<\/p>\n\n\n\n<p class=\"has-large-font-size\">1. Najd\u011bte inspiraci<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/mllm7IRfkdK90x63wXCNde6GqFR7Vcy7eUizrBalTLNQYX9dhZZbDaO9Md2MQwTW3QdsvsfdZGIP5N8nZSvPH6JcG1uL4akEtOA5NCOtNPs_ONB5lQ4ttvw2w4EYgRLRQOQ2EB4\" width=\"624\" height=\"416\"><\/p>\n\n\n\n<p>Nalezen\u00ed inspirace v\u00e1m usnadn\u00ed strukturov\u00e1n\u00ed a navrhov\u00e1n\u00ed webov\u00fdch str\u00e1nek, proto\u017ee p\u0159in\u00e1\u0161\u00ed inspiraci a pom\u00e1h\u00e1 v\u00e1m nastavit z\u00e1sady tvorby zna\u010dky. Tak\u00e9 l\u00e9pe ukazuje va\u0161i osobu.<\/p>\n\n\n\n<p>Chcete-li naj\u00edt inspiraci, za\u010dn\u011bte kombinac\u00ed sv\u00fdch preferenc\u00ed a trend\u016f souvisej\u00edc\u00edch s va\u0161\u00ed oblast\u00ed v\u00fdzkumu.<\/p>\n\n\n\n<p>Pod\u00edvejte se na online zdroje, konkuren\u010dn\u00ed zna\u010dky a chov\u00e1n\u00ed c\u00edlov\u00e9ho trhu. P\u0159\u00edpadn\u011b, <a href=\"https:\/\/zyro.com\/blog\/business-website-examples\/\">pod\u00edvejte se na tyto p\u0159\u00edklady obchodn\u00edch webov\u00fdch str\u00e1nek<\/a> pro v\u00fdzkum.<\/p>\n\n\n\n<p>Celkov\u011b lze \u0159\u00edci, \u017ee kdy\u017e za\u010dnete s identifikac\u00ed toho, co oce\u0148ujete na str\u00e1nk\u00e1ch, kter\u00e9 v\u00e1s inspiruj\u00ed, vytvo\u0159\u00edte pracovn\u00ed pokyny, kter\u00e9 povedou k lep\u0161\u00edmu pocitu z webu, p\u0159ehledn\u011bj\u0161\u00ed navigaci a pomohou zbytku procesu v \u010dl\u00e1nku.<\/p>\n\n\n\n<p class=\"has-large-font-size\">2. Zvolte spr\u00e1vn\u00e9 barvy<\/p>\n\n\n\n<p>Pou\u017eit\u00ed spr\u00e1vn\u00fdch barev na webov\u00fdch str\u00e1nk\u00e1ch pom\u00e1h\u00e1 ud\u011blat dojem, proto\u017ee p\u016fsob\u00ed na emoce n\u00e1v\u0161t\u011bvn\u00edk\u016f. Barvy tak\u00e9 pom\u00e1haj\u00ed zlep\u0161it u\u017eivatelsk\u00fd z\u00e1\u017eitek jako sou\u010d\u00e1st n\u00e1vrhu u\u017eivatelsk\u00e9ho rozhran\u00ed.<\/p>\n\n\n\n<p>P\u0159i v\u00fdb\u011bru spr\u00e1vn\u00fdch barev je t\u0159eba pou\u017e\u00edt ty, kter\u00e9 odpov\u00eddaj\u00ed osobnosti va\u0161\u00ed v\u011bdeck\u00e9 zna\u010dky. Pod\u00edvejte se na seznam <a href=\"https:\/\/coschedule.com\/blog\/color-psychology-marketing\/\">psychologie barev<\/a> a zahrnout ty, kter\u00e9 jsou p\u0159\u00edjemn\u00e9 na pohled.<\/p>\n\n\n\n<p>Po v\u00fdb\u011bru a implementaci barev mohou u\u017eivatel\u00e9 l\u00e9pe identifikovat prvky webu. Zd\u016fraz\u0148uj\u00ed tak\u00e9 str\u00e1nky, tla\u010d\u00edtka nebo sekce, kter\u00e9 chcete zv\u00fdraznit. To vede k vy\u0161\u0161\u00ed m\u00ed\u0159e kliknut\u00ed a ni\u017e\u0161\u00ed m\u00ed\u0159e odsko\u010den\u00ed.<\/p>\n\n\n\n<p class=\"has-large-font-size\">3. Pou\u017e\u00edvejte snadno \u010diteln\u00e1 p\u00edsma<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/HH2QF8UWX3Pqrm6FMBecvknRo2dGfhC5ZbaNnDU5NUumJblzAfj4mJpCRkiBfX-P-rwiIFeam1tTq0oysdJRw9d25p6kCjStvExOf98oPBqaQ5ovLNOj5cX8q089VYesH3DATOE\" width=\"624\" height=\"416\"><\/p>\n\n\n\n<p>Lid\u00e9 pou\u017e\u00edvaj\u00ed r\u016fzn\u00e1 za\u0159\u00edzen\u00ed a mohou na va\u0161e webov\u00e9 str\u00e1nky p\u0159istupovat v r\u016fznou dobu. Snadno \u010diteln\u00e1 p\u00edsma jsou bezpe\u010dnou volbou, kter\u00e1 zaji\u0161\u0165uje jasnou \u010ditelnost pro v\u0161echny a kdykoli.<\/p>\n\n\n\n<p>Nevyb\u00edrejte si proto p\u00edsma jen proto, \u017ee vypadaj\u00ed hezky. Pro profesion\u00e1ln\u00ed vzhled pou\u017e\u00edvejte jednoduch\u00e1, snadno \u010diteln\u00e1 p\u00edsma a v\u017edy volte p\u0159edev\u0161\u00edm funk\u010dnost.<\/p>\n\n\n\n<p>Mezi obl\u00edben\u00e1 p\u00edsma pro profesion\u00e1ln\u00ed webov\u00e9 str\u00e1nky pat\u0159\u00ed Lato, Helvetica a Calibri. Pro zd\u016frazn\u011bn\u00ed profesionality m\u016f\u017eete pou\u017e\u00edt p\u00edsma serif nebo sans serif - podle toho, jakou zna\u010dku sv\u00e9 firmy pou\u017e\u00edv\u00e1te. Nejd\u016fle\u017eit\u011bj\u0161\u00ed je v\u017edy sladit p\u00edsma s va\u0161\u00ed zna\u010dkou, aby byla autentick\u00e1.<\/p>\n\n\n\n<p>Pe\u010dliv\u011b zkombinujte dv\u011b a\u017e t\u0159i p\u00edsma, abyste zes\u00edlili prvky webu. Nezapome\u0148te tak\u00e9 sladit p\u00edsma s barvami va\u0161\u00ed zna\u010dky, abyste dos\u00e1hli profesion\u00e1ln\u011bj\u0161\u00edho vzhledu.<\/p>\n\n\n\n<p class=\"has-large-font-size\">4. Vytvo\u0159en\u00ed loga<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/gZ5p7Eii-jF7da6sTnBqx57z0_mcd-h1Embar4IhIuB3Y_u7Dr5Rg24EVoI4VwH4hoG8MzCO4q910SPPPCl_2PBJSmzbI42TgH6rDJQ4jZ-xS2iRL12AHqzAfQd4YInUxVX0BrM\" width=\"624\" height=\"416\"><\/p>\n\n\n\n<p>Profesion\u00e1ln\u00ed vzhled spo\u010d\u00edv\u00e1 ve vytvo\u0159en\u00ed jednotn\u00e9 zna\u010dky a logo je skv\u011bl\u00fdm \u0159e\u0161en\u00edm. V logu budete m\u00edt zna\u010dku a z\u00e1rove\u0148 vytvo\u0159\u00edte dojem na sv\u00e9 publikum. Va\u0161e logo je va\u0161\u00ed zna\u010dkovou osobnost\u00ed, proto se ujist\u011bte, \u017ee dokonale vystihuje va\u0161i v\u011bdeckou zna\u010dku. Pod\u00edvejte se na toto skv\u011bl\u00e9 <a href=\"https:\/\/pascalmolenberghs.wixsite.com\/website\">logo<\/a> z webov\u00fdch str\u00e1nek neurov\u011bdeck\u00e9 laborato\u0159e.<\/p>\n\n\n\n<p>Za t\u00edmto \u00fa\u010delem prozkoumejte obor sv\u00e9ho podnik\u00e1n\u00ed a p\u0159\u00edslu\u0161n\u00e9 trendy v oblasti loga. Logo vytvo\u0159te pomoc\u00ed <a href=\"https:\/\/themeisle.com\/blog\/best-logo-maker\/\">platformy pro tvorbu loga<\/a> na z\u00e1klad\u011b n\u00e1zvu va\u0161\u00ed zna\u010dky, ikon nebo v\u0161ech dohromady. Sla\u010fte je s barvami sv\u00e9 zna\u010dky. Pot\u00e9 logo odpov\u00eddaj\u00edc\u00edm zp\u016fsobem um\u00edst\u011bte na webov\u00e9 str\u00e1nky.<\/p>\n\n\n\n<p>Z dlouhodob\u00e9ho hlediska va\u0161e logo zvy\u0161uje pov\u011bdom\u00ed o zna\u010dce a loajalitu. Dod\u00e1v\u00e1 tak\u00e9 d\u016fv\u011bryhodnost, zvy\u0161uje preference zna\u010dky a zlep\u0161uje va\u0161i z\u00e1kaznickou z\u00e1kladnu.<\/p>\n\n\n\n<p class=\"has-large-font-size\">5. Nahr\u00e1n\u00ed ikony obl\u00edben\u00e9 str\u00e1nky<\/p>\n\n\n\n<p>Favicon je mal\u00e1 ikona o velikosti 16 \u00d7 16 pixel\u016f, kter\u00e1 pom\u00e1h\u00e1 l\u00e9pe identifikovat va\u0161e webov\u00e9 str\u00e1nky, zejm\u00e9na u\u017eivatel\u016fm s mnoha otev\u0159en\u00fdmi kartami. Nem\u00e1 vliv na SEO, ale zlep\u0161uje rozpoznatelnost a pom\u00e1h\u00e1 vypadat profesion\u00e1ln\u011bji.<\/p>\n\n\n\n<p>Na kart\u011b prohl\u00ed\u017ee\u010de se vedle n\u00e1zvu webu nach\u00e1z\u00ed favicon. \u010casto se podob\u00e1 logu zna\u010dky, i kdy\u017e m\u00e1 mnohem jednodu\u0161\u0161\u00ed design. Vytvo\u0159te favicon v preferovan\u00e9m softwaru pro navrhov\u00e1n\u00ed nebo v online n\u00e1stroj\u00edch. Pot\u00e9 ji nahrajte na web ve form\u00e1tu PNG.<\/p>\n\n\n\n<p>Favikona pom\u00e1h\u00e1 zapsat va\u0161i zna\u010dku do pov\u011bdom\u00ed publika a budovat jej\u00ed pov\u011bdom\u00ed. Kdy\u017e va\u0161i zna\u010dku uvid\u00ed znovu, l\u00e9pe si ji zapamatuj\u00ed.<\/p>\n\n\n\n<p class=\"has-large-font-size\">6. Ud\u011blejte si webov\u00e9 str\u00e1nky responzivn\u00ed<\/p>\n\n\n\n<p>Profesion\u00e1ln\u00ed vzhled je o tom, aby va\u0161e webov\u00e9 str\u00e1nky byly reprezentativn\u00ed na jak\u00e9koli velikosti obrazovky.<\/p>\n\n\n\n<p>Je to mo\u017en\u00e9 d\u00edky responzivn\u00ed \u0161ablon\u011b webov\u00fdch str\u00e1nek. Naz\u00fdv\u00e1 se tak\u00e9 mobile-first p\u0159\u00edstup a zachov\u00e1v\u00e1 kvalitu webov\u00fdch str\u00e1nek t\u00edm, \u017ee se spol\u00e9h\u00e1 na m\u0159\u00ed\u017eku webov\u00fdch str\u00e1nek, kter\u00e1 m\u011bn\u00ed uspo\u0159\u00e1d\u00e1n\u00ed obsahu podle typu obrazovky.<\/p>\n\n\n\n<p>Pokud pou\u017e\u00edv\u00e1te n\u00e1stroj pro tvorbu webov\u00fdch str\u00e1nek, vyberte si responzivn\u00ed \u0161ablonu a optimalizujte m\u00e9dia. Zva\u017ete rozlo\u017een\u00ed pro mobiln\u00ed za\u0159\u00edzen\u00ed a otestujte jeho responzivitu pomoc\u00ed n\u00e1stroje Google <a href=\"https:\/\/search.google.com\/test\/mobile-friendly\">Test pro mobiln\u00ed za\u0159\u00edzen\u00ed<\/a>.<\/p>\n\n\n\n<p>Krom\u011b p\u0159izp\u016fsoben\u00ed r\u016fzn\u00fdm typ\u016fm za\u0159\u00edzen\u00ed zlep\u0161uj\u00ed responzivn\u00ed webov\u00e9 str\u00e1nky tak\u00e9 SEO, proto\u017ee jsou jedn\u00edm z faktor\u016f hodnocen\u00ed. Z dlouhodob\u00e9ho hlediska zlep\u0161uje m\u00edru konverze a pom\u00e1h\u00e1 udr\u017eovat st\u00e1l\u00fd r\u016fst.<\/p>\n\n\n\n<p class=\"has-large-font-size\">7. Pou\u017eit\u00ed vizu\u00e1ln\u00ed hierarchie<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/W6JvrVH7wpG-jpRqfIVrJQWrHmr2N59wC7z9w0NzObp0UkPu8G90o5o_0JK-WgjQku72Y9JIHrZmJ8LxnGAL7qrD-LHi7XsLu-rK2VPQpql3t9FF0gmRYaA2jOED_JTafQhaMtI\" width=\"624\" height=\"413\"><\/p>\n\n\n\n<p>Jasn\u00e1 vizu\u00e1ln\u00ed hierarchie pom\u00e1h\u00e1 uspo\u0159\u00e1dat obsah webu.<\/p>\n\n\n\n<p>Je propojen s funk\u010dnost\u00ed a umo\u017e\u0148uje lep\u0161\u00ed vst\u0159eb\u00e1v\u00e1n\u00ed zpr\u00e1v i pro n\u00e1v\u0161t\u011bvn\u00edky, kte\u0159\u00ed jej nav\u0161t\u00edv\u00ed poprv\u00e9. V praxi vizu\u00e1ln\u00ed hierarchie p\u0159eskupuje prvky webu podle jejich d\u016fle\u017eitosti.<\/p>\n\n\n\n<p>Vizu\u00e1ln\u00ed hierarchie spo\u010d\u00edv\u00e1 v kontrole toho, co n\u00e1v\u0161t\u011bvn\u00edci vid\u00ed. Za\u010dn\u011bte proto vytvo\u0159en\u00edm struktury str\u00e1nek s p\u0159ehledn\u00fdmi str\u00e1nkami a podstr\u00e1nkami v r\u00e1mci webu. Nejd\u016fle\u017eit\u011bj\u0161\u00ed str\u00e1nky, nap\u0159\u00edklad ty, kter\u00e9 generuj\u00ed marketingov\u00e9 nebo prodejn\u00ed v\u00fdsledky, zv\u00fdrazn\u011bte pomoc\u00ed <a href=\"https:\/\/www.interaction-design.org\/literature\/topics\/visual-hierarchy\">z\u00e1sady vizu\u00e1ln\u00edho designu<\/a>.<\/p>\n\n\n\n<p>V z\u00e1vislosti na c\u00edlech se va\u0161e vizu\u00e1ln\u00ed hierarchie sna\u017e\u00ed z\u00edskat z\u00e1jem z\u00e1kazn\u00edk\u016f t\u00edm, \u017ee v nich vyvol\u00e1v\u00e1 pocit anga\u017eovanosti. M\u016f\u017ee tak\u00e9 p\u016fsobit na pos\u00edlen\u00ed va\u0161\u00ed marketingov\u00e9 kampan\u011b.<\/p>\n\n\n\n<p class=\"has-large-font-size\">8. Zjednodu\u0161en\u00ed navigace<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/If8subieY2E02G163Im1lQEh3neR5RJQPkxjNIr2MGTNmmoSYzXINX7W9ZRm4UhFr5ePPa8yh9tB6Co1bDeiI_AaBGoje3trFPrs8ANR0dpebJxerw2lKCjMvl5UUGutDESOMlw\" width=\"624\" height=\"416\"><\/p>\n\n\n\n<p>Zjednodu\u0161en\u00e1 navigace znamen\u00e1 plynulou cestu po str\u00e1nce s minim\u00e1ln\u00edm po\u010dtem kliknut\u00ed. K tomu je t\u0159eba zn\u00e1t n\u011bkolik kl\u00ed\u010dov\u00fdch prvk\u016f. Mezi n\u011b pat\u0159\u00ed hlavn\u00ed naviga\u010dn\u00ed nab\u00eddky, kopie a dal\u0161\u00ed funkce. Jejich optimalizace umo\u017e\u0148uje zefektivnit navigaci na webu.<\/p>\n\n\n\n<p>Jasn\u011b ur\u010dete \u00fa\u010del ka\u017ed\u00e9ho prvku, kter\u00fd na webov\u00e9 str\u00e1nky um\u00edst\u00edte. D\u00e1vejte pozor na \u010d\u00edsla str\u00e1nek a odstra\u0148te ta nepot\u0159ebn\u00e1. Odstra\u0148te vyskakovac\u00ed okna, abyste eliminovali rozptylov\u00e1n\u00ed pozornosti. Pravideln\u011b tak\u00e9 <a href=\"https:\/\/www.w3.org\/WAI\/test-evaluate\/preliminary\/\">sledovat a ladit<\/a> obsah va\u0161ich webov\u00fdch str\u00e1nek.<\/p>\n\n\n\n<p>Krom\u011b toho zkontrolujte, zda m\u00e1te k dispozici analytick\u00e9 n\u00e1stroje. N\u00e1v\u0161t\u011bvnost va\u0161ich webov\u00fdch str\u00e1nek by v\u00e1m m\u011bla prozradit, kter\u00e9 str\u00e1nky nebo odkazy dost\u00e1vaj\u00ed nejv\u00edce <a href=\"https:\/\/www.optimizesmart.com\/how-to-identify-web-pages-with-zero-traffic-in-google-analytics\/\">nejm\u00e9n\u011b n\u00e1v\u0161t\u011bv<\/a>. Zjednodu\u0161en\u00edm navigace tak\u00e9 u\u0161et\u0159\u00edte pen\u00edze a zdroje.<\/p>\n\n\n\n<p class=\"has-large-font-size\">9. M\u00edt jasn\u00e9 v\u00fdzvy k akci<\/p>\n\n\n\n<p>V\u00fdzva k akci (CTA) na webov\u00fdch str\u00e1nk\u00e1ch pom\u00e1h\u00e1 nasm\u011brovat u\u017eivatele k akci, kterou m\u00e1 prov\u00e9st. Nav\u00e1d\u00ed u\u017eivatele k nalezen\u00ed toho, co hledaj\u00ed - podporuje vynikaj\u00edc\u00ed navigaci a udr\u017euje pr\u016fm\u011brnou dobu str\u00e1venou na webu.<\/p>\n\n\n\n<p>Pro nejlep\u0161\u00ed praxi CTA pou\u017eijte jeden a\u017e dva CTA na z\u00e1kladn\u00edch str\u00e1nk\u00e1ch, jako je domovsk\u00e1 str\u00e1nka, O n\u00e1s nebo Kontaktujte n\u00e1s. Tla\u010d\u00edtka jasn\u011b sla\u010fte s prodejn\u00edm trycht\u00fd\u0159em - bu\u010f pro zv\u00fd\u0161en\u00ed pov\u011bdom\u00ed, nebo pro udr\u017een\u00ed. Nastavte u CTA hmatateln\u00fd v\u00fdsledek, nap\u0159\u00edklad m\u00edru kliknut\u00ed nebo konverze.<\/p>\n\n\n\n<p>CTA vytv\u00e1\u0159ej\u00ed lep\u0161\u00ed tok webov\u00fdch str\u00e1nek a odstra\u0148uj\u00ed zmatek. Ud\u011blejte v\u0161ak <a href=\"https:\/\/blog.hubspot.com\/marketing\/call-to-action-examples\">kop\u00edrovat zaj\u00edmav\u00e9<\/a> aby se z n\u011bj nestal spam. Pro dosa\u017een\u00ed nejlep\u0161\u00edch v\u00fdsledk\u016f vytvo\u0159te p\u0159irozen\u00fd obsah str\u00e1nky a CTA.<\/p>\n\n\n\n<p class=\"has-large-font-size\">10. Pou\u017eit\u00ed videa a dal\u0161\u00edch typ\u016f m\u00e9di\u00ed<\/p>\n\n\n\n<p>Vizu\u00e1ln\u00ed aspekty pom\u00e1haj\u00ed zlep\u0161it webov\u00e9 str\u00e1nky, proto\u017ee 50% lidsk\u00e9ho mozku pracuje na tom, aby <a href=\"https:\/\/mindthegraph.com\/blog\/infographic-and-visual-design-statistics\/\">zpracov\u00e1vat vizu\u00e1ln\u00ed informace.<\/a>. Pomoc\u00ed videa, obr\u00e1zk\u016f nebo jin\u00fdch typ\u016f m\u00e9di\u00ed m\u016f\u017eete v\u00fdrazn\u011b zv\u00fd\u0161it z\u00e1jem.<\/p>\n\n\n\n<p>Za\u010dn\u011bte t\u00edm, \u017ee pochop\u00edte <a href=\"https:\/\/mindthegraph.com\/blog\/infographic-and-visual-design-trends\/\">trendy v infografice a vizu\u00e1ln\u00edm designu<\/a> pro lep\u0161\u00ed relevanci. D\u00e1le pochopte chov\u00e1n\u00ed sv\u00e9ho c\u00edlov\u00e9ho trhu.<\/p>\n\n\n\n<p>P\u0159esn\u00fd medi\u00e1ln\u00ed nebo vizu\u00e1ln\u00ed obsah pom\u00e1h\u00e1 zd\u016fraznit va\u0161e sd\u011blen\u00ed, ani\u017e by ho p\u0159ehnan\u011b prod\u00e1val. Nav\u00edc buduje a udr\u017euje anga\u017eovanost z\u00e1kazn\u00edk\u016f.<\/p>\n\n\n\n<p class=\"has-large-font-size\">11. Zlid\u0161t\u011bn\u00ed t\u00f3nu a hlasu va\u0161ich webov\u00fdch str\u00e1nek<\/p>\n\n\n\n<p>D\u016fle\u017eitou sou\u010d\u00e1st\u00ed \u00fasp\u011b\u0161n\u00fdch webov\u00fdch str\u00e1nek je schopnost nav\u00e1zat kontakt s publikem. Z psychologick\u00e9ho hlediska maj\u00ed lid\u00e9 r\u00e1di <a href=\"https:\/\/customerthink.com\/humanizing-technology\/\">spojen\u00ed s ostatn\u00edmi<\/a>, co\u017e plat\u00ed i pro zna\u010dky. Zlid\u0161t\u011bn\u00ed t\u00f3nu a hlasu va\u0161ich webov\u00fdch str\u00e1nek je zp\u016fsob, jak d\u00e1t publiku pocit uzn\u00e1n\u00ed.<\/p>\n\n\n\n<p>Za t\u00edmto \u00fa\u010delem si vytvo\u0159te skute\u010dn\u00fd d\u016fvod a ur\u010dete priority sv\u00e9ho publika. Naslouchejte jejich zp\u011btn\u00e9 vazb\u011b, preferenc\u00edm a tomu, jak se chovaj\u00ed na va\u0161ich soci\u00e1ln\u00edch platform\u00e1ch. Bu\u010fte d\u016fsledn\u00ed p\u0159i poskytov\u00e1n\u00ed obsahu. Vzd\u011bl\u00e1vejte publikum nam\u00edsto neust\u00e1l\u00e9ho prod\u00e1v\u00e1n\u00ed sv\u00fdch produkt\u016f.<\/p>\n\n\n\n<p>Z dlouhodob\u00e9ho hlediska, <a href=\"https:\/\/smallbiztrends.com\/2020\/05\/humanize-your-brand.html\">humanizace va\u0161ich webov\u00fdch str\u00e1nek<\/a> vede k tomu, \u017ee se v\u00edce lid\u00ed c\u00edt\u00ed pohodln\u011b v interakci s va\u0161\u00ed zna\u010dkou, co\u017e usnad\u0148uje udr\u017een\u00ed z\u00e1kazn\u00edk\u016f a v\u011brnost zna\u010dce.<\/p>\n\n\n\n<p class=\"has-large-font-size\">12. Jednoduch\u00e9 rozvr\u017een\u00ed<\/p>\n\n\n\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh5.googleusercontent.com\/MTjro97wyJ5V3KcnSV2zZ9Pp2X9BOBXLgpiUqjssjY_v4Llnq0mdr6z7CAW03908Qs-yUTo7LQKIlqIBp7xUILppzbfxBGJCjLd8NI1UXWMuP8aVuiigX9xANpQaz6Gis-DfyrE\" width=\"624\" height=\"413\"><\/p>\n\n\n\n<p>Jednoduch\u00e9 rozvr\u017een\u00ed je nejlep\u0161\u00ed pro vytvo\u0159en\u00ed dobr\u00e9ho toku webov\u00fdch str\u00e1nek a nezahlcen\u00ed n\u00e1v\u0161t\u011bvn\u00edk\u016f. Pokud pou\u017e\u00edv\u00e1te n\u00e1stroj pro tvorbu webov\u00fdch str\u00e1nek, zvolte jednoduch\u00e9 a responzivn\u00ed \u0161ablony. Pro jednodu\u0161\u0161\u00ed vzhled volte monochromatick\u00e9 barvy.<\/p>\n\n\n\n<p>Pamatujte na pravidlo, \u017ee n\u00e1v\u0161t\u011bvn\u00edci by m\u011bli naj\u00edt to, co hledaj\u00ed, na t\u0159i kliknut\u00ed. To znamen\u00e1 co nejv\u00edce minimalizovat po\u010det kliknut\u00ed sn\u00ed\u017een\u00edm po\u010dtu tla\u010d\u00edtek a str\u00e1nek.<\/p>\n\n\n\n<p>Jednoduch\u00e9 rozvr\u017een\u00ed webov\u00fdch str\u00e1nek zlep\u0161uje u\u017eivatelsk\u00e9 rozhran\u00ed a u\u017eivatelsk\u00fd z\u00e1\u017eitek. Dod\u00e1v\u00e1 webu profesionalitu a d\u016fv\u011bryhodnost - ukazuje, \u017ee v\u00edte, co d\u011bl\u00e1te.<\/p>\n\n\n\n<p class=\"has-large-font-size\">13. Vyu\u017eit\u00ed chatovac\u00edch bot\u016f<\/p>\n\n\n\n<p>V\u011bt\u0161ina spole\u010dnost\u00ed nebo zna\u010dek m\u00e1<strong> <\/strong><a href=\"https:\/\/www.smallbizgenius.net\/by-the-numbers\/chatbot-statistics\/\">implementovan\u00e9 chatboty<\/a> k automatizaci podnikov\u00fdch proces\u016f. Chatboti jsou skv\u011bl\u00fdm \u0159e\u0161en\u00edm pro poskytov\u00e1n\u00ed hv\u011bzdn\u00fdch slu\u017eeb a \u0161k\u00e1lov\u00e1n\u00ed obchodu bez ohledu na odv\u011btv\u00ed.<\/p>\n\n\n\n<p>Naj\u00edt <a href=\"https:\/\/surveysparrow.com\/blog\/best-chatbot-platforms\/\">spr\u00e1vn\u00fd chatbot<\/a>, pochopte mo\u017enosti a vyberte si ty, kter\u00e9 jsou vhodn\u00e9 pro va\u0161i firmu a rozpo\u010det. Definujte probl\u00e9my, kter\u00e9 chcete vy\u0159e\u0161it, a z\u00e1rove\u0148 nezapome\u0148te chatbota polid\u0161tit, aby se l\u00e9pe spojil s ve\u0159ejnost\u00ed - jak bylo zm\u00edn\u011bno d\u0159\u00edve.<\/p>\n\n\n\n<p>Chatboti umo\u017e\u0148uj\u00ed lep\u0161\u00ed spr\u00e1vu z\u00e1kazn\u00edk\u016f, od poskytov\u00e1n\u00ed technick\u00e9 podpory, p\u0159es zodpov\u00edd\u00e1n\u00ed dotaz\u016f a\u017e po \u0159e\u0161en\u00ed probl\u00e9m\u016f. Ne\u017e se tedy rozhodnete pro jednu platformu, zva\u017ete jej\u00ed v\u00fdhody a nev\u00fdhody.<\/p>\n\n\n\n<p class=\"has-large-font-size\">14. Nebojte se b\u00edl\u00e9ho m\u00edsta<\/p>\n\n\n\n<p>B\u00edl\u00fdm prostorem se rozum\u00ed pr\u00e1zdn\u00e1 plocha mezi prvky. Je vhodn\u00fd pro odstup od st\u011bn textu a jin\u00fdch m\u00e9di\u00ed. B\u00edl\u00fd prostor nav\u00edc p\u0159itahuje pozornost d\u00edky kontrastu. Zv\u00fdraz\u0148uje tak\u00e9 ostatn\u00ed prvky na webu a spojuje v\u0161e dohromady.<\/p>\n\n\n\n<p>Chcete-li p\u0159idat b\u00edl\u00e9 m\u00edsto, za\u010dn\u011bte v\u011bnovat pozornost obsahu, kter\u00fd se t\u00fdk\u00e1 psan\u00e9ho a vizu\u00e1ln\u00edho obsahu. P\u0159em\u00fd\u0161lejte o \u0159\u00e1dkov\u00e1n\u00ed mezi odstavci, pou\u017e\u00edvejte seznamy pro del\u0161\u00ed v\u011bty a zkracujte slova.<\/p>\n\n\n\n<p>D\u00edky lep\u0161\u00ed koncentraci \u010dten\u00e1\u0159\u016f nen\u00ed jejich n\u00e1v\u0161t\u011bva va\u0161ich webov\u00fdch str\u00e1nek bez v\u00fdsledk\u016f. Na va\u0161e webov\u00e9 str\u00e1nky chod\u00ed proto, aby si na\u0161li informace nebo se o v\u00e1s dozv\u011bd\u011bli v\u00edce, a nemaj\u00ed probl\u00e9m se \u010dten\u00edm va\u0161eho obsahu.<\/p>\n\n\n\n<p class=\"has-large-font-size\">15. Ud\u011blejte to SEO-Friendly<\/p>\n\n\n\n<p>Vytvo\u0159en\u00ed webov\u00fdch str\u00e1nek vhodn\u00fdch pro SEO zvy\u0161uje jejich obsah a celkovou kvalitu. SEO-friendly tak\u00e9 znamen\u00e1 p\u0159\u00e1telsk\u00fd k vyhled\u00e1va\u010d\u016fm, co\u017e znamen\u00e1, \u017ee va\u0161e webov\u00e9 str\u00e1nky mohou z\u00edskat vy\u0161\u0161\u00ed pozice na str\u00e1nk\u00e1ch a viditelnost ve vyhled\u00e1va\u010d\u00edch.<\/p>\n\n\n\n<p>Krom\u011b toho je v\u00e1\u0161 obsah p\u0159esn\u011bj\u0161\u00ed pro c\u00edlovou skupinu, proto\u017ee pou\u017e\u00edv\u00e1te relevantn\u00ed kl\u00ed\u010dov\u00e1 slova a t\u00e9mata. N\u00e1v\u0161t\u011bvn\u00edci a potenci\u00e1ln\u00ed partne\u0159i si d\u00edky tomu mohou v\u00e1\u0161 web l\u00e9pe vychutnat.<\/p>\n\n\n\n<p>Jeliko\u017e existuje mnoho technik SEO, zkuste implementovat <a href=\"https:\/\/yoast.com\/ultimate-guide-content-seo\/\">obsah SEO<\/a> a <a href=\"https:\/\/backlinko.com\/technical-seo-guide\">technick\u00e9 SEO<\/a>. Obsahov\u00e9 SEO optimalizuje obsah, zat\u00edmco technick\u00e9 SEO se zam\u011b\u0159uje na technickou str\u00e1nku webu.<\/p>\n\n\n\n<p class=\"has-large-font-size\">Z\u00e1v\u011br<\/p>\n\n\n\n<p>Profesion\u00e1ln\u00ed vzhled webov\u00fdch str\u00e1nek vy\u017eaduje kombinaci jejich funk\u010dnosti a vizu\u00e1ln\u00edho designu. V tomto \u010dl\u00e1nku je vysv\u011btleno 15 krok\u016f, jak zajistit, aby va\u0161e webov\u00e9 str\u00e1nky vypadaly profesion\u00e1ln\u011b.<\/p>\n\n\n\n<p>Doporu\u010duji v\u00e1m, abyste je v\u0161echny zavedli a dos\u00e1hli lep\u0161\u00edch v\u00fdsledk\u016f. Nyn\u00ed shrom\u00e1\u017ed\u011bte sv\u016fj laboratorn\u00ed t\u00fdm, abyste tuto my\u0161lenku uvedli do praxe. Hodn\u011b \u0161t\u011bst\u00ed.<\/p>","protected":false},"excerpt":{"rendered":"<p>A\u0165 u\u017e jste profesorem odpov\u011bdn\u00fdm za v\u00fdzkumnou laborato\u0159 nebo v\u011bdcem, kter\u00fd je sou\u010d\u00e1st\u00ed v\u00fdzkumn\u00e9 laboratorn\u00ed skupiny, nebo dokonce pracujete s\u00e1m, je zaj\u00edmav\u00e9 a velmi d\u016fle\u017eit\u00e9 uk\u00e1zat svou v\u00fdzkumnou pr\u00e1ci ve\u0159ejnosti. Publikovan\u00e9 \u010dl\u00e1nky, spolupr\u00e1ce nebo partnerstv\u00ed, to v\u0161e je d\u016fle\u017eit\u00e9, proto\u017ee nejen\u017ee sd\u00edl\u00edte v\u011bdeck\u00e9 informace, ale tak\u00e9 [...]<\/p>","protected":false},"author":18,"featured_media":12900,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[36,791,38],"tags":[53,554,962],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Make Your Research Laboratory Website Look - MTG<\/title>\n<meta name=\"description\" content=\"As a scientist share your research work is not only important is a basic need, and developing your own lab professional website can help you a lot!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mindthegraph.com\/blog\/cs\/jak-udelat-webove-stranky-vasi-vyzkumne-laboratore-profesionalne-vypadajicimi\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make Your Research Laboratory Website Look - MTG\" \/>\n<meta property=\"og:description\" content=\"As a scientist share your research work is not only important is a basic need, and developing your own lab professional website can help you a lot!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mindthegraph.com\/blog\/cs\/jak-udelat-webove-stranky-vasi-vyzkumne-laboratore-profesionalne-vypadajicimi\/\" \/>\n<meta property=\"og:site_name\" content=\"Mind the Graph Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-07T21:31:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-05T17:42:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2021\/05\/post-laboratory-website-artigo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1123\" \/>\n\t<meta property=\"og:image:height\" content=\"612\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bruna Soldera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bruna Soldera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make Your Research Laboratory Website Look - MTG","description":"As a scientist share your research work is not only important is a basic need, and developing your own lab professional website can help you a lot!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mindthegraph.com\/blog\/cs\/jak-udelat-webove-stranky-vasi-vyzkumne-laboratore-profesionalne-vypadajicimi\/","og_locale":"cs_CZ","og_type":"article","og_title":"How to Make Your Research Laboratory Website Look - MTG","og_description":"As a scientist share your research work is not only important is a basic need, and developing your own lab professional website can help you a lot!","og_url":"https:\/\/mindthegraph.com\/blog\/cs\/jak-udelat-webove-stranky-vasi-vyzkumne-laboratore-profesionalne-vypadajicimi\/","og_site_name":"Mind the Graph Blog","article_published_time":"2021-05-07T21:31:27+00:00","article_modified_time":"2023-01-05T17:42:47+00:00","og_image":[{"width":1123,"height":612,"url":"https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2021\/05\/post-laboratory-website-artigo.jpg","type":"image\/jpeg"}],"author":"Bruna Soldera","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Bruna Soldera","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mindthegraph.com\/blog\/how-to-make-your-research-lab-website-look-professional\/","url":"https:\/\/mindthegraph.com\/blog\/how-to-make-your-research-lab-website-look-professional\/","name":"How to Make Your Research Laboratory Website Look - MTG","isPartOf":{"@id":"https:\/\/mindthegraph.com\/blog\/#website"},"datePublished":"2021-05-07T21:31:27+00:00","dateModified":"2023-01-05T17:42:47+00:00","author":{"@id":"https:\/\/mindthegraph.com\/blog\/#\/schema\/person\/6a3f0be2cd19879e0b9b54457a069602"},"description":"As a scientist share your research work is not only important is a basic need, and developing your own lab professional website can help you a lot!","breadcrumb":{"@id":"https:\/\/mindthegraph.com\/blog\/how-to-make-your-research-lab-website-look-professional\/#breadcrumb"},"inLanguage":"cs-CZ","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mindthegraph.com\/blog\/how-to-make-your-research-lab-website-look-professional\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mindthegraph.com\/blog\/how-to-make-your-research-lab-website-look-professional\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mindthegraph.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Make Your Research Laboratory Website Look Professional"}]},{"@type":"WebSite","@id":"https:\/\/mindthegraph.com\/blog\/#website","url":"https:\/\/mindthegraph.com\/blog\/","name":"Mind the Graph Blog","description":"Your science can be beautiful!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mindthegraph.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"cs-CZ"},{"@type":"Person","@id":"https:\/\/mindthegraph.com\/blog\/#\/schema\/person\/6a3f0be2cd19879e0b9b54457a069602","name":"Bruna Soldera","image":{"@type":"ImageObject","inLanguage":"cs-CZ","@id":"https:\/\/mindthegraph.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/93afc55eb938f215d2b7a23322de49be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93afc55eb938f215d2b7a23322de49be?s=96&d=mm&r=g","caption":"Bruna Soldera"},"sameAs":["http:\/\/mindthegraph.com","https:\/\/www.linkedin.com\/in\/bruna-soldera-826426126\/"],"url":"https:\/\/mindthegraph.com\/blog\/cs\/author\/bruna\/"}]}},"_links":{"self":[{"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/posts\/12896"}],"collection":[{"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/comments?post=12896"}],"version-history":[{"count":3,"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/posts\/12896\/revisions"}],"predecessor-version":[{"id":12899,"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/posts\/12896\/revisions\/12899"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/media\/12900"}],"wp:attachment":[{"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/media?parent=12896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/categories?post=12896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mindthegraph.com\/blog\/cs\/wp-json\/wp\/v2\/tags?post=12896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}