1- PWA and SEO
First of all, we should state that we cannot say that PWA is technically an improvement in terms of SEO or a ranking factor. On the contrary, since it includes JavaScript technology, PWA implementation has difficulties from an SEO perspective. You can check out this article for John Mueller's explanation of PWA. However, the advantages it has on the user experience and conversion side also indirectly offer improvements for SEO.
If an effective study can be done especially in terms of speed and pages can be presented to the user quickly, we can see its effect indirectly in Google search results. However, we should not have problems with the most critical issue, namely crawlability and indexability . This will be the biggest problem in a PWA website based on JS. First, let's briefly look at what PWA technology is and its components. Then we will present our suggestions on what is problematic on Google's side and how we can avoid them.
2- What is PWA?
Progressive Web Apps (PWA) is a web application that offers business owner database a native application-like experience and includes advanced technologies that allow web users to combine both application and web functions in a secure environment.
It is like an application because it can be downloaded, send alerts and notifications, and run independently of an internet connection.
It is not like an application because it has a responsive structure and can work on different devices, its content can be accessed by search engines and can be presented in search results.
3- Why is PWA Technology Needed?
Fast: When implemented correctly, PWA technology can provide a very fast experience for both the first-time user and the returning user.
Connection Independent: Even when the internet signal is low or non-existent, cache technology allows the user to browse the site and access content on the site.
Conversion: Being able to download to the home screen and send notifications can increase user interaction and have a positive impact on the conversion rate.
4- How Does PWA Work? What Are Its Components?
To summarize PWA components and their working logic:
4.1- HTTPS
One of the essential components for PWA is HTTPS. Google documentation also clearly states that HTTPS usage is mandatory.
In order to pass the PWA test, the resources called must also be served from HTTPS URLs. We must make sure that the images, scripts or CSS files are also HTTPS so that we do not encounter a mixed content problem.
4.2- Web App Manifest
Web App Manifest is a simple JSON file that tells the browser about your web application and how it should behave when 'loaded' on the user's mobile device or desktop . It is one of the essential components of a PWA. In short, you need to have it for the add to home screen feature. If we look at a sample manifest file code;
