Chapter
3
/
7
min read

Top 6 priorities for excelling in Webflow SEO settings for blog posts

In this article, you’ll learn how to craft relevant and user-friendly content, a scannable formatting style, and descriptive visual content.

Editor’s note: This post was originally written in Jan 24, 2025 and has been updated in Jan 24, 2025 to provide fresh insights into the Webflow SEO for blogs, ensuring it remains as relevant as possible. Read on to learn more.

Here are game-changing Webflow blogging hacks to boost your rankings

Read on.

1. Forget about poor keyword stuffing practice

Keyword stuffing is a poor SEO strategy that violates Google’s spam policies. It involves including keywords in too many places in the textual content for the sake of higher rankings.

But the result will be quite the opposite. Keyword stuffing will only [.red]harm your performance in search results[.red].

For example, such a spammy content might look like this:

❌ Our digital branding approach ensures that your digital brand becomes an integral part of the brand story your customers want to hear. We believe in building digital brands that not only stand out but also become a vibrant part of the brand cultural narratives they inspire and leave a lasting branding impact for the better.

And the good example is this:

✅ Our collaborative approach ensures that your brand becomes an integral part of the story your customers want to hear. We believe in building digital brands that not only stand out but also become a vibrant part of the cultural narratives they inspire and leave a lasting impact for the better.

Remember that keyword stuffing is also applicable to h1, meta or title tags. Luckily, you can check this in the SemRush’s On Page SEO Checker.

SemRush’s On-Page SEO Checker showcases Total ideas for improving SEO

SemRush’s On-Page SEO Checker showcases Total ideas for improving SEO strategy.

Click on “Optimization Ideas” (if not on the number within the circle, e.g., 5) > 5 Ideas.

Click on Optimization Ideas to see the areas that need improvements

And if you scroll down to the “Content” Section, you’ll see something like this:

SemRush On-Page SEO Checker showcases that there is no keyword stuffing on the Nube Webflow agency site

In other words, SemRush’s On-Page SEO Checker showcases that there is no “Keyword stuffing” on our site.

If you’ve used some keywords more often than recommended, SemRush will tell you which ones are and where they are repeated (e.g., in the body). So you can revise your content and remove them or replace them with [.green]keywords that sound natural[.green].

And you can always use this tool - SEO Review Tools Keyword Density Checker. Paste your text or URL and get the results.

If you’ve overoptimized your content, you’ll get something like this:

The SEO Review Tools Keyword Density Checker highlights the frequency of specific keywords

Consider de-optimizing your content by excluding or replacing each keyword marked with orange.

Creating content is more than just focusing on the quality of the text. You must also pay attention to several elements such as crafting [.green]people-first, original and user-friendly content[.green].

More on this below.

2. Craft relevant and user-friendly content

Relevant content means that each piece of content (textual content, infographic, links, etc.) must deliver true value.

[.green]Content producers must craft it with purpose, thinking about the needs of readers (potential customers) all the time[.green].

Content relevancy mainly depends on how well you understand why people search for “something”.

Let's revisit search intent once more.

Imagine someone searches for “Webflow logo” on Google.

Firstly, it's hard to know what those people are searching for. Are they after specific information or they’re doing research to download Webflow PNG or SVG file?

One thing's clear: they are not ready to make any purchase just yet.

This is when a list of question-based keywords from the SemRush’s “Keyword ideas” section is super helpful.

SemRush’s 'Keyword ideas' section proves highly beneficial for SEO.

Even though it first seems logical that the Webflow logo refers to the official Webflow logo, we can see from here that people are confused about how to add, animate, or center the logo in Webflow’s navigation bar.

We can find all this in the PAA section on Google.

This indicates that this topic is still worth considering.

Moreover, when we perform a keyword overview of this term in SemRush, here's what we get:

When conducting a keyword overview in SemRush, specific metrics such as volume, global volume, and keyword difficulty are provided

When conducting a keyword overview in SemRush, specific metrics such as volume, global volume, and keyword difficulty are provided.

The keyword has a decent keyword volume and it’s a competitive keyword to rank for. We know that the keyword has informational intent, so at least we can use this knowledge.

Remember that SemRush cannot always provide the most accurate information for each keyword because of its extensive database.

However, we can always use the SemRush intent suggestion to target the keyword better while leaving room for individual interpretation.

Alright, let's now search for that keyword on Google.

First, we'll get some feature images showcasing Webflow official logo design (e.g., transparent png, icon, svg, vector).

Search results for the Webflow logo keyword display various official logo designs

Then, we’ll get some first ranking pages.

And in the SemRush’s “SERP Analysis” section we can that the considerable amount of top search results for that keyword belong to the Webflow’s website.

Top search results for the keyword webflow logo in Analysis section

Which means it will be hard to rank for that keyword and we shouldn’t even try to rank for it.

Now, let’s check the first blog post that shows up for this keyword. It talks about designing a logo instead of addressing PAA questions about the Webflow logo.

It even has a slug /how-to-design-a-logo.

The initial blog post appearing for the “webflow logo” keyword discusses logo design rather than addressing People Also Ask (PAA) questions about the Webflow logo.

The initial blog post appearing for the “webflow logo” keyword discusses logo design rather than addressing People Also Ask (PAA) questions about the Webflow logo.

So, [.orange]how can we satisfy the search intent[.orange] behind the Webflow logo keyword we’re targeting?

To outrank this piece of content, we continue studying the top-ranking results. This can help us finally decide whether to pursue this topic.

The best approach might be to gather all the information we've found and create a blog post primarily focused on answering:

  • what are the logo types
  • how to craft a logo design
  • what are some of the best logo examples
  • how to implement logo in Webflow
  • how to animate logo in Webflow

We should also skip questions that are not logical, such as: What is the best size for the logo in Webflow?

The key takeaway here is to avoid blindly following all recommendations, including PAA (People Also Ask), which, despite its relevance, shouldn't be overestimated in your SEO strategy.

Therefore, during the research process, we should always keep in mind that the [.green]content topic must be relevant to readers[.green].

This example showcases that understanding the reason behind search intent is not always easy.

And is shows that sometimes is better to shift from keyword-centric to topic-centric SEO.

The bottom line is that if you summon the courage to address the search intent head-on, you may be pleasantly surprised by the upcoming results.

Here are the results from April 2024.

a new keyword, “webflow new logo,” appeared in the top results.

Nube Webflow agency blog post achieved great results, and a new keyword, “webflow new logo,” appeared in the top results.

Yes—just two days after publishing our blog, we began ranking for the keyword. Even though our blog is new, our backlinks and referring domains are yet to start increasing.

And here are the results after 7 months:

SemRush’s “SERP Analysis” section results for webflow logo

And in the SemRush’s “SERP Analysis” section, we now appear in the top search results for the “Webflow logo” that keyword.

Now that you have a basic understanding of search intent and keyword research let's examine how to create scannable content.

3. Develop a scannable formatting style

To ensure the writing and scannable formatting style, you need to [.red]avoid huge blocks of text.[.red]

For example:

A bad example of the writing style featuring large blocks of text

Make sure to smartly [.green]use scannable layout[.green], including whitespace, visuals, logical and consistent headings, expert quotes, etc.

Like this:

A good example of a scannable layout with ample whitespace, visuals, logical and consistent headings, and expert quotes

A strong example of writing style featuring a scannable layout with ample whitespace, visuals, logical and consistent headings, and expert quotes.

Webflow makes it easy to apply all essential formatting elements.

  • Headings: Select the text you want to be a heading and choose the heading type (e.g., H1, H2, H3 etc.)
Choose the text you wish to designate as a heading and select the desired heading type (e.g., H1, H2, H3, etc.).

Choose the text you wish to designate as a heading and select the desired heading type (e.g., H1, H2, H3, etc.).

  • Bold text: Select the text you want to bold and click on “B” letter.
Highlight the text you wish to bold, then click the B letter icon

Highlight the text you wish to bold, then click the 'B' letter icon.

  • Image: Click on “x” and select the “Image” icon. Next, choose the image you want to apply from your docs.
Click on x and select the Image icon. Then, choose the image you wish to apply from your documents

Click on 'x' and select the 'Image' icon. Then, choose the image you wish to apply from your documents.

  • Video: Click on “Video” icon and paste the video link.
Click on the 'Video' icon and paste the video link.

Click on the 'Video' icon and paste the video link.

  • Embed code: Click on “Code” icon and paste your code in the box.
Click on the 'Code' icon and paste your code into the box

Click on the 'Code' icon and paste your code into the box.

Here it is.

The section displaying applied custom code in the Editor

The section displaying applied custom code in the Editor.

[.orange]In code, it looks like this[.orange]:

A view of custom code within the HTML embed code editor

A view of custom code within the HTML embed code editor.

Embed element is super helpful when you want to unlock the full potential of custom functionality.

And on the live blog, it looks like this:

Custom code displayed on the live Webflow blog

Custom code displayed on the live Webflow blog.

  • Expert quotes & call out boxes: Select the text you want to turn into a callout box or quote and Click on “Quotation mark”.
Highlight the text you wish to turn into a callout box or quote, then click on the 'Quotation mark' icon.

Highlight the text you wish to turn into a callout box or quote, then click on the 'Quotation mark' icon.

On the live blog, it appears as follows:

Callout box displayed on the live Webflow blog

Callout box displayed on the live Webflow blog.

Ensure that callout boxes do NOT duplicate content. Callout boxes take an important sentence, break up long walls of text, and set it off to draw the reader's eye.

When it comes to quotes, quote someone who is considered an authority or expert in the field. Do not quote customer reviews, neither as an expert quote nor as an external reference.

4. Develop descriptive visual content

Let's jump right into the examples here.

This is what descriptive visual content is not meant to be:

A bad example of descriptive visual content

A bad example of descriptive visual content.

And this is the [.green]real value of the descriptive content[.green]:

A good example of descriptive visual content.

Discovering your visual content style is a crucial aspect of your strategy. Yet conveying clear messages is much more important.

Be specific and clear in terms of visuals. Avoid using plain text on a visually appealing background; beauty alone is nothing without function.

Moreover, it is not only important to optimize images for better rankings (e.g., providing descriptive alt text), but also to provide relevant information.

Ensure you have different types of visuals: screenshots, illustrations, listings, gifs, tables, etc.

And when you want to implement a screenshot that showcases your first-hand experience, ensure it aligns with your branding style.

[.green]Using Webflow makes it easy to optimize and add visuals[.green].

1. Step: Choose your desired image in .webp format from the documents.

Select your preferred image in .webp format from the documents

Select your preferred image in .webp format from the documents.

2. Step: Click on the “image” and select the “wrench” icon.

Select your preferred image in .webp format from the documents

Click on the 'X' and select the 'Image' icon to begin optimizing images.

A bad example of descriptive visual content:

3. Step: Add custom description (i.e., alt text) to your image.

Add a custom description (i.e., alt text) to your image

Add a custom description (i.e., alt text) to your image.

Click “Save” in the top right corner and that’s it.

5. Focus on getting a featured snippet result

Featured snippets are easy-to-read boxes that appear at the top search results. These results strive to deliver essential information to people within seconds.

For example, when Google includes images next to paragraph snippets. An example where Google pairs images with paragraph snippets for the keyword 'the fastest animal in the world'.

An example where Google pairs images with paragraph snippets for the keyword 'the fastest animal in the world'

Another type of feature snippets is a table snippet.

Example of a table snippet for the long-tail keyword 'the best looking cars of all time':

Example of a table snippet for the long-tail keyword 'the best looking cars of all time'.

Or ordered lists of data:

Example of an ordered list of data for the keyword 'webflow review guide' by Nube Webflow agency.

[.orange]Example of an ordered list of data for the keyword 'Webflow review guide' by our Webflow agency[.orange].

So, Google’s search results show listings where the snippet revealing information about a page comes before a link to a page.

There is no better way to boost brand authority than having your content in position zero.

6. Check if your SEO content strategy is driving results

We'll now look at ways to monitor your organic keyword trend.

The organic keyword trend that grows naturally leads to organic traffic. And organic traffic has the potential to generate click-through rates without incurring high costs (e.g., paid search campaigns).

You can check your organic keyword trend in SemRush.

Go to the “SEO dashboard” and choose your project.

Go to the “SEO dashboard” and choose your project.

Go to the “SEO dashboard” and choose your project.

Click on the number of your Keywords > Overview.

Click on 'Keywords' then 'Overview' to access your 'Organic Keyword trend'

Click on 'Keywords' then 'Overview' to access your 'Organic Keyword trend'.

And you’ll get your “Organic Keyword trend”.

You can sort it according to 1 month, 6 months, 1 year, 2 years or all time.

The growing organic keyword trend graphic for Nube Webflow agency in March

The growing organic keyword trend graphic for Nube Webflow agency in March.

Pay attention to this Google logo icon. This will give you an overview of Google Search's core updates. You can better track your keyword organic trend after the specific Google's broad changes that happen several times a year.

In the example below, you can see how our organic trend started growing after the Google’s March 2024 spam and core update.

And what about those red icons?

Red icon indicating high activity detected by Semrush Sensor on a specific day, indicating a lot of changes in rankings

Red icon indicating high activity detected by Semrush Sensor on a specific day, indicating a lot of changes in rankings.

Those tell you how Semrush Sensor detected high activity on a specific day that could be a sign of Google Update. It gives you the number of scores (e.g., 9.0) indicating increasing changes in your rankings.

And here's our current position as of February 2024:

Nube's agency organic keywords trend overview as of February 2024:

Are you ready to use Webflow for blogging?

You’ve seen that Webflow itself is not a search engine optimization tool used to help SEO experts improve a website’s visibility in SERP results.

Instead, Webflow is an intuitive website builder that gives users a high level control over SEO components, such as meta tags, sitemap controls, schema markups, indexing rules, redirects management, and more.

That being said, Webflow features SEO functionalities that can help you scale your on-page search engine strategies, but with the help of other SEO tools such as SemRush.

Want to move beyond basic Webflow templates? Let us help you design a custom one tailored to your needs. Reach out today!

Looking for value-driven content services?