Examined: Is Webflow Good For search engine optimisation In 2022?







Webflow SEO Header

In our article sequence on the world’s hottest CMS methods, we examined the on-page search engine optimisation capabilities of 5 fashionable CMS.

We took a detailed take a look at Wix, Squarespace, GoDaddy, WordPress, and Joomla. Try the ultimate leads to this comparability, the place we revealed the very best CMS for search engine optimisation in 2022.

For the reason that sequence was so effectively obtained, right here’s a bonus article about an up-and-coming CMS that’s not extensively recognized but: Webflow. The recognition of Webflow has been rising steadily lately – and for good motive. In the event you love search engine optimisation and net design, Webflow could possibly be a lovely choice for you.

On this visitor publish, Armin Ramoser of the Austrian company Ramoser Webdesign will present you

  • how effectively arrange for on-page search engine optimisation Webflow is out of the field, and
  • how one can configure your Webflow web site to rank larger in Google.

(Word: This visitor publish was initially printed in German and translated into English by the Seobility workforce.)

How is Webflow completely different from different CMS methods?

Webflow is a platform for visible web site growth. Which means you don’t write your HTML, CSS, or JavaScript by typing in code from scratch. As a substitute, you employ a visible interface. Webflow additionally offers a CMS and all of the internet hosting infrastructure you want. It’s not an open-source CMS, although, however a proprietary answer from a non-public firm. With some fundamental HTML and CSS abilities, customers can develop customized web site layouts effectively with Webflow.

Webflow home page

Webflow’s built-in internet hosting is predicated on the worldwide CDN (Content material Supply Community) of Amazon Net Providers (AWS) and Fastly. With AWS, you get a world server infrastructure that helps hundreds of thousands of internet sites and can preserve serving up pages at high velocity irrespective of how heavy the site visitors in your web site will get.

In comparison with WordPress or different fashionable CMS platforms, Webflow remains to be comparatively unknown. In line with w3techs, it at the moment has a market share of 0.7% – which at first look seems to be like a rounding error in comparison with WordPress and its 65.3% market share. So why must you think about using it anyway, and what makes it a compelling choice, particularly for search engine optimisation?

In Abstract: Is Webflow good for search engine optimisation?

Webflow’s largest profit is that it means that you can get very “near the code”, as a substitute of hiding it from customers like most website-building methods akin to Wix or Elementor for WordPress do. Webflow is slightly a instrument for visible programming.

the Webflow Designer
Screenshot of the Webflow Designer (left: HTML web page tree; proper: CSS settings)

That does imply that Webflow is tougher for novices to be taught. However that steeper studying curve comes with two huge benefits:

  1. The code Webflow generates is as clear and semantic as if it was written by an old-school developer. Not like typical web page builders, you don’t find yourself with code bloat. The outcome: Web sites with clear code and lightning-fast load occasions.
  2. In case you have a tremendous design thought for a web site, Webflow gained’t cease you normally. Difficult layouts and animations? You’ll be able to implement them with out needing further plug-ins or having to fiddle with the code manually. For search engine optimisation, that’s very useful. In the event you’re customizing the UX or UI to your goal group, you gained’t be restricted by prefabricated templates or web site modules.

Later we’ll take a more in-depth take a look at how simply you’ll be able to management an important on-page search engine optimisation fundamentals. However total it’s truthful to say that Webflow performs effectively from an search engine optimisation perspective.

Webflow SEO scoring

How we examined the search engine optimisation capabilities of Webflow

Not like any open-source CMS, Webflow can simply be examined in isolation because it’s proprietary software program. Presently, there aren’t any third-party plug-ins for Webflow such as you discover within the WordPress ecosystem.

Additionally, Webflow provides its personal internet hosting service. That simplifies our job as we don’t have to determine if a change in efficiency is as a result of internet hosting service, the plug-ins, or the themes. As a substitute, the out-of-the-box search engine optimisation efficiency on Webflow websites could be clearly attributed to the CMS.

So, right here’s what we did:

  1. We saved Webflow in its authentic state and examined the choices for implementing necessary on-page search engine optimisation duties.
  2. We relaunched our personal web site with Webflow in January 2021 and evaluated the outcomes a yr later.

Webflow search engine optimisation: The nice, the dangerous, and the ugly

Within the subsequent part, we’ll take a detailed take a look at the way to implement necessary on-page search engine optimisation duties in Webflow. However first, let’s run by way of a number of the search engine optimisation highlights (and lowlights) of the platform.

Good: Lightning-fast load occasions, clear code and inventive freedom

The code Webflow generates isn’t considerably completely different from what you’d get from an expert programmer coding a web site by hand. That will get you clear, easily functioning web sites that solely load the code that’s truly wanted. This, in flip, has a optimistic impact on the web site’s efficiency. In the event you take a easy template that Webflow offers totally free, you’ll see that it already comes with nice scores in Google PageSpeed Insights, even earlier than any optimization:

pagespeed insights result of Webflow test site

One other profit Webflow provides for search engine optimisation is the artistic freedom you get from the web site software program and CMS. You’re not restricted by the parameters of a theme or plug-in. As a substitute, you’ll be able to design the visible interface the way in which you suppose will give your goal group the very best consumer expertise.

Dangerous: No simple solution to configure structured knowledge (and did we point out no plug-ins?)

All that artistic freedom comes at a value, nevertheless. Not like WordPress and different main CMS methods, there’s not already a plug-in for each web site characteristic you’ll be able to consider simply ready to be bought and put in. Structured knowledge can’t simply be configured with a plug-in, for instance. It needs to be manually added to the web page as code.

One of many benefits of proprietary software program like Webflow is that it saves you from taking pictures your self within the foot (and blasting holes in your web site) with a gaggle of uncooperative third-party plug-ins. But when there’s a characteristic it’s essential add to your web site shortly and also you don’t have a lot programming expertise, you would possibly begin seeing some great benefits of open-source software program and all these plug-ins.

Ugly: Technical ability remains to be required

Webflow could also be a no-code instrument. However that doesn’t imply {that a} fundamental understanding of HTML and CSS isn’t useful. Generally it’s even important if you wish to use Webflow to its full extent. I’m not going to lie: Webflow has a steep studying curve. You’ll be able to choose up the necessities totally free by way of Webflow College (Webflow’s on-line video course portal).

However in the event you’re a beginner to each Webflow and coding and also you’re anticipating to only begin constructing a brand new web site by drag & drop like you’ll be able to with different web site builders, put together to be dissatisfied.

On-Web page search engine optimisation Fundamentals: How does Webflow measure up?

Now let’s take a look at how effectively you’ll be able to management an important on-page search engine optimisation components with Webflow.

Webflow covers most simple search engine optimisation settings with no need to depend on third-party plug-ins or extensions. Right here’s our abstract once more.

Webflow SEO scoring

We’ll get into the main points under.

search engine optimisation Titles and Meta Descriptions

Management in Webflow: sure

You’ll be able to set the search engine optimisation title and meta description for every web page individually in Webflow. There’s additionally a preview that reveals you what the snippet will seem like in Google search outcomes for desktop.

Designer > Pages > Edit Web page Settings

how to set a title and description in Webflow

Nonetheless, Webflow doesn’t assist templates for titles and descriptions or a snippet preview for cell gadgets.

Web page slug / URL

Management in Webflow: sure

Specifying a customized URL slug is straightforward in Webflow. In the identical place the place you specify the search engine optimisation title and meta description, you may as well outline your personal slug for every web page and/or assortment web page within the Webflow CMS.

Designer > Pages > Edit Web page Settings or
Designer > CMS > CMS-Posts > CMS Merchandise

how to specify the URL slug in Webflow

Canonical URLs

Management in Webflow: sure

You’ll be able to add your web site’s base URL (akin to https://yourwebsite.com) as a world canonical tag in Webflow. This URL is used along with the distinctive URL slug of every web page to create canonical tags for each particular person web page in your web site.

Venture Settings > search engine optimisation

set a global canonical tag in Webflow

As well as, you’ll be able to all the time add canonical tags for particular person pages with Webflow’s Customized Code Editor. You’ll discover that underneath Web page Settings. It’s a must to add the next code within the space “Inside <head> tag”:

<hyperlink rel="canonical" ref="https://yourwebsite.com/your-url-slug"/>

Designer > Pages > Edit Web page Settings

how to set a canonical tag for an individual page in Webflow

Index management (robots meta tag)

Management in Webflow: sure

The robots meta tag instructs Google to both index (1), or to not index (2) a web page:

  • <meta identify=”robots” content material=”index, observe”> – index this web page please Google
  • <meta identify=”robots” content material=”noindex, observe”> – ignore this web page please Google (however observe the hyperlinks on it)

You don’t really need the primary one as (assuming your web page meets their high quality requirements) indexing is Google’s default motion. Nevertheless it doesn’t do any hurt to have it in place.

In the event you don’t need a web page to be listed, it’s important to add this code to the web page settings within the space “Inside <head> tag”:

<meta identify="robots" content material="noindex">

Designer > Pages > Edit Web page Settings

how to add a noindex directive in Webflow

Webflow provides you the choice of utilizing a free subdomain for every web site to check issues out earlier than you go dwell with them in your common area. You too can deactivate indexing of this subdomain within the web page settings.

Heading Tags (h1, h2, h3, and many others.)

Management in Webflow: sure

Everytime you add a brand new HTML heading component in Webflow, you’ll be able to select which tag to make use of, from H1 to H6, and edit it afterward in the event you change your thoughts.

how to add heading tags in Webflow

You’re free to decide on the main points of what your headings ought to seem like (font, shade, dimension, line spacing, row peak, area between textual content blocks, and many others.).

Structured knowledge (aka schema)

Management in Webflow: solely with Customized Code operate

Sadly, Webflow doesn’t provide the choice of configuring structured knowledge in a easy and visible manner by utilizing an extension. It’s attainable to specify structured knowledge on Webflow web sites, however you’ll have so as to add it to the web page with the Customized Code operate. Code mills like this one will make it easier to with that.

Picture search engine optimisation

Management in Webflow: sure

In Webflow, you’ll be able to specify an alt textual content for each picture you employ.

Designer > Belongings > Open Asset Settings

how to add alt text for an image in Webflow

Webflow additionally reveals you ways giant the picture file is and the file identify (which gained’t get modified routinely). If a picture file is extraordinarily giant otherwise you’ve forgotten so as to add alt textual content, Webflow will remind you.

One characteristic Webflow doesn’t supply is picture compression. You’ll should ensure that will get completed earlier than importing pictures (e.g. with a instrument akin to TinyPNG).

However a pleasant characteristic Webflow does assist out of the field is lazy loading, which could be deactivated for any picture on a person foundation.


Do websites hosted on Webflow run over HTTPS?: sure

In the event you use Webflow’s built-in internet hosting service, your web site will use HTTPS by default. This is applicable each to your Webflow testing subdomain and to customized domains that you just’ve bought and linked to your Webflow web site.

Robots.txt file

Might be edited in Webflow: sure

Within the mission settings, you could have direct entry to your web site’s robots.txt and alter it as you need.

Venture Settings > search engine optimisation

edit robots.txt in Webflow

XML Sitemaps

Generated by Webflow: sure

Webflow routinely generates a sitemap to your web site and updates it everytime you make adjustments.

If that’s not what you need, you’ll be able to deactivate this characteristic within the mission settings.

Venture Settings > search engine optimisation

disable sitemaps in Webflow

Sadly, you’ll be able to’t edit the sitemap from inside Webflow your self, like for excluding noindex pages.

Are Webflow websites mobile-friendly?

Is custom-made design for cell gadgets attainable?: sure

Throughout the Webflow Designer, which you employ to create your Webflow web site, you’ll be able to swap between numerous breakpoints. So throughout growth, you’ll be able to preview your web site on a pill or smartphone (portrait or panorama). In between these breakpoints, you’ll be able to implement customized design choices.

So if you wish to enhance the consumer expertise for web site guests on cell gadgets, for instance by structuring sure parts in another way for smartphones or hiding them altogether, Webflow provides you plenty of freedom.

That’s near ideally suited for search engine optimisation since you’ll be able to absolutely customise and optimize the web site’s cell consumer expertise.

In conclusion: Webflow generally is a good selection for search engine optimisation

Webflow solely got here on the scene in 2013, nevertheless it’s been gaining in recognition, particularly over the past two years.

As beforehand talked about, Webflow is a lovely choice for search engine optimisation for 2 causes: Clear and search-engine-friendly code with out code bloat, and plenty of artistic freedom for UX/UI design throughout all display sizes.

The disadvantages? There nonetheless aren’t many third-party extensions for shortly and simply including web site performance (like you are able to do with WordPress plug-ins). And Webflow has a steep studying curve – it’s not one thing for newbies who don’t need to be taught the fundamentals of HTML and CSS.

All in all, right here at Ramoser Webdesign we had an excellent expertise utilizing Webflow for our personal web site and for dozens of shopper tasks.

Starting with the relaunch of our web site in January 2021 on a totally unknown area with no site visitors, we had been in a position to generate month-to-month natural site visitors of greater than 2,000 guests in lower than 12 months and high 10 rankings for greater than 100 related key phrases with excessive search quantity on Google. That’s producing a steady stream of recent shopper inquiries for us.

Earlier than we switched to Webflow, we had been working with WordPress for a number of years, however we wouldn’t return to that CMS. From our private perspective, Webflow provides a number of benefits over WordPress, each for us and our shoppers, particularly relating to SEO.

PS: Get weblog updates straight to your inbox!

Armin Ramoser

Armin Ramoser is government director at Ramoser Webdesign company in Innsbruck. Ramoser Webdesign helps companies entice extra prospects by way of an interesting web site and excessive Google rankings. A significant factor in that’s implementing search engine optimisation duties with Webflow.


Supply hyperlink

Share this


Google Presents 3 Suggestions For Checking Technical web optimization Points

Google printed a video providing three ideas for utilizing search console to establish technical points that may be inflicting indexing or rating issues. Three...

A easy snapshot reveals how computational pictures can shock and alarm us

Whereas Tessa Coates was making an attempt on wedding ceremony clothes final month, she posted a seemingly easy snapshot of herself on Instagram...

Recent articles

More like this


Please enter your comment!
Please enter your name here