How to get SEO right on your website

Webflow is a popular platform for building websites, known for its user-friendly interface and flexible design possibilities. But when it comes to search engine optimisation, it is important to understand how to use the technical tools in Webflow to make sure your site ranks high on Google and other search engines. Here is a guide to technical SEO in Webflow.

A clean, consistent URL structure makes it easier for search engines to index your content. Webflow lets you customise URLs for each page:

- Use short, descriptive URLs (for example yourdomain.com/services rather than yourdomain.com/page-1).

- Stick to lower case with hyphens as separators.

- Check the URL when you create a new page in Webflow: give the page a descriptive name so the URLs follow this pattern.

Meta tags give search engines information about the content of the page. In Webflow you can easily customise this:

- Title tag. Keep titles short (50 to 60 characters) and relevant, and include your primary keyword.

- Meta description. Write a description that tempts the user to click. The meta description can be up to 155 characters.

- Webflow lets you edit these per page, in the settings from the page selector.

Structured data helps search engines understand the content of your site. Although Webflow has no built-in support for schema markup, you can add custom code in the Custom Code section to implement it.

Example of JSON-LD for a blog post:

<script type="application/ld+json">

{

"@context": "https://schema.org",

"@type": "BlogPosting",

"headline": "How to master technical SEO in Webflow",

"author": "Michelle",

"datePublished": "2025-01-16",

"publisher": {

"@type": "Organization",

"name": "Link Utvikling"

}

}

</script>

Add this code to your page to mark up the blog post.

More information: https://webflow.com/blog/schema-markup

Site speed is an important ranking factor, and Webflow offers several ways to improve load time:

- Optimise images. Use the built-in Webflow tools for compressing images to AVIF or WebP. Do this by expanding the image tab in the editor, selecting the images you want and clicking Compress.

- Remove unused classes. To minimise the size of the site it is important to remove classes you no longer use or created by accident. Click the three drops in the left menu, click the broom at the top right and delete unused classes.

- Avoid Div Block 32, Div Block 34 and so on. When you edit or create elements on the site, try to avoid making new classes if you can use existing ones. If you do create new classes, try to give them descriptive names so you do not end up with Div Block 32, Div Block 34 and a long list of other elements whose purpose is hard to work out.

- Minify CSS and JavaScript. Go to the Hosting settings and enable minification of CSS and JS.

If you reorganise your content, 301 redirects help you avoid broken links and loss of SEO value. In Webflow you can set up redirects directly from Settings under the Hosting tab.

This is done by going to Site settings, then Publishing, then 301 redirects.

Search engines prioritise mobile-optimised websites. Webflow offers responsive design as standard, but you should check that all elements work well on small screens:

- Test the site with the PageSpeed Insights tool

- Avoid heavy elements that can slow load time on mobile.

The headings on your site should be structured logically to give search engines and users a clear understanding of the content:

- Use only one H1 per page to indicate the main topic. Keep it relatively short and descriptive of that page.

- Subheadings (H2, H3 and so on) should be organised hierarchically, so that H2 is used for main sections and H3 for subpoints.

- Do not skip levels (going straight from H1 to H3 can confuse search engines).

In Webflow you can easily assign the right heading level to each text box in the design panel.

The content on the site has to be relevant, valuable and keyword-optimised:

- Keywords: find keywords that describe your product or service well and rank them by high search volume and low competition.

- Titles and meta descriptions: every page on the site needs a unique, readable title along with a meta description containing the keywords you want to rank for. The title should be a maximum of 580 pixels and the meta description 1000 pixels.

- Headings: use headings to structure the content. The H1 should contain the primary keyword.

- Body text: write content the reader can expect to find on your site. Be concrete and clear in conveying your message. Avoid overusing keywords.

- Multimedia: use images, video and infographics to make the content more engaging. Remember to optimise image file names and alt text.

We wish you luck with your SEO work, and remember: if you get stuck you can always link up with us and we will help you.