yuenci / Google-SEO-And-Rendering-Patterns

A mini crawler system and CSR, SSR, SSG(Pre-Render) system to introduce the impact of different rendering patterns on SEO

Google SEO And Rendering-Patterns

A mini crawler system and CSR, SSR, SSG(Pre-Render)system to introduce the impact of different rendering patterns on SEO

Adjustments and improvements

The project is still under development and the next updates will be focused on the following tasks:

• Blog SSG Version
• Blog CSR Version
• Blog SSR Version
• Search engine
• crawler system

💡 Introduction

Introducing the three stages of Google Search¹

Google Search works in three stages, and not all pages make it through each stage:

• Crawling: Google downloads text, images, and videos from pages it found on the internet with automated programs called crawlers.
• Indexing: Google analyzes the text, images, and video files on the page, and stores the information in the Google index, which is a large database.
• Serving search results: When a user searches on Google, Google returns information that's relevant to the user's query.

💻 Prerequisites

Before you begin, make sure that you have met the following requirements:

• You have installed python 3.8 / 3.9 / 3.10
• You have a machine <Windows /Linux/Mac>. Indicate which operating system is compatible/not compatible.

🚀 Installing

To install this project, follow these steps:

1. Install requirements.txt

pip install -r requirements.txt

2. Install pipenv

$ pip install pipenv

☕ Usecase

To use this project, follow these steps:

1. Run main.py for articles api
2. Run crawler.py for crawler
3. Run manage.py for django server
   1. vscode switch to pipenv then new a terminal
   2. cd 5.blog-SSR
   3. python manage.py runserver
   4. http://127.0.0.1:8000/blog/index/

📫 Contributing

To contribute this project, follow these steps:

1. Fork this repository.
2. Crie um branch: git checkout -b <some_branch>
3. Make your changes and confirm them: git commit -m <message_commit>
4. Push to the original branch: git push origin <peoject_name> / <local>
5. Create the pull request.

Alternatively, see the GitHub documentation on how to create a pull request.

🤝 Collaborations

Innis - EnjoyCode.me - [e-mail]

😄 Be one of the contributors

Want to be part of this project? Click HERE and read how to contribute.

📝 License

This project is under license. See the LICENSE file for more details.

(⬆ Back to top)

📚 Materials

Footnotes

1. https://developers.google.com/search/docs/fundamentals/how-search-works ↩