Leņķiskais universālais prerender.io

Ja esat leņķa izstrādātājs, jūs zināt, ka SEO ir matains stāvoklis. Un, ja jūs esat līdzīgs mums, jūs, iespējams, Google meklējāt savu ceļu uz diviem galvenajiem risinājumiem. Šajā rakstā mēs vēlamies to sadalīt, cik sarežģīts ir katrs process un cik tas ir efektīvs. Ņemiet vērā, ka tas viss balstās uz mūsu pieredzi. Ja domājat citādi, sazinieties ar mums!

1. Leņķa universāls

Dokumentācija: https://angular.io/guide/universal
Sarežģītība: 7/10
Efektivitāte: 6/10

Mūsu lietošanas gadījumā mēs neizmantojām leņķisko universālo starteri. Mēs jau bijām izveidojuši savu vietni bez vienas (projekts Leņķa 7). Un, lai arī process nav pārāk ilgs, lai integrētos esošajā projektā Leņķa, tas noteikti prasa laiku, lai saprastu, kas notiek. Lai maldinātu skaidrojumu, Angular Universal izveido divas jūsu lietojumprogrammas versijas. Tā ir lietotne “serveris”, kas iepriekš padara jūsu lapas statiskā HTML. Tas notiek vispirms, un tieši no tā SEO robotprogrammatūras piesaistīs. Otra versija ir lietotne “pārlūks”. Šī ir jūsu regulārā dinamiskā un pilnībā funkcionālā leņķiskā lietojumprogramma. Universal apmainās ar jūsu servera pusē sniegto lietotni ar pārlūkprogrammas programmu, tiklīdz tā ir pabeigta. Tādējādi jūs varat redzēt nelielu nervozitāti, īpaši lēnākā ātrumā.

Tā kā šis ir raksts galvenokārt par to, kāpēc izmantot vienu otru, mēs pārāk daudz kodu neizrakstīsim. Lūdzu, pārskatiet iepriekš sniegto dokumentu saiti.

Tomēr mēs vēlamies sniegt komentārus par jautājumiem, ar kuriem mēs saskārāmies, un lietām, kas mums bija jādara, lai tām palīdzētu:
1. Pievienojiet skriptus, kurus doktors jums piedāvā, savā paketē.json. Ievietojot to servera mērķī angular.json, tiks parādīta kļūda.
2. Failam server.ts, importējot AppServerModuleNgFactory, iegūstiet to no faila './dist/server/main', nevis './dist/server/main.bundle'.
3. Ja savam projektam izmantojat SCSS, noteikti pievienojiet šo fragmentu zem mērķa angular.json. Pretējā gadījumā tas rada kļūdas, veidojot servera mērķi.

"stylePreprocessorOptions": {“includePaths”: [“src / scss”]}

4. Pārliecinieties arī, ka vēlreiz pārbaudiet izejas ceļus parastajam būvēšanas mērķim un servera mērķim. Izveides ceļam jābūt tādam, kā dist / projekta nosaukums / pārlūks, un servera izvades ceļam jābūt tādam, kā dist / projekta nosaukums / serveris

Pēc darba pabeigšanas mēs redzējām visu savas lapas kodu no chrome “Skatīt lapas avotu”. Mēs savā projektā arī integrējām dinamiskās meta tagus (izmantojot meta pakalpojumu), un mēs tos varam redzēt, pārbaudot mūsu lapu. Tātad šeit ir plusi un mīnusi pēc tam, kad mēs izvietojām savu vietni un indeksējām savas lapas Google:

Plusi
- Visas mūsu lapas bija meklējamas Google
- Google robotprogrammatūras veiksmīgi izvilka tekstu no mūsu lapām

Mīnusi
- Teksts, kas tika vilkts ar Google robotprogrammatūru, bija nejaušs teksts no mūsu lapām (piemēram, saišu nosaukumi, kājenes materiāli, attēlu apraksti, pamatteksts utt.)
- Ja jūs mēģināt apkalpot pielāgotos ātrgaitas maršrutus, jūs nonāksit nepatikšanās. Koeficienti ir tādi, ka jums labāk ir izveidot jaunu servera gadījumu saviem pielāgotajiem maršrutiem.

2. Prerender.io

Dokumentācija: https://prerender.io/documentation
Sarežģītība: 2/10
Efektivitāte: 7/10

Pirms izmēģinājām Angular Universal, mēs izmēģinājām Prerender.io. Šis noteikti ir maršruts ar vismazāko problēmu. Lai to ieviestu veidā, kas darbojas ar Google un Bing robotprogrammatūrām, bija vajadzīgas tikai vairākas koda rindiņas un reģistrācija to vietnē marķierim. Un šajā piemērā mēs izmantojam Express Node serveri:

var prerender = nepieciešama ('prerender-node'). set ('prerenderToken', 'YOUR_TOKEN');
prerender.crawlerUserAgents.push ('googlebot');
prerender.crawlerUserAgents.push ('bingbot');
prerender.crawlerUserAgents.push ('yandex');
app.use (prerender);

Ja izmantojat Express / Node, pārliecinieties, vai virs jūsu express.static starpprogrammatūras ir app.use (prerender) līnija, kas, iespējams, kalpo jūsu dist direktorijā.

Izmantojot prerender.io, tas būtībā darīs to pašu, ko universālais. Tas tiks kešatmiņā saglabāts jūsu lapu statiskais html un kalpos tām līdz Google robotprogrammatūrām, kad tās pārmeklēs jūsu vietni.

Tātad tas ir ļoti viegli un labi darbojas ar SPA, bet vai tas bija efektīvs?

Plusi
- Ļoti ātri uzstādīts
- Bezmaksas versija var kešatmiņā saglabāt līdz 250 lapām
- Visi mūsu lapu google meklēšanas rezultāti ir saskaņā ar aprakstu, kuru mēs iestatām meta pakalpojumā

Mīnusi
- Izklausās pat 250 bezmaksas lapas, kešatmiņu var veikt vairākās jūsu URL versijās (kā piemēru izmantojot mūsu vietni) https://www.brewcrewlabs.com un https://brewcrewlabs.com. Nākamais līmenis ir 20 000 lappušu par USD 15 mēnesī.

3. Spriedums

Verdikts ir tāds, ka leņķiskais universālais vienkārši vēl nav gatavs. Lai gan var būt lietas, kuras mēs varētu izpētīt, lai asinātu mūsu SEO, Prerender.io ir vienkārši vienkāršāka un efektīvāka. Ja jūs nedomājat katru nedēļu radīt daudz lapu, Prerender.io var būt risinājums jums. Lai arī leņķiskais universālais darbojas dažos veidos, tas prasa daudz lielāku kāju darbu, lai darbs būtu vienā līmenī ar Prerender.io. Iespējams, ka mēs vienkārši nezinām slepeno mērci Angular Universal - ja jūs to darāt, lūdzu, paziņojiet mums par savu pieredzi!

Es ceru, ka šis raksts palīdzēja kādam citam līdzīgā situācijā!