[{"@context":"https:\/\/schema.org\/","@type":"Article","@id":"https:\/\/www.kcms.cz\/angular-universal-co-potrebujete-vedet-pro-seo\/#Article","mainEntityOfPage":"https:\/\/www.kcms.cz\/angular-universal-co-potrebujete-vedet-pro-seo\/","headline":"Angular Universal: Co pot\u0159ebujete v\u011bd\u011bt pro SEO","name":"Angular Universal: Co pot\u0159ebujete v\u011bd\u011bt pro SEO","description":"Nau\u010dte se p\u011bt krok\u016f pro to, abyste mohli kr\u00e1sn\u011b p\u0159ehr\u00e1t ANgular s&nbsp;boty internetov\u00fdch vyhled\u00e1va\u010d\u016f a abyste mohli indexovat va\u0161\u00ed webovou [&hellip;]","datePublished":"2019-09-08","dateModified":"2023-05-03","author":{"@type":"Person","@id":"https:\/\/www.kcms.cz\/author\/#Person","name":"","url":"https:\/\/www.kcms.cz\/author\/","identifier":1,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/2a487990a452554e9d027cbab96c6e6e6d3b119f22a2b3fb9e2bcb7e021cd643?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2a487990a452554e9d027cbab96c6e6e6d3b119f22a2b3fb9e2bcb7e021cd643?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"kcms.cz","logo":{"@type":"ImageObject","@id":"\/logo.png","url":"\/logo.png","width":600,"height":60}},"url":"https:\/\/www.kcms.cz\/angular-universal-co-potrebujete-vedet-pro-seo\/","wordCount":2396,"articleBody":"Nau\u010dte se p\u011bt krok\u016f pro to, abyste mohli kr\u00e1sn\u011b p\u0159ehr\u00e1t ANgular s&nbsp;boty internetov\u00fdch vyhled\u00e1va\u010d\u016f a abyste mohli indexovat va\u0161\u00ed webovou str\u00e1nku.&nbsp;Pokud pou\u017e\u00edv\u00e1te Angular jako pohon pro va\u0161i str\u00e1nku, tak pot\u00e9 p\u0159ed v\u00e1mi le\u017e\u00ed p\u011bkn\u011b \u0161irok\u00e1 divok\u00e1 \u0159eka, kterou mus\u00edte n\u011bjak p\u0159esko\u010dit, pokud se budeme bavit o SEO. Na\u0161t\u011bst\u00ed, Angular Universal d\u00e1v\u00e1 SEO velkou pomoc p\u0159i jej\u00edm p\u0159ekro\u010den\u00ed.&nbsp;Av\u0161ak m\u011bjte na pam\u011bti, \u017ee &bdquo;lehk\u00e9&ldquo; je relativn\u00ed pojem. Cel\u00fd proces zahrnuje celkem hodn\u011b technick\u00e9ho \u010darov\u00e1n\u00ed.&nbsp;Pravd\u011bpodobn\u011b budete muset zahrnout do va\u0161eho pl\u00e1nov\u00e1n\u00ed tak\u00e9 t\u00fdm v\u00fdvoj\u00e1\u0159\u016f.&nbsp;Ale jakmile bude v\u00fdsledn\u00fd produkt dokon\u010den, va\u0161e str\u00e1nka bude serv\u00edrovat optimalizovan\u00e9 str\u00e1nky, kter\u00e9 internetov\u00e9 vyhled\u00e1va\u010de velice lehce najdou a indexuj\u00ed.&nbsp;V&nbsp;t\u00e9to p\u0159\u00edru\u010dce v\u00e1m vysv\u011btl\u00edme ANgular Universal a pro\u010d je tak d\u016fle\u017eit\u00fd pro market\u00e9ry.&nbsp;\tSEO Probl\u00e9mAngular je naprosto \u00fa\u017easn\u00fd a fantastick\u00fd r\u00e1mec pro modul\u00e1rn\u00ed, u\u017eivatelsky p\u0159\u00e1telsk\u00e9 webov\u00e9 aplikace. Nane\u0161t\u011bst\u00ed je tak trochu nep\u0159\u00e1telsk\u00fd k&nbsp;SEO.&nbsp;A to je hned ze dvou d\u016fvod\u016f.&nbsp;Zaprv\u00e9, Angular t\u011b\u017ece spol\u00e9h\u00e1 na skript pro obsah. V\u00fdsledkem je to, \u017ee n\u011bkte\u0159\u00ed boti internetov\u00fdch vyhled\u00e1va\u010d\u016f &bdquo;nevid\u00ed&ldquo; obsah, kter\u00fd vid\u00ed u\u017eivatel.&nbsp;Jen se pod\u00edvejte na Angular Universal dokumentaci. Tato str\u00e1nka je, p\u0159ekvapiv\u011b, vykreslena s&nbsp;Angular.&nbsp;Jak sj\u00ed\u017ed\u00edte dol\u016f po str\u00e1nce, uvid\u00edte docela dost obsahu. A ur\u010dit\u011b si mysl\u00edte, \u017ee je to v\u0161echno &bdquo;indexovateln\u00e9&ldquo;.&nbsp;Ne tak \u00fapln\u011b. Klikn\u011bte prav\u00fdm tla\u010d\u00edtkem na str\u00e1nku a zvolte &bdquo;zobrazit zdroje str\u00e1nky&ldquo; z&nbsp;menu kontextu, kter\u00e9 se objev\u00ed.&nbsp;Je tam pouze n\u011bjak\u00fdch sto linii zdrojov\u00e9ho k\u00f3du. Nikde tam neuvid\u00edte obsah, kter\u00fd jste pr\u00e1v\u011b vid\u011bli \u00fapln\u011b norm\u00e1ln\u011b na dan\u00e9 str\u00e1nce.&nbsp;To, ve zkratce, je probl\u00e9m s&nbsp;Angular. Lid\u0161t\u00ed n\u00e1v\u0161t\u011bvn\u00edci uvid\u00ed obsah, av\u0161ak boti internetov\u00fdch vyhled\u00e1va\u010d\u016f pouze uvid\u00ed zdroj.&nbsp;A ten zdroj \u017e\u00e1dn\u00fd obsah nem\u00e1!&nbsp;A je tu dal\u0161\u00ed SEO probl\u00e9m: rychlost. Aplikace ANgular se \u010dasto nena\u010d\u00edtaj\u00ed tak rychle.&nbsp;N\u011bkter\u00e9 weby budou zobrazovat pr\u00e1zdn\u00e9 str\u00e1nky n\u011bkolik vte\u0159in, ne\u017e uk\u00e1\u017e\u00ed domovskou str\u00e1nku. To m\u016f\u017ee zp\u016fsobit, \u017ee u\u017eivatel\u00e9 ute\u010dou, proto\u017ee se stanou nedo\u010dkav\u00ed.Rychlost str\u00e1nky je faktor pro hodnocen\u00ed v&nbsp;mobiln\u00edm zobrazen\u00ed, tak\u017ee va\u0161e hodnocen\u00ed dostane p\u00e1r ran, pokud va\u0161e str\u00e1nka nebude na\u010d\u00edtat sv\u016fj obsah dostate\u010dn\u011b rychle na platform\u00e1ch mobiln\u00edch za\u0159\u00edzen\u00ed.&nbsp;\tAle Google \u0159\u00edk\u00e1&hellip;Google tvrd\u00ed, \u017ee jeho boti mohou indexovat str\u00e1nky, poh\u00e1n\u011bn\u00e9 skriptem. Je tu v\u00edce ne\u017e dost d\u016fkaz\u016f, kter\u00e9 toto tvrzen\u00ed podporuj\u00ed, av\u0161ak to neznamen\u00e1, \u017ee se m\u016f\u017eete zcela vyhnout tomu, \u017ee budete muset j\u00edt do extra d\u00e1lek, abyste optimalizovali Angular str\u00e1nku.&nbsp;Na za\u010d\u00e1tek je dobr\u00e9 \u0159\u00edci, \u017ee Google nen\u00ed t\u00edm jedin\u00fdm internetov\u00fdm vyhled\u00e1va\u010dem pod sluncem. Pokud chcete va\u0161i ANgular aplikaci, aby se hodnotila na Bingu \u010di DuckDuckGo, m\u016f\u017eete j\u00edt touto cestou.&nbsp;D\u00e1le, mo\u017en\u00e1 to m\u016f\u017ee b\u00fdt ten p\u0159\u00edpad, \u017ee Google M\u016e\u017dE indexovat N\u011aKTER\u00c9 Angular str\u00e1nky, ale ne va\u0161e. Ne v\u0161echny ANgular aplikace jsou vytvo\u0159eny rovnocenn\u011b. Ta va\u0161e m\u016f\u017ee b\u00fdt v\u00fdjimkou z&nbsp;algoritmu indexov\u00e1n\u00ed Google.&nbsp;Na\u0161e zku\u0161enost je takov\u00e1, \u017ee str\u00e1nky, kter\u00e9 p\u0159e\u0161ly z&nbsp;HTML do Angular ztrat\u00ed masivn\u00ed objem provozu z&nbsp;internetov\u00e9ho vyhled\u00e1va\u010de a to ve v\u011bt\u0161in\u011b p\u0159\u00edpad\u016f. Dokonce je faktem to, \u017ee jsme m\u011bli t\u0159i klienty, kte\u0159\u00ed k&nbsp;n\u00e1m p\u0159i\u0161li s&nbsp;t\u00edmto probl\u00e9mem v&nbsp;rozp\u011bt\u00ed n\u011bkolika let, kde jsme museli str\u00e1nku opravit zcela a \u00fapln\u011b, kv\u016fli t\u011bmto pokles\u016fm, kter\u00e9 maj\u00ed co do\u010din\u011bn\u00ed s&nbsp;p\u0159echodem na ANgular.&nbsp;\tJsou tu ale \u0159e\u0161en\u00ed.Na\u0161t\u011bst\u00ed jsou tady jist\u00e9 zp\u016fsoby, jak m\u016f\u017eete u\u010dinit va\u0161i ANgular str\u00e1nku SEO p\u0159\u00e1telskou.&nbsp;Jedn\u00edm z&nbsp;t\u011bchto popul\u00e1rn\u00edch zp\u016fsobu je samoz\u0159ejm\u011b dynamick\u00e9 vykreslov\u00e1n\u00ed. To je to, kdy\u017e vyu\u017e\u00edv\u00e1te n\u00e1stroj jako je Puppeteer ke generov\u00e1n\u00ed statick\u00fdch HTML soubor\u016f, kter\u00e9 mohou proch\u00e1ze\u010de vyhled\u00e1va\u010d\u016f daleko l\u00e9pe &bdquo;konzumovat&ldquo;.&nbsp;Pot\u00e9, nastavte v\u00e1\u0161 server tak, aby nasm\u011broval boty vyhled\u00e1va\u010d\u016f k&nbsp;p\u0159edkreslen\u00fdm str\u00e1nk\u00e1m, zat\u00edmco bude lidsk\u00e9 u\u017eivatele navigovat k&nbsp;norm\u00e1ln\u00ed ANgular str\u00e1nce.&nbsp;To jsou decentn\u00ed \u0159e\u0161en\u00ed, av\u0161ak st\u00e1le ne\u0159e\u0161\u00ed ten probl\u00e9m s&nbsp;rychlost\u00ed str\u00e1nky. S&nbsp;t\u00edmhle budete muset k&nbsp;Angular Universal.&nbsp;\tCo je vlastn\u011b Angular Universal?Angular Universal spou\u0161t\u00ed webov\u00e9 aplikace na serveru, nam\u00edsto toho, aby je spou\u0161t\u011bl p\u0159\u00edmo v&nbsp;internetov\u00e9m prohl\u00ed\u017ee\u010di.&nbsp;To je velmi d\u016fle\u017eit\u00fd rozd\u00edl. Norm\u00e1ln\u011b jsou Angular aplikace \u0159azeny pod aplikace spu\u0161t\u011bn\u00e9 na stran\u011b klienta.&nbsp;Probl\u00e9m bot\u016f vyhled\u00e1va\u010d\u016f je takov\u00fd, \u017ee ne v\u017edy dok\u00e1\u017e\u00ed zpracovat k\u00f3d na stran\u011b klienta jako to d\u011bl\u00e1 v\u00e1\u0161 prohl\u00ed\u017ee\u010d, kdy\u017e v\u00e1m serv\u00edruje n\u011bjakou tu webovou str\u00e1nku. A p\u0159esn\u011b proto m\u016f\u017eete vid\u011bt jist\u00fd nesoulad mezi Angular Universal str\u00e1nkou dokumentace a jej\u00edm zdrojov\u00fdm k\u00f3dem.&nbsp;ANgular Universal zvl\u00e1dne vykreslov\u00e1n\u00ed na stran\u011b serveru (SSR). P\u0159edkresl\u00ed HTML a CSS obsah, kter\u00fd je n\u00e1sledn\u011b zobrazen u\u017eivateli s&nbsp;dostate\u010dn\u00fdm p\u0159edstihem.&nbsp;To znamen\u00e1, \u017ee u\u017eivateli se na\u010dte statick\u00e1 HTML str\u00e1nka nam\u00edsto k\u00f3du na stran\u011b klienta. V\u00fdsledkem je to, \u017ee str\u00e1nka se bude na\u010d\u00edtat daleko rychleji.A tak\u00e9 boti budou moci indexovat cel\u00fd obsah, nebo\u0165 se jedn\u00e1 o statickou HTML. Tak\u017ee ka\u017ed\u00fd vyhraje.&nbsp;\tPro\u010d je to d\u016fle\u017eit\u00e9?Pokud v\u00e1s zaj\u00edm\u00e1 digit\u00e1ln\u00ed marketing, tak ur\u010dit\u011b ji\u017e v\u00edte, \u017ee spousta va\u0161eho boje zahrnuje z\u00edsk\u00e1v\u00e1n\u00ed n\u011bjak\u00e9ho toho va\u0161eho prostoru on-line. A to je p\u0159esn\u011b ten d\u016fvod, pro\u010d se sna\u017e\u00edte oslovit influencery, nahr\u00e1v\u00e1te aktualizace \u010di p\u0159\u00edsp\u011bvky na soci\u00e1ln\u00ed s\u00edt\u011b a optimalizujete va\u0161\u00ed str\u00e1nku, aby byla l\u00e9pe hodnocena.&nbsp;Jednodu\u0161e \u0159e\u010deno: va\u0161e str\u00e1nka se nem\u016f\u017ee hodnotit, pokud nen\u00ed indexov\u00e1na. Pokud ANgular poh\u00e1n\u00ed va\u0161i str\u00e1nku, pot\u0159ebujete u\u010dinit n\u011bjak\u00e9 ty extra kroky k&nbsp;tomu, abyste se ujistili, \u017ee se bude obsah zobrazovat v&nbsp;internetov\u00fdch vyhled\u00e1va\u010d\u00edch.&nbsp;A p\u0159esn\u011b proto pot\u0159ebujete Angular Universal \u0159e\u0161en\u00ed.&nbsp;Nev\u00fdhodou, samoz\u0159ejm\u011b, je to, \u017ee v\u00e1s to bude st\u00e1t pen\u00edze. Budete muset najmout n\u011bjak\u00e9 kvalifikovan\u00e9 v\u00fdvoj\u00e1\u0159sk\u00e9 t\u00fdmy, aby p\u0159idali SSR na va\u0161\u00ed webovou str\u00e1nku.&nbsp;Ale to je n\u00e1klad, kter\u00fd si na sebe za n\u011bjak\u00fd ten \u010das zp\u00e1tky vyd\u011bl\u00e1, pokud se va\u0161e str\u00e1nka bude um\u00eds\u0165ovat dob\u0159e pro kl\u00ed\u010dov\u00e9 vyhled\u00e1vac\u00ed term\u00edny v&nbsp;tom va\u0161em v\u00fdklenku.&nbsp;\tJak spustit Angular aplikace na Angular UniversalPokud jste n\u011bkdo, kdo si r\u00e1d uma\u017ee ruce prac\u00ed v&nbsp;k\u00f3du, nebo jste jenom n\u011bkdo, kdo si r\u00e1d \u0161krtne n\u011bjak\u00e9 polo\u017eky v&nbsp;n\u00e1kladech, m\u016f\u017eete spustit aplikace na stran\u011b serveru sami.&nbsp;Je\u0161t\u011b p\u0159edt\u00edm ne\u017e to ud\u011bl\u00e1te, je nejlep\u0161\u00ed si zjistit alespo\u0148 z\u00e1kladn\u00ed informace a pochopit, jak vlastn\u011b ANgular funguje, jak funguje CLI (Command-line interface), TypeScript a webov\u00e9 servery. Pokud va\u0161e znalosti n\u011bkde postr\u00e1daj\u00ed, naraz\u00edte na spoustu probl\u00e9m\u016f.&nbsp;Kroky ke spu\u0161t\u011bn\u00ed Angular Universal aplikac\u00ed jsou tedy n\u00e1sleduj\u00edc\u00ed:\t\tInstalujte pot\u0159ebn\u00e9 programy\t\tAktualizujte Angular aplikaci\t\tPou\u017eijte CLI k&nbsp;vybudov\u00e1n\u00ed bal\u00ed\u010dku Universal\t\tNastavte server pro spu\u0161t\u011bn\u00ed bal\u00ed\u010dku Universal\t\tSpus\u0165te aplikaci na serveru&nbsp;Docela hodn\u011b se d\u011bje v&nbsp;t\u011bchto p\u011bti kroc\u00edch, tak\u017ee je pokryjeme v&nbsp;n\u00e1sleduj\u00edc\u00edch \u0159\u00e1dc\u00edch podrobn\u011bji.&nbsp;\tInstalujte pot\u0159ebn\u00e9 souboryPokud m\u00e1te n\u011bjakou zku\u0161enost s&nbsp;Angular, ur\u010dit\u011b ji\u017e v\u00edte, \u017ee je to v\u0161echno o Node.js. To je b\u011bh programu, kter\u00fd p\u0159ekl\u00e1d\u00e1 TypeScript k\u00f3d do JavaScript aplikace.&nbsp;Node.js p\u0159ich\u00e1z\u00ed s&nbsp;jak\u00fdmsi mana\u017eerem cel\u00e9ho bal\u00ed\u010dku, kter\u00fd je velmi nekreativn\u011b nazv\u00e1n Node Package Manager nebo tak\u00e9 NPM ve zkratce. Pou\u017eijte tento k&nbsp;instalaci pot\u0159ebn\u00fdch program\u016f.&nbsp;Na\u017ehavte v\u00e1\u0161 p\u0159\u00edkazov\u00fd \u0159\u00e1dek (nebo jeho ok\u00e9nko) a spus\u0165te n\u00e1sleduj\u00edc\u00ed k\u00f3d:&nbsp;Npm install -save @angular\/platform-server @nguniversal\/module-map-ngfactory-loader ts-loader&nbsp;Dejte tomu p\u00e1r chvil (nebo hodn\u011b chvil), aby se to v\u0161echno nainstalovalo.&nbsp;\tAktualizujte va\u0161i aplikaci angularDal\u0161\u00edm krokem je to, \u017ee budete muset p\u0159ipravit va\u0161\u00ed ANgular aplikaci pro spu\u0161t\u011bn\u00ed Universal. To zahrnuje \u010dty\u0159i kroky:\t\tP\u0159ijdete Universal podporu. Otev\u0159ete v\u00e1\u0161 root modul (nej\u010dast\u011bji je to AppModule) a p\u0159idejte ID aplikace k&nbsp;BrowserModule import. To u\u010din\u00edte v &bdquo;import&ldquo; sekci hned pod @NgModule deklarac\u00ed.\t\tVytvo\u0159te server root modul. Dal\u0161\u00ed krok, pot\u0159ebujete vytvo\u0159it \u00fapln\u011b nov\u00fd modul nazvan\u00fd AppServerModule. Ujist\u011bte se, \u017ee importuje ServerModule z&nbsp;platform-server pot\u0159ebnosti, kterou jste p\u0159idali v&nbsp;minul\u00e9m kroce.\t\tVytvo\u0159te hlavn\u00ed soubor. Budete pot\u0159ebovat hlavn\u00ed soubor pro v\u00e1\u0161 bal\u00ed\u010dek Universal. Vytvo\u0159te jej v&nbsp;root (v src souboru) a exportujte AppServerModule class z&nbsp;tohoto souboru.\t\tVytvo\u0159te config soubor. AppServerModule class pot\u0159ebuje config soubor. Vytvo\u0159te jeden v&nbsp;JSON form\u00e1tu. M\u011blo by to vypadat takhle n\u011bjak&nbsp;\tVytvo\u0159te nov\u00fd c\u00edlV\u00e1\u0161 Angular zdrojov\u00fd adres\u00e1\u0159 by m\u011bl zahrnovat soubor zvan\u00fd angular.json. Budete muset aktualizovat tento soubor v &bdquo;architect&ldquo; sekci.&nbsp;M\u011blo by to vypadat n\u011bjak takto:&ldquo;architect&rdquo;: {&nbsp;&ldquo;build&rdquo;: { &hellip; }&nbsp;&ldquo;server&rdquo;: {&nbsp;&nbsp;&nbsp;&ldquo;builder&rdquo;: &ldquo;@angular-devkit\/build-angular:server&rdquo;,&nbsp;&nbsp;&nbsp;&ldquo;options&rdquo;: {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&ldquo;outputPath&rdquo;: &ldquo;dist\/my-project-server&rdquo;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&ldquo;main&rdquo;: &ldquo;src\/main.server.ts&rdquo;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&ldquo;tsConfig&rdquo;: &ldquo;src\/tsconfig.server.json&rdquo;&nbsp;&nbsp;&nbsp;}&nbsp;}}Pozna\u010dte si, \u017ee &bdquo;builder&ldquo; vlastnost je o \u010dty\u0159i \u0159\u00e1dky n\u00ed\u017ee. Hodnota po kolonce (&bdquo;server&ldquo;) je jm\u00e9no serveru. M\u016f\u017eete aktualizovat p\u0159esn\u011b tohle, pokud jej chcete p\u0159ejmenovat na n\u011bco jin\u00e9ho.&nbsp;Nyn\u00ed m\u016f\u017eete vytvo\u0159it (vybudovat) va\u0161i aplikaci. Dejme tomu, \u017ee jste nechali n\u00e1zev serveru na &bdquo;server,&ldquo; jenom se op\u011bt zav\u0159ete do va\u0161eho p\u0159\u00edkazov\u00e9ho \u0159\u00e1dku a napi\u0161te n\u00e1sleduj\u00edc\u00ed:&nbsp;ng run my-project:server&nbsp;M\u011bli byste vid\u011bt n\u011bco takov\u00e9ho:&nbsp;Date: 2018-12-12T12:42:09.601ZHash: 1caced0e9434007fd7acTime: 4122mschunk {0} main.js (main) 9.49 kB [entry] [rendered]chunk {1} styles.css (styles) 0 bytes [entry] [rendered]&nbsp;\tNastavte v\u00e1\u0161 serverV&nbsp;dal\u0161\u00edm kroku mus\u00edte nastavit v\u00e1\u0161 Universal server pro spu\u0161t\u011bn\u00ed bal\u00ed\u010dku. A to je p\u0159esn\u011b moment, kdy dojde k&nbsp;&bdquo;serializaci&ldquo; aplikace a vr\u00e1t\u00edte ji do internetov\u00e9ho prohl\u00ed\u017ee\u010de.&nbsp;Abyste tohle u\u010dinili, vytvo\u0159te nov\u00fd soubor zvan\u00fd server.ts. V&nbsp;tomto souboru, nadefinujte modul va\u0161\u00ed aplikace. (app engine).&nbsp;Detaily tohoto k\u00f3du jdou mimo tuto p\u0159\u00edru\u010dku. M\u00e1te volnou ruku a klidn\u011b se m\u016f\u017eete pod\u00edvat i na p\u0159\u00edklad v&nbsp;Angular Universal dokumentaci.&nbsp;\tSpus\u0165te aplikaci na serveruPo tom v\u0161em jste kone\u010dn\u011b v&nbsp;bod\u011b, kdy m\u016f\u017eete spustit aplikaci na serveru.&nbsp;Abyste tohle ud\u011blali, nastavte webpack, kter\u00fd zpracov\u00e1v\u00e1 server.ts soubor, kter\u00fd jste vytvo\u0159ili v&nbsp;p\u0159ede\u0161l\u00e9m kroku.&nbsp;Pojmenujte config soubor webpack.server.config.js. A je\u0161t\u011b jednou, zkontrolujte dokumentaci Angular Universal pro ten spr\u00e1vn\u00fd a ur\u010dit\u00fd k\u00f3d, kter\u00fd pat\u0159\u00ed do tohoto souboru. Mo\u017en\u00e1 budete pot\u0159ebovat adaptovat tento k\u00f3d k&nbsp;va\u0161emu nebo jej p\u0159izp\u016fsobit va\u0161emu n\u00e1zvoslov\u00ed.&nbsp;Jakmile jste hotovi s&nbsp;t\u00edmto souborem, budete m\u00edt dva soubory pod jedn\u00edm hlavn\u00edm souborem: prohl\u00ed\u017ee\u010d a server.&nbsp;Abyste spustili k\u00f3d serveru, jenom zadejte n\u00e1sleduj\u00edc\u00ed do p\u0159\u00edkazov\u00e9ho \u0159\u00e1dku:&nbsp;node dist\/server.js&nbsp;Gratulujeme! Pr\u00e1v\u011b jste spustili k\u00f3d na stran\u011b serveru!&nbsp;\tShrnut\u00edI kdy\u017e ANgular dovoluje v\u00fdvoj\u00e1\u0159\u016fm velmi rychle produkovat vysoce kvalitn\u00ed aplikace, ne v\u017edy se to vyda\u0159\u00ed i s&nbsp;boty internetov\u00fdch vyhled\u00e1va\u010d\u016f.&nbsp;Na\u0161t\u011bst\u00ed, Angular Universal m\u016f\u017ee p\u0159edkreslit Angular str\u00e1nky s&nbsp;aplikac\u00ed jako statick\u00e9 HTML, tak\u017ee jsou lehce &bdquo;objeviteln\u00e9&ldquo; a indexovateln\u00e9. A taky se budou na\u010d\u00edtat mnohem rychleji.&nbsp;V\u017edycky bylo na\u0161\u00edm doporu\u010den\u00edm, abyste m\u011bli HTML b\u00e1zi a pou\u017e\u00edvali ANgular pro dal\u0161\u00ed ostatn\u00ed elementy na va\u0161\u00ed str\u00e1nce. Toto doporu\u010den\u00ed ohledn\u011b v\u0161eho, co se vztahuje k&nbsp;JAvaScriptu, d\u011bl\u00e1me od roku 2010. Tento proces Angular Universal je na tom sam\u00e9m principu. Nem\u016f\u017eeme \u0159\u00edci, kolik str\u00e1nek Angular nebo JavaScript redesigny zni\u010dily. Proto bu\u010fte opatrn\u00ed s&nbsp;tou va\u0161\u00ed a v\u017edycky si to nechte ov\u011b\u0159it u n\u011bjak\u00e9 SEO Spole\u010dnosti, je\u0161t\u011b ne\u017e to spust\u00edte.                                                                                                                                                                                                                                                                                                                                                                                        4.2\/5 - (11 votes)        "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Angular Universal: Co pot\u0159ebujete v\u011bd\u011bt pro SEO","item":"https:\/\/www.kcms.cz\/angular-universal-co-potrebujete-vedet-pro-seo\/#breadcrumbitem"}]}]