{"id":10176,"date":"2023-09-19T09:22:36","date_gmt":"2023-09-19T07:22:36","guid":{"rendered":"https:\/\/www.collabim.cz\/akademie\/?p=10176"},"modified":"2023-09-19T09:22:36","modified_gmt":"2023-09-19T07:22:36","slug":"novy-web-design-aplikace-a-dalsi-vylepseni","status":"publish","type":"post","link":"https:\/\/www.collabim.cz\/akademie\/novy-web-design-aplikace-a-dalsi-vylepseni\/","title":{"rendered":"Nov\u00fd web, design aplikace a dal\u0161\u00ed vylep\u0161en\u00ed"},"content":{"rendered":"

L\u00e9to je pomalu za n\u00e1mi a p\u0159esto\u017ee pr\u00e1zdniny utekly pom\u011brn\u011b rychle, nelenili jsme a piln\u011b jsme p\u0159ipravovali vylep\u0161en\u00ed pro Collabim. Za v\u0161echny ty hork\u00e9 letn\u00ed dny jsme vypotili opravdu hodn\u011b novinek a ty v\u00e1m nyn\u00ed s radost\u00ed p\u0159edstavujeme n\u00ed\u017ee.<\/p>\n

V\u011b\u0159\u00edme, \u017ee v\u00e1m \u00fapravy p\u0159ijdou vhod a budeme moc r\u00e1di, kdy\u017e n\u00e1m p\u0159\u00edpadn\u011b d\u00e1te v\u011bd\u011bt zp\u011bt, jak se v\u00e1m nov\u00e9 funkce l\u00edb\u00ed a jak\u00e1 dal\u0161\u00ed vylep\u0161en\u00ed byste uv\u00edtali.<\/p>\n

Nov\u00fd design webu!<\/strong><\/h3>\n

Po n\u011bkolika letech jsme n\u00e1\u0161 p\u0159ist\u00e1vac\u00ed web<\/a> Collabim.cz<\/a> p\u0159evl\u00e9kli do nov\u00e9ho h\u00e1vu a web<\/a> se nyn\u00ed py\u0161n\u00ed nov\u00fdm designem. Jakpak se v\u00e1m nov\u00fd web l\u00edb\u00ed?<\/p>\n

\"\"<\/p>\n

Rychlost p\u0159ehr\u00e1v\u00e1n\u00ed vide\u00ed<\/strong><\/h3>\n

Nezapomn\u011bli jsme ani na n\u00e1\u0161 studijn\u00ed web (studium.collabim.cz<\/a>), pro kter\u00fd jsme upravili nastaven\u00ed p\u0159ehr\u00e1va\u010de. P\u0159ehr\u00e1va\u010d<\/em> na studiu si nov\u011b pamatuje nastavenou rychlost p\u0159ehr\u00e1v\u00e1n\u00ed videa<\/strong>. Rychlost p\u0159ehr\u00e1v\u00e1n\u00ed tedy ji\u017e nemus\u00edte opakovan\u011b nastavovat.<\/p>\n

\"\"<\/p>\n

Nov\u00fd design aplikace<\/strong><\/h3>\n

Nez\u016fstali jsme jen u webu a \u0159ekli jsme si, \u017ee kdy\u017e zm\u011bna, tak po\u0159\u00e1dn\u00e1! Rozhodli jsme se tedy zapracovat i na designu aplikace. Piln\u011b pracujeme na aktualizaci vzhledu, kter\u00e1 je v\u00fdsledkem re\u0161er\u0161e a rozhovor\u016f s n\u011bkolika na\u0161imi klienty.<\/p>\n

Pochopiteln\u011b nebylo bohu\u017eel mo\u017en\u00e9 se poradit opravdu s ka\u017ed\u00fdm z v\u00e1s, nicm\u00e9n\u011b design jsme p\u0159ipravili dle nej\u010dast\u011bj\u0161\u00edch po\u017eadavk\u016f a Collabim se tak pomalu p\u0159evl\u00e9k\u00e1 do nov\u00e9ho kab\u00e1tu.<\/p>\n

Nov\u00fd vzhled nejprve dostala hlavi\u010dka<\/strong> aplikace a n\u00e1sledn\u011b jsme p\u0159idali i nov\u00e9 menu<\/strong>.<\/p>\n

\"\"<\/p>\n

Lev\u00e9 menu<\/strong>\u00a0bylo zp\u0159ehledn\u011bno, aby bylo mo\u017en\u00e9 sn\u00e1ze naj\u00edt, to, co hled\u00e1te<\/strong>.<\/p>\n

\"\"<\/p>\n

Stejn\u011b tak u\u017eivatelsk\u00fd panel<\/strong> po prav\u00e9 stran\u011b<\/em> se do\u010dkal \u00faprav pro lep\u0161\u00ed p\u0159ehled.<\/p>\n

\"\"<\/p>\n

U\u017eivatel\u00e9 s projekty na v\u00edce \u00fa\u010dtech jist\u011b ocen\u00ed mo\u017enost dostat se ke v\u0161em sv\u00fdm projekt\u016fm najednou.<\/p>\n

\"\"<\/p>\n

Pokud byste si nebyli \u00fapln\u011b jisti, kde najdete n\u011bjakou konkr\u00e9tn\u00ed sekci, p\u0159ipravili jsme pro v\u00e1s dokument, ve kter\u00e9m najdete jednoduchou n\u00e1pov\u011bdu pro sekce, na kter\u00fdch do\u0161lo ke zm\u011bn\u00e1m<\/a>.<\/p>\n

Proklik na pr\u016fzkumn\u00edk<\/strong><\/h3>\n

Op\u011bt jsme ud\u011blali krok k pohodln\u011bj\u0161\u00edmu a intuitivn\u011bj\u0161\u00edmu rozhran\u00ed. Pro zrychlen\u00ed pr\u00e1ce se nov\u011b m\u016f\u017eete p\u0159es novou z\u00e1lo\u017eku na p\u0159id\u00e1v\u00e1n\u00ed kl\u00ed\u010dov\u00fdch slov<\/a><\/strong> prokliknout p\u0159\u00edmo na pr\u016fzkumn\u00edk kl\u00ed\u010dov\u00fdch slov<\/a><\/strong>. Na pr\u016fzkumn\u00edk se tedy nyn\u00ed dostanete zase o n\u011bco snadn\u011bji.<\/p>\n

\"\"<\/p>\n

Str\u00e1nky s p\u0159esm\u011brov\u00e1n\u00edm<\/strong><\/h3>\n

Abychom v\u00e1s u\u0161et\u0159ili duplicitn\u00edch upozorn\u011bn\u00ed, nov\u011b vyj\u00edm\u00e1me z m\u011b\u0159en\u00ed str\u00e1nky s p\u0159esm\u011brov\u00e1n\u00edm<\/strong>. Str\u00e1nky jsou nov\u011b vyjmuty z m\u011b\u0159en\u00ed ji\u017e od prvn\u00edho nalezen\u00e9ho p\u0159esm\u011brov\u00e1n\u00ed<\/a>, \u010d\u00edm\u017e se zlep\u0161ila relevance SEO doporu\u010den\u00ed.<\/p>\n

\"\"<\/p>\n

Proto se ji\u017e nebude zobrazovat upozorn\u011bn\u00ed na duplicitn\u00ed elementy u str\u00e1nek, kter\u00e9 maj\u00ed nastaven\u00e9 p\u0159esm\u011brov\u00e1n\u00ed<\/a>.<\/p>\n

Konkuren\u010dnost nov\u011b na detailu kl\u00ed\u010dov\u00e9ho slova<\/strong><\/h3>\n

Na detail kl\u00ed\u010dov\u00e9ho slova byla p\u0159id\u00e1na karta s konkuren\u010dnost\u00ed<\/strong>, kter\u00e1 ud\u00e1v\u00e1, jak je slo\u017eit\u00e9 se s dan\u00fdm kl\u00ed\u010dov\u00fdm slovem um\u00edstit na p\u0159edn\u00edch pozic\u00edch. U\u017e nemus\u00edte konkuren\u010dnost ov\u011b\u0159ovat jen v pr\u016fzkumn\u00edku<\/em> – nyn\u00ed ji najdete i na detailu kl\u00ed\u010dov\u00e9ho slova ve va\u0161em projektu.<\/p>\n

\"\"<\/p>\n

Nov\u00e9 \u0159azen\u00ed dle konkuren\u010dnosti<\/strong><\/h3>\n

To v\u0161ak nen\u00ed je\u0161t\u011b v\u0161e. Na p\u0159ehledu kl\u00ed\u010dov\u00fdch slov je nov\u011b mo\u017en\u00e9 \u0159adit podle sloupce konkuren\u010dnost Google<\/strong>. Va\u0161e kl\u00ed\u010dov\u00e1 slova si tak m\u016f\u017eete se\u0159adit podle toho, jak velk\u00e1 konkurence se na dan\u00fd v\u00fdraz zobrazuje ve vyhled\u00e1v\u00e1n\u00ed.<\/p>\n

\"\"<\/p>\n

Pamatov\u00e1k pro n\u00e1vrhy kl\u00ed\u010dov\u00fdch slov<\/strong><\/h3>\n

Asi si pamatujete, jak bylo otravn\u00e9 v\u017edy zaklik\u00e1vat Google Ads<\/a> v n\u00e1vrz\u00edch kl\u00ed\u010dov\u00fdch slov v projektu<\/strong>. Collabim si nyn\u00ed pamatuje va\u0161i posledn\u00ed volbu pro n\u00e1vrhy<\/strong>\u00a0(Sklik<\/a>\/Google Ads<\/a>) a automaticky ji p\u0159edvypln\u00ed<\/strong>. Zdroj tedy ji\u017e nemus\u00edte poka\u017ed\u00e9 p\u0159eklik\u00e1vat.<\/p>\n

\"\"<\/p>\n

Historie pozic je\u0161t\u011b podrobn\u011bji<\/strong><\/h3>\n

Na p\u0159ehledu historie kl\u00ed\u010dov\u00fdch slov jsme p\u0159idali desetinn\u00e1 \u010d\u00edsla pro pr\u016fm\u011brnou pozici. Tato \u00faprava v\u00e1m umo\u017en\u00ed podrobn\u011bj\u0161\u00ed vyhodnocen\u00ed pozice kl\u00ed\u010dov\u00fdch slov a poskytne v\u00e1m lep\u0161\u00ed informace pro strategick\u00e1 rozhodnut\u00ed.<\/p>\n

\"\"<\/p>\n

Del\u0161\u00ed historie hledanosti a rozlo\u017een\u00ed pozic<\/strong><\/h3>\n

Doposud bylo mo\u017en\u00e9 zobrazit hledanost kl\u00ed\u010dov\u00e9ho slova<\/strong> pouze za posledn\u00edch 12 m\u011bs\u00edc\u016f. Na detailu kl\u00ed\u010dov\u00e9ho slova nyn\u00ed m\u016f\u017eete zobrazit historick\u00e1 data graf\u016f objemu vyhled\u00e1v\u00e1n\u00ed po dobu del\u0161\u00ed ne\u017e 12 m\u011bs\u00edc\u016f<\/strong>.<\/p>\n

\"\"<\/p>\n

Stejn\u011b tak rozlo\u017een\u00ed pozic<\/strong> je tak\u00e9 nyn\u00ed mo\u017en\u00e9 zobrazit za del\u0161\u00ed \u010dasov\u00fd \u00fasek ne\u017e 12 m\u011bs\u00edc\u016f, pokud m\u00e1te historii za dan\u00e9 obdob\u00ed nam\u011b\u0159enou.<\/p>\n

\"\"<\/p>\n

Filtry pro rozlo\u017een\u00ed pozic<\/strong><\/h3>\n

U rozlo\u017een\u00ed pozic<\/strong> se je\u0161t\u011b na chv\u00edli zastav\u00edme. Vylep\u0161ili jsme toti\u017e nastaven\u00ed filtr\u016f<\/strong>. Filtr pro datum<\/strong> umo\u017e\u0148uje vybrat rozmez\u00ed intervalu dvou datum\u016f a nov\u011b tak\u00e9 obsahuje rychl\u00fd v\u00fdb\u011br term\u00edn\u016f (dnes, tento m\u011bs\u00edc, rok…). Filtr \u0161t\u00edtk\u016f<\/strong> ukazuje tak\u00e9 po\u010det kl\u00ed\u010dov\u00fdch slov pro jednotliv\u00e9 \u0161t\u00edtky.<\/p>\n

\"\"<\/p>\n

Podbarven\u00ed c\u00edlov\u00fdch str\u00e1nek<\/strong><\/h3>\n

Nejsp\u00ed\u0161e v\u00edte o c\u00edlov\u00fdch str\u00e1nk\u00e1ch na p\u0159ehledu kl\u00ed\u010dov\u00fdch slov<\/strong>. Pokud se re\u00e1ln\u00e1 str\u00e1nka shoduje s va\u0161\u00ed vlastn\u00ed str\u00e1nkou<\/em>, kterou jste si ke kl\u00ed\u010dov\u00e9mu slovu p\u0159i\u0159adili, pak je str\u00e1nka podbarvena zelen\u011b<\/em>. Pokud se str\u00e1nky neshoduj\u00ed, jsou podbarveny \u010derven\u011b<\/em>. Toto plat\u00ed st\u00e1le.<\/p>\n

Nicm\u00e9n\u011b re\u00e1ln\u00e9 c\u00edlov\u00e9 str\u00e1nky byly d\u0159\u00edve podbarveny \u010derven\u011b i pokud jste \u017e\u00e1dnou vlastn\u00ed c\u00edlovou str\u00e1nku nezad\u00e1vali<\/em>.<\/p>\n

Toto se zm\u011bnilo a pokud \u017e\u00e1dn\u00e9 vlastn\u00ed c\u00edlov\u00e9 str\u00e1nky p\u0159idan\u00e9 nem\u00e1te<\/em>, pak ve v\u00fdchoz\u00edm nastaven\u00ed re\u00e1ln\u00e1 c\u00edlov\u00e1 str\u00e1nka podbarvena nen\u00ed<\/strong>.<\/p>\n

\"\"<\/p>\n

Hromadn\u00e9 odstran\u011bn\u00ed kategori\u00ed odkaz\u016f<\/strong><\/h3>\n

P\u0159idali jsme mo\u017enost hromadn\u011b smazat kategorie odkaz\u016f<\/strong>. Pokud si tedy vedete vlastn\u00ed kategorie pro odkazy a n\u011bkter\u00e9 z kategori\u00ed ji\u017e nepou\u017e\u00edv\u00e1te, m\u016f\u017eete je nyn\u00ed hromadn\u011b odstranit.<\/span><\/p>\n

\"\"<\/p>\n

Metrika pro teoretickou n\u00e1v\u0161t\u011bvnost<\/strong><\/h3>\n

Dlouho jsme hledali metriku, kter\u00e1 jednodu\u0161e vystihne, jak si projekt aktu\u00e1ln\u011b vede. Po dlouh\u00fdch \u00favah\u00e1ch na\u0161e volba padla na metriku zvanou teoretick\u00e1 n\u00e1v\u0161t\u011bvnost<\/strong>.<\/p>\n

Teoretick\u00e1 n\u00e1v\u0161t\u011bvnost<\/em> nyn\u00ed funguje jako\u017eto hlavn\u00ed \u00fadaj v n\u00e1stroji Market domin\u00e1tor.<\/strong><\/p>\n

\"\"<\/p>\n

Teoretick\u00e1 n\u00e1v\u0161t\u011bvnost m\u00edsto Collabim indexu<\/strong><\/h3>\n

Teoretick\u00e1 n\u00e1v\u0161t\u011bvnost<\/strong>, kterou jsme implementovali jako\u017eto hlavn\u00ed \u00fadaj pro Market Domin\u00e1tor<\/em>, tak\u00e9 nahradila dosavadn\u00ed metriku Collabim index<\/strong>, kterou jste doposud mohli vid\u011bt na p\u0159ehledu projektu.<\/p>\n

\"\"<\/p>\n

\n
\n

V tomto \u010dl\u00e1nku se dozv\u00edte<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n