Abstract. 

The article is devoted to solving the problems of search engine optimization of single-page applications built based on modern technologies of reactive JavaScript, including such JavaScript-frameworks as React, Angular, Vue, which allow developers to quickly create and scale interactive applications. However, such single page application is a complex area with a huge number of nuances in terms of search engine optimization because JavaScript is a programming language that allows to create dynamically updated content. The main issues of modern search engine optimization are considered: the principles of search engine operation, the basic principles, and algorithms for ranking web  pages by relevance are described. Using the React framework as an example, the main features of the development of modern single-page applications based on the modern JavaScript technology stack are described and the main disadvantages of such applications from the point of view of search engine optimization are shown, as well as existing approaches to solving this problem are considered, their disadvantages are highlighted, and a more effective and perfect hybrid approach based on the principles of isomorphism is proposed. An isomorphic approach to the development of single-page applications based on the principle of its design and strategies for its use is considered in detail, the principles of building such an application and examples of a block of program code are given, as well as a visual comparison of the ranking of a standard single-page application and a similar application built using an isomorphic architecture. 

Keywords: 

search engine optimization (SEO), PageRank, relevancy, isomorphism, rendering, Single Page Application (SPA), JavaScript, Document Object Model (DOM), API, React. 

PP. 100-110.

DOI 10.14357/20718632210410 

 

References

1. Dykan А. Klientskoe SEO [Client SEO]. Moscow, Jeditus, 2016, 280 p.

2. Kovalev S. V. Bazovoe prodvizhenie sajtov (SEO). Osnovnye 20% informacii po rabote s sajtami dlja jeffektivnogo prodvizhenija [Basic website promotion (SEO). The main 20% of information on working with sites for effective promotion]. Ekaterinburg, Izdatel'skie reshenija, 2017, 25 p.

3. Petrosjan A. S. Seo Boom. Jeffektivnaja optimizacija sajtov [Seo Boom. Effective website optimization]. Мoscow, LitRes, Samizdat, 2018, 110 p.

4. Page L. et al. The PageRank citation ranking: Bringing order to the web. Technical Report. Stanford InfoLab, 1998. 17 p.

5. Mel'kin N., Gorjaev K. Iskusstvo prodvizhenija sajta. Polnyj kurs SEO: ot idei do pervyh klientov [The art of website promotion. The Complete SEO Course: From Idea to First Customers]. Vologda, Infra-Inzhenerija, 2018, 280 p.

6. Gulin A., Maslov M., Segalovich I. Algoritm tekstovogo ranzhirovanija Jandeksa na ROMIP-2006 [Yandex text ranking algorithm on ROMIP-2006]. Trudy chetvertogo rossijskogo seminara po ocenke metodov informacionnogo poiska ROMIP'2006. Sankt-Peterburg, NU CSI, 2006, pp. 40–51.

7. Duckett J. Web Design with HTML, CSS, JavaScript and jQuery Set. Wiley, 2019. 1152 p.

8. Braun I. Veb-razrabotka s primeneniem Node i Express. Polnocennoe ispol'zovanie steka JavaScript. 2-e izdanie [Web development with Node and Express. Full use of the JavaScript stack. 2nd edition.] Sankt-Peterburg, Piter, 2021, 336 p.

9. Stefanov S. React: Up & Running: Building Web Applications. O'Reilly Media, 2016, 222 p.

10. Crockford D. How JavaScript Works. Virgule-Solidus LLC, 2018, 280 p.

11. Thomas M.T. React in Action. Manning Publications, 2018, 360 p.

12. Strimpel J., Najim M. Building Isomorphic Javascript Apps: From Concept to Implementation to Real-World Solutions. O'Reilly Media, 2016, 210 p.

13. Banks A., Porcello E. Learning React: Modern Patterns for Developing React Apps. O'Reilly Media, 2020, 310 p.