Bazat e SEO për Angular
Çfarë është SEO?
Nëse jeni të gjelbër për këtë temë, SEO do të thotë Optimizimi i motorit të kërkimit. Është bërë një fjalë kryesore në industri të flasësh për çdo gjë që lidhet me aftësinë e një sajti për t'u zbuluar nga motorët e kërkimit. Nëse po ndërtoni një aplikacion Angular me pamje publike, ose po përdorni një kornizë të ndryshme me një faqe, SEO do të jetë një përpjekje më e vështirë për ju sesa do të ishte ndryshe. Lajmi i mirë është se vitet e fundit, zvarritësit e uebit janë përmirësuar shumë në indeksimin e aplikacioneve me një faqe të paraqitur nga Javascript. Megjithatë ka ende punë për të bërë.
Para se të hyni në bazat, është e rëndësishme të kuptoni se çfarë bën një zvarritës në internet. Motorët e kërkimit si Google, Bing dhe të tjerë, përdorin zvarritës të uebit për të eksploruar dhe indeksuar të gjithë rrjetin mbarëbotëror. Me fjalë të thjeshta, crawlers janë robotë që lundrojnë në faqet e internetit, indeksojnë atë që gjejnë, ndjekin të gjitha lidhjet që gjejnë për të indeksuar faqet e reja, etj. Ata vazhdimisht lundrojnë në rrjetin e tyre gjithnjë në rritje të lidhjeve, duke përditësuar dhe indeksuar faqet ndërsa shkojnë. Kjo bëhet (ndër arsyet e tjera) në mënyrë që një përdorues që shkruan një pyetje në një motor kërkimi të marrë një listë të shpejtë të rezultateve. Kjo kohë e shpejtë e përgjigjes është e mundur sepse termat e kërkimit ekzekutohen përmes një algoritmi për të përcaktuar listën e sajteve tashmë të indeksuar për t'u kthyer te përdoruesi.
Shfaqja në numrin më të lartë të rezultateve për një pyetje specifike është shumë e rëndësishme për një faqe interneti, veçanërisht për faqet e tregtisë elektronike. Meqenëse motorët e kërkimit janë ndër mënyrat kryesore me të cilat përdoruesit zbulojnë faqet e internetit, të kesh një "gradë" të lartë në faqen e rezultateve të kërkimit është kritike për performancën dhe të ardhurat e faqeve të internetit. Nëse një faqe nuk mund të gjendet, ajo kurrë nuk do të fitojë para ose përshtypje, pavarësisht sa mirë është projektuar. Kështu është lufta pas SEO.
1. Strategjia e rrugës
Çështja e parë shqetësuese kur punoni me një aplikacion Angular është të vendosni për strategjinë e rrugës. Si parazgjedhje, Angular përdor një PathLocationStrategy i cili do të krijojë rrugë siç do të prisnit në çdo faqe interneti: me parametrat e rrugës të ndara me një vijë të pjerrët. Kjo strategji jep iluzionin e navigimit të faqeve duke përdorur "History API", edhe pse faqja është një faqe e vetme.
Angular gjithashtu ofron një HashLocationStrategy që përfshin një hash (#) pas url-së bazë, në thelb duke i bërë të gjithë parametrat e rrugës një fragment. Për zvarritësit që lundrojnë në faqen tuaj të internetit, ata do të injorojnë çdo gjë që shohin pas hash-it. Kështu, të gjitha lidhjet në faqen tuaj do të duken identike dhe zvarritësi nuk do të gjente asnjë nga faqet tuaja.
Megjithëse kërkon pak më shumë punë për të konfiguruar një faqe Angular me PathLocationStrategy, është absolutisht e rëndësishme nëse SEO duhet të merret në konsideratë. Përdorimi i rrugëve normale të "stilit HTML5" jo vetëm që do t'i mundësojë një zvarritës të kuptojë lidhjet, por gjithashtu lejon opsionet e paraqitjes nga ana e serverit – diçka që do ta diskutoj më vonë.
2. Performanca
Nuk ishte shumë kohë më parë që aplikacionet me një faqe u neglizhuan pak a shumë nga zvarritësit e uebit. Përparimet e fundit, megjithatë, nënkuptojnë se robotët si GoogleBot janë në gjendje të japin JavaScript. Kjo do të thotë që aplikacionet si ato të ndërtuara në Angular mund të indeksohen siç duhet, pavarësisht se përmbajtja e tyre është dinamike. Por me rritjen e numrit të faqeve të internetit që mbështeten në JavaScript, është krijuar një radhë fjalë për fjalë që faqet të indeksohen. Pritja dhe interpretimi i JavaScript kërkon kohë dhe burime, dhe vetëm kaq shumë uebfaqe mund të trajtohen menjëherë. Kjo do të thotë se faqet me kohë të gjatë ngarkimi do të indeksohen më rrallë se sa homologët e tyre statikë. Dhe nëse performanca e një siti është mjaft e dobët, mund të mos indeksohet fare.
Për shkak të kërkesës llogaritëse të sajteve të ndërtuara me JavaScript, është thelbësore që ato të optimizohen. Kjo do të thotë të hiqni bibliotekat e papërdorura, të minimizoni kodin, modulet e ngarkimit dembel dhe të bëni sa më shumë që të mundeni për të siguruar që faqja juaj të funksionojë shpejt dhe pa probleme.
3. Përdorimi Angular Meta Service
Informacioni meta luan një rol të rëndësishëm në SEO. Meta elementi title i një siti është ai që do të shfaqet nëse faqja shfaqet në një listë të rezultateve të kërkimit. Po kështu, elementi description do të jetë seksioni i tekstit nën titull që i tregon përdoruesit më shumë rreth sajtit. Titulli duhet të jetë përshkrues dhe dinamik - duke dhënë informacion konciz për faqen aktuale, jo vetëm faqen në përgjithësi. Përshkrimi duhet të jetë informues për përmbajtjen e faqes në një mënyrë që t'i tregojë përdoruesit nëse kjo është përmbajtja që ata po kërkojnë. Për më tepër, keywords mund të përdoret nëse keni etiketa specifike ose terma kërkimi në lidhje me përmbajtjen në një faqe.
Fatmirësisht Angular ka dy shërbime që e bëjnë shumë më të lehtë trajtimin e meta informacionit: Title dhe Meta. Shërbimi i titullit ofron një metodë për vendosjen e lehtë të titullit të faqes dhe shërbimi meta ju lejon të shtoni dhe hiqni shpejt etiketat meta. Unë preferoj t'i mbështjell të dyja këto shërbime në shërbimin tim MetaTag, i cili më pas mund të injektohet dhe përdoret kudo që të dua. Shërbimi im duket diçka si kjo:
Me këtë shërbim, unë jam në gjendje të ndryshoj shpejt titullin, përshkrimin dhe etiketat për çdo faqe.
4. Përdorimi Angular Universal
Megjithëse zvarritësit e uebit janë të aftë të japin përmbajtje dinamike përmes JavaScript, të paturit e një metode të gjenerimit të faqeve shpejt në anën e serverit përmirëson shumë lehtësinë me të cilën një robot mund të lundrojë. Duke përdorur "Angular Universal", ne mund të zbatojmë një teknikë renderi hibride, ku faqet gjenerohen shpejt nga ana e serverit kur marrin një kërkesë, por ende injektohen me JavaScript për të lejuar përmbajtje dinamike. Kjo metodë i kthen përdoruesit shpejt një "First Contentful Paint", megjithëse faqja mund të mos jetë ende reaguese. Zvarritësit e uebit nuk mbështeten në ndërveprim në të njëjtën mënyrë si përdoruesit njerëzorë, kështu që gjenerimi i shpejtë i faqeve statike lejon që një bot të lundrojë në mënyrë efikase.
Vendosja e Angular Universal nuk është e parëndësishme dhe ka faktorë të tjerë që duhen marrë parasysh kur e përdorni. Sidoqoftë, nëse SEO është një çështje shqetësuese për faqen tuaj Angular, atëherë Angular Universal është mënyra për të shkuar.
Angular është një kornizë e shkëlqyer për zhvillimin e shpejtë të vendeve dinamike. Dhe, duke përdorur metodat e përshkruara më sipër, faqet Angular mund të shënojnë po aq të larta sa faqet e ndërtuara në çdo kornizë tjetër. Kjo listë nuk ishte shteruese, por duhet të sigurojë një bazë solide për performancën e SEO të faqes suaj. Faleminderit që lexuat.
Tema të ngjashme:
