SPA (Single Page Application) has the advantage of improving UX (user experience) because it can switch contents . However, there are probably many people who are wondering whether the mechanism of replacing part of HTML with JavaScript will be properly evaluated by Google crawlers . Also, when considering SEO for a SPA site , you should know what kind of measures are necessary.
Therefore, this time, the theme is whether the SPA site can be evaluated by the Google crawler and what is the point of SEO measures. If you are thinking about creating a SPA site but are worried about SEO , please refer to it.
Will Google Crawler Evaluate SPA Sites?
I’m wondering if the Google crawler will correctly evaluate SPA sites that display content using JavaScript . If your SPA site is not indexed by Google , there is no point in spending time and money to create your website . The Google crawler renders JavaScript with high accuracy and recognizes the content , so it’s not that it’s not evaluated, but I’ve heard that it’s been difficult for it to be indexed . * Sites displayed by JavaScript will be rendered after the Google crawler crawls them as HTML pages , if there is JavaScript processing. * The functionality of the Google crawler has also been improved, and it will become even more accurate in the future, making it easier to recognize SPA sites.
Points of SEO measures for SPA sites
We will introduce what kind of methods are available when performing SEO measures for SPA sites . It is important to be indexed by search engines and rated correctly.
How to use SSR (Server Side Rendering)
This is the most standard SEO method for SPA sites . Render content on the server side . Using SSR (server-side rendering) has the advantage of faster initial page display and improved crawlability . And a reliable index is possible. However, it is necessary to prepare a high-spec server, which is a concern because it costs a lot.
How to use Prerendering
Works against Google crawlers . It is used when you want Google to index the web page of the SPA site . * When the Google crawler accesses a web page , it renders the page on the server side and caches it as a static HTML file. And it is a mechanism to use the cached page when the Google crawler accesses it again. * Not suitable for large scale, but can be processed at high speed. The advantage is that there is no need to prepare a high-spec server that is required for SSR.
How to use Dynamic Rendering
It is a method to prepare an HTML file dedicated to Google crawler separately from the file using JavaScript and pre-render it. It is also the method recommended by Google for sites using JavaScript , and it should be possible to index with high accuracy. Having two JavaScript files to generate the content and a static HTML file that Google crawlers can easily recognize is a very clear technique. However, it has been pointed out that dynamic rendering may not be used much in the future .
Set title and meta description
Although the SPA site is a single HTML page , it looks like it has multiple pages , but in reality the pages are not switched. Therefore, even if you transition to another page , the head element remains the same. A different head element for each page makes it easier to be indexed by Google . Title tags and meta descriptions are also important for getting clicks from users, so ideally they should be set for each page .
Thorough page transition by a tag
When Google finds a new page , it may come from a page that has already been indexed . Let’s make it possible to transition the page from the a tag as much as possible . Submitting an XML sitemap will also help Google crawlers find your page, so you should do that . Also, if there are many links other than the a tag , the importance of the pages in the site may be unclear and the internal links may not be evaluated. Internal links promote the circulation of Google crawlers and play an important role in SEO , so let’s emphasize the use of a tags .
Check SPA site index status
Use Google Search Console to check if Google crawlers are aware of your page . If you enter the URL of the page you want to check whether it is indexed by ” URL inspection” , the result will be returned. You can also request to be ” indexed “. In addition, you can see detailed data about the index of already recognized pages .
High accuracy is important for the SPA site on the operation side
When running a SPA site, you will have to think about things you didn’t care about when running other websites . A SPA site that is good at UX is a good option considering the user, and it is natural to think that you want to use the website when you think about what to tell to whom. * Google crawlers are getting more accurate, but if you’re a SPA site, you should be careful to make sure it’s indexed correctly , just in case. And if possible, you can use SSR, which renders on the server side, without worrying about the processing power of Google crawler JavaScript . *Let’s focus on attracting customers by holding down what you should be careful about when operating a SPA site.
