How to Verify Your Svelte/Sapper Application With Google Search Console

Google Search Console Google Search Console
Sapper Sapper
SEO SEO
Svelte Svelte

Google Search Console is one of those must have tools to get a better understanding of your Google Search Engine rankings are discoverability. So in today's tutorial I will show you how to verify your Svelte / Sapper application with Google Search Console.

The process should be fairly straight forward and simple for most people, but I thought I share it anyway.

Requirements 

A web application running Svelte / Sapper (hosted online)

A Google account (gmail or similar)

Create a Google Search Console Property

Navigate to https://search.google.com/search-console/ and start by creating a new property. If you already have a property listed on Google Search Console you will have to navigate here through the hamburger menu found in the top left corner. If its your first time you get taken to the welcome screen.

How to Verify Your Svelte/Sapper Application With Google Search Console

Google Search Console Welcome Screen

Here you can create your first property by choosing one of the two options Domain or URL prefix, and adding your domain. I personally like to be specific and always go for the prefixed version so there is no conflict between https://www.domain.com or https://domain.com (http://www.domain.com or http://domain.com If you don't have an SSL certificate). You can always change your settings later, but its good to get it right from the start.

Download the .html Verification file

As you click continue you will be taken to the verification process. Here you got a few options to choose from HTML tag, Google Analytics, Google Tag Manager and the traditional .html file verification. In this case we are going to user the later.

How to Verify Your Svelte/Sapper Application With Google Search Console

Download the .html verification file

When you have downloaded your .html file,  place it in your development project's static folder and push your project to production.

As everything has been deployed you can verify that the file is present by visiting https://yourdomain.com/googleSom3random1D.html . 

google-site-verification: googleSom3random1D.html

If the page contains the following, you are good to go.

Head back to your Google Search Console and click the verify button. The verification can take up to a minute.

That's all there is to it, you can now enjoy useful statistics provided by Google Search Console to get a better understanding of your contents ranking and discoverability.

Did You Enjoy the Tutorial?

Consider sending some love to Freddie the creator.

Comments (0)

You need to be logged in to comment..

Topics Mentioned in this Tutorial

Google Search Console
1
0
0
With Google Search Console webmaster can get a better overiew of how Google sees your site or web application. Google Search Console also show your current rankings within the Google Search Engine and notifies you of current errors that could potentially harm your rankings....
Sapper
2
0
0
Sapper is a free and open source framework for building Svelte powered web applicaitons. With Sapper you can develop applications that feel like single-page apps, with instantaneous navigation and reactivity. While at the same time adhering to SEO standards, keeping your initial load to a minimum and keeping the progressive enhancement that comes by default in any server-renderd applications....
SEO
1
0
9
SEO is short for Search Engine Optimization and is the profession and process of improving visibility and rankings in search engines. By optimizing for search engines web properties can see an increase in organic traffic and over all discoverability online....
Svelte
2
0
0
Svelte is a free and open-source JavaScript compiler (framework) created by Rich Harris. Svelte is designed from the ground-up to improve client run-time performace by generate code that manipulates the DOM rather then including a Virtual DOM included in the build....