HEY

Participate in the next Webflow Challenge!

SEO Webflow: Everything you need to know to succeed in SEO on Webflow (14 things to do)

You've been creating your site for a while, but it doesn't appear in search engine results. Here are 14 good to know SEO webflow tips.

Updated on

12/1/2021

SEO Webflow: Everything you need to know to succeed in SEO on Webflow (14 things to do)
SEO Webflow: Everything you need to know to succeed in SEO on Webflow (14 things to do)

SEO Webflow: It's been a while since you created your site, yet it still doesn't appear in search engine results. You check the statistics, but apart from the few people you sent the link to, there's nothing else.

And on the rare occasions when there is traffic, the visitors all come from social networks, because you shared the link there. Other than that, nothing! However, your site is useless if it is not visible to your future customers. Without being an SEO ace, it is however possible to take care of the SEO of your site on Webflow. How can you do it? We will find the answers in this guide.

But first, can you answer this question so that I can have an idea of what you think, and thus, offer you even more adapted contents?

#seo #seoranking #seoranking #google #seowebflow

🌈Sondage

In your opinion, does the SEO of a site depend on the CMS used?
Yes! Totally.
No, it's just a matter of using the right methods
Any other ideas? Feel free to share it as a comment!

Summary

Suitable for any device

With appropriate keywords

Well-thought-out choice of main pages

Conclusion

On Video

1. Suitable for any device

When designing the site's design, you need to think about how it will look on all devices (smartphones, tablets and computers). The principle is to make all functionalities available on all these devices. The design should not present a problem on any of the devices either.

Why? Simply because more than half of the traffic on the internet comes from mobiles. It is therefore important to facilitate the user experience, also on mobile phones.

In case he doesn't like it, it won't take long before he leaves your site to look for another one. Google robots will notice that there is a high bounce rate, and therefore, will never rank your site in the best search results.

2. With appropriate keywords for each page

All the pages of a well referenced webflow site are linked to a specific keyword. Even if your site already meets this ultimate condition, I'm sorry to tell you: it's not enough yet.

The best thing would be to create a blog that you will feed regularly. By the way, if you've been following me for some time, you'll know that this is what I do with Happydesk. Every week, I publish at least one article.

These are not just any items. Remember what I said earlier: each page must be linked to a specific keyword; the same goes for articles, they will be optimized for SEO.

How? Always by choosing your key words carefully. And to ensure the success of your site, focus on the most searched keywords, those that interest your target. At the same time, they must be relevant to your business.

There are many ways to search for these types of keywords, but I'll start with the simplest and cheapest: use Google's search suggestions. Just go to it, and click on a keyword related to your business. For example, webdesign on webflow. This is where Google offers you the most searched keywords. You choose one of them (make sure it's relevant though).

In just a few seconds, you'll have a long list of results. So all you have to do is draw inspiration from the topics that are presented to you to create your blog topics, it's up to you now to make a choice.

You can also use specific keyword search tools such as SEMrush, Ubersuggest, MOZ,...

SEO Webflow: Using Google Trends

Even if you use Google's suggestions for keyword research, this tool can complement your research very well. Simply re-enter the terms that Google has suggested here.

You validate, and then comes a lot of useful information about that keyword. Here are a few examples:

  • The popularity of the keyword: what will help you know which topics to focus on
  • The level of difficulty of the key word: to better prepare yourself, if you really want to get on this track
  • The interest of the keyword by region: which will allow you to analyse whether the content you plan to create is of interest to the region in which your target is located.
  • Related search: gives you more ideas for keywords related to the keyword suggested by Google. Other content ideas then!

SEO Webflow: Using Google Ads

Although this tool is mainly used for marketing campaigns, it is equally useful for keyword research. Indeed, it is a real mine of information. You can find: the average monthly search volumes per keyword, the average cost per click, the level of competition per keyword...

The idea is the same as the previous one: based on this data, you can see which keywords to prioritize. The fact that a keyword has a high search volume and a high cost per click is not enough. This would mean that this same keyword has a lot of competition, so it is difficult for a new site to rank on this keyword. Sometimes it would be better to settle for a more specific keyword, less solicited, and therefore with less competition.

Otherwise, a site that has been around for a long time may take a chance. Perhaps the site has a high domain authority, i.e. Google has esteem for it, on a given subject. In this case, there is no better choice than to choose keywords with a high monthly search volume.

But how do you know the level of a site's domain authority? Several referencing tools give this information.

SEO Webflow: Writing SEO-optimized Content

Now that you've chosen the keywords you're going to work on, and consequently the blog topics to be covered, all that remains is to write an SEO-optimized article. I don't remember ever telling you about the criteria that make an article SEO-optimized or not. So here they are:

Keywords must appear in :

  • the meta title
  • the meta description
  • the URL
  • the different levels of title (Hn)

You also need to think about internal networking, that is, linking items together.

Webflow Training

4. Well thought-out choice of main pages

Because there are main pages and subpages? Indeed there are. The main pages take this form:

These pages are important enough to be put at the first level. You'll know right away on my site which subjects are dear to my heart, and above all, on which themes I mainly work on: webflow training.

So, if you know it, it certainly means that Google knows it too. So it is able to rank my site in search results about webflow training.

I repeat again: it is very important to work each of these main pages on a specific keyword.

The secondaries, on the other hand, are of this form:

More general topics, related to the main themes of the site, can be addressed on these second level pages.

5. Correct use of subdomains

A sub-domain is a site in its own right. It is not linked to the root domain, except by links to it. To make it clearer: a root domain and a sub-domain are for Google 2 different sites.

So there is no point in separating the blog from the root domain (blog.example-domain.com). When you feed the blog, you are not going to feed the main site, but rather the sub-domain. It will therefore have no impact on SEO.

This doesn't mean that you shouldn't create a sub-domain for your site if you want it to be well referenced on Google. On the contrary, subdomains have other advantages. All I mean is that if you want to do it, you might as well do it the right way.

So avoid making the most common mistake when creating subdomains: that of separating the blog from the main domain.

6. URL optimization, meta-titles, descriptions and titles

I touched a bit on the subject earlier, like you shouldn't forget to put keywords in the URL, in the meta-titles, descriptions and titles. Throughout the text, you must also remember to insert these keywords from time to time and naturally. To help you, just keep in mind what the keyword is, while writing the text. This is easier than going back over the whole text once it has been written.

Otherwise, it would be difficult to ensure that the key words inserted themselves naturally. This will give an effect: artificial. During proofreading, all you have to do is change a few phrases and check for errors...

Furthermore, it is quite possible to automate the insertion of keywords in certain elements (i.e. URLs, titles and descriptions). This will save you a lot of time!

Webflow Training
https://www.happydesk.be/video-de-formation-gratuites

7. Setting up "301 redirection"

Not a moment goes by without the web evolving. I love it, because it promises that the webdesign business has a secure future. Only, there's a small downside. With each change, you have to make sure that your site is up to date. So you may have to restructure your site over time. You may have to delete some pages, move others...

Deleting and moving pages is not welcome on Google, especially if you don't take the necessary precautions.

Here is an example of these precautions: implement 301 redirection. This involves redirecting deleted or moved pages to other similar pages, thus redirecting the old URL to a new one.

Why not just create a new one? Because the old URL already has some advantages. It is already referenced on Google. Deleting it would be a (nearly) fatal mistake for the SEO of your site. On the other hand, with a 301 redirection, the new URL keeps the same rank as the old one (or even better).

8. Canonical URLs to remember

E-commerce sites are the most advantageous to use canonical links on their site. They often sell a product that has some variations (colors, sizes, etc.) on their site. In the eyes of Google, it will be the same product. However, one product = one page. So, for each product variant, there are different pages, and therefore different URLs. Simply put, there is duplicate content.

However, duplicate content is very badly seen by Google. It may even penalize your site for this. Hence the intervention of canonical URLs. They are represented by codes of this form: "rel=canonical", and they are found in the <head>site's</head> tag.

Concretely, it sends a signal to Google that the page in question is the final version, the one for which you want to be ranked.

All you have to do is go to Webflow's custom code editor, and insert this code into it.

Even if your site is not e-commerce, you need to be on your guard. If like me, you republish your blog posts on other platforms like Medium, LinkedIn..., you'll also need to tell Google that the canonical link is the one of your blog.

9. Activation of the site map or sitemap

When it finally comes time to host your site, you can choose between several methods. If you made your website on Webflow, I advise you to host it on Webflow itself.

It promises so many benefits (and I have already mentioned this in thearticle that talks about everything there is to know about Webflow), but the one that interests us here is the fact that this hosting allows an automatic creation of the sitemap of the site, XML.

This is a map used by Google for :

  • get an overview of what's going on on your site
  • so it can easily explore every page of your site
  • check the last update of the page
  • see how often the page is changed
Webflow Training

10. Treatment of page 404

For your site to be well referenced in Google, you must create a correct 404 page. The creation of the 404 page is very easy:

  • You create a classic page that you call 404...
  • You make sure the link on this page is 404 (example: domain.com/404)
  • You do her layout

That's when everything gets interesting. What should this page look like?

In order to fully understand all the rules that I'm going to tell you later, I'm first going to help you understand the meaning of a page 404.

If people come across this, it would mean that something is wrong with your site (without you necessarily knowing it). If it's going to happen, you might as well take care of this page!

Don't think that your only goal is to alleviate the annoyance of Internet users for landing on this page. It's good enough, but be strategic!

  • First, the page must be quite explicit. You have to put a text or an image showing that something went wrong. If you just put up the 404 code, very few people will understand what it is.
  • Then you have to propose a way out. This can come in many different ways. The easiest way to do this is, for example, not to hide the menu.
  • Another solution is to set up a search bar (visible enough) to encourage visitors to enter the exact term they are looking for.
  • You can even set up a CTA to invite them to write down what may have happened so that they land on this error page. That way you can fix it as soon as possible!

11. Filling of all ALT tags

One of the most forgotten tags is the ALT. This is an HTML code that usually accompanies images. As images are content, they must be identified by Google. Unfortunately, Google can't read photos; it's only good with text. So for it, you have to describe what's in the image in this ALT tag.

And even for humans who may have accessibility problems, ALT tags are a great help. As long as the (short) description is very clear, they will understand in a single second what's on the image.

Use this opportunity to insert the appropriate keyword. But beware of excess! Besides, a long time ago, developers cheated. To ensure a good positioning of their website, they stuffed the ALT tag with keywords. As soon as Google detected this practice, it quickly penalized the sites that followed it.

Slipping a keyword into the descriptive sentence is more than enough. Not only will Google have no trouble understanding the subject of your page, but more importantly, it will index the image in question (linked to your site's address) in the image search results.

Whenever images are inserted on Webflow, the platform leaves the ALT tag empty by default. This is probably to make our job easier! 😉 Might as well take advantage of it.

12. Using robots (.txt)

Robots regularly explore your site (those of Google and other search engines). When they do so, they browse every page without exception. Only sometimes we feel like hiding certain pages, for one reason or another.

Maybe you're still editing a page. As it is not quite ready to be published, just disable its indexing. Luckily this is possible and easy on Webflow! 🤩 In fact, your SEO won't have any problems.

Just access the robots.txt file on your site. It is available in the site settings, in the SEO tab. Alternatively, you can simply use the page password protection feature through Webflow.

Webflow Training

13. Disabling webflow.io indexing

When you create your website on Webflow, you will receive a sub-domain webflow.io. This is exactly the same version of your site, exactly the same, and it would be best to disable it. I told you about duplicate content earlier; the principle applies here. Fortunately Webflow indicates it by default as "no-follow", otherwise the option is in the settings.

What exactly is it for? 🧐

Well, you can do whatever you want with it. Try out new features and design approaches, new models... without anyone seeing it. Let's say, an experimental site.

14. Configuring Google Analytics

Finally, if you haven't already done so, you need to set up your Google Analytics account at all costs. Of course, this action will not directly improve your natural referencing. But at least, you will have access to all the information you need about your website visitors (traffic sources, regions, time spent on a page...). All you have to do is adapt your pages and articles accordingly.

Conclusion

In all, there are 14 things to know to improve your SEO on Webflow. Luckily Webflow has facilitated all these processes! Otherwise, we probably would have needed the intervention of an SEO professional.

In short, by following these 14 techniques to the letter, it won't take you long to notice that your site slowly (but surely) rises in Google's best search results.

Tools covered: SEMrush, Ubersuggest, MOZ,...

Comment

Coffee break

4 items you might like

FREE TRAINING

Register here to receive the free Discovery Training
.

Start by taking the Discovery Training, where you will learn the basics of Webflow and a taste of what to expect in the Start Weblow training.

Start the free training