Webflow SEO Checklist Template

Unlock the full potential of your website with our comprehensive SEO checklist. Stay ahead of the competition and enhance your online visibility effortlessly.

Clone the templareDownload the full checklist

Why the Webflow SEO Checklist?

The checklist is designed to cover the foundational aspect of your Website SEO, ensuring your website is fully optimized for search engines.
By following these steps, you can improve your site's visibility and drive more organic traffic.

Will the SEO Checklist rank #1 my Website?

No, SEO is more than just a checklist. To rank number 1, you will have to continuously improve your content, make sure to deliver the best UX on page and generate backlinks.

For who is the template?

The template is for Webflow Designer and developers wanting to deliver the best, SEO ready website.
If you are a professional Webflow Agency or Developer and you want to deliver advanced and professional SEO website, I recommend to download the Webflow SEO checklist for Professional.

How does it work?

The checklist is composed of 4 steps: Keyword Strategy, Technical SEO, On Page and Content, and Go Live.
For each section, you will find the relevant information, video tutorial, prompt, and tools to help you.

If you are feeling lost at any time, it means I didn't do my job properly. Feel free to send an email with your question.

Keywords Strategy

Develop a robust keywords strategy by researching and selecting relevant terms that align with your target audience's search intent. This will help in crafting content that resonates with users and improves search engine rankings.

TASK 
IMPACT
EFFORT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Generate your first keyword list.
High Impact
Low Effort

Keywords are the foundation of SEO and SEA. They tell Google whether your business is relevant to a user’s search. If your page doesn’t have the keywords your users are searching for, you will never get traffic.

‍

1) Describe Your Offer in Simple Words

Ask yourself 4 simple questions:

  • What is your product/service?
  • What are its main features?
  • What are the core use cases?
  • What are the main problems my business is solving?

You can also use the following ChatGPT prompt to get started:

‍

I want to generate root keywords for my business/product/service. 
Here's the information:

Product/Service: [Describe it briefly]
Main features: [List features]
Use cases or customer benefits: [Describe use cases]
Problems solved: [Describe the pain points]
Target audience: [Define the demographics/needs]

Based on this information, please provide a list of 
root keywords that align with the product/service

‍

2) Analyze Your Competitors

Your competitors have already done some SEO work. Let’s learn from them.

List the following:

  • 5 direct competitor: They offer the same service to the same audience. Your goal is to analyze their keywords and try to rank for those, too.
Analyze the content of [COMPETITOR'S URL] and provide 
a list of relevant SEO keywords based on the following:

Headings and subheadings (H1, H2, H3).
Page titles and meta descriptions.
Content themes and recurring phrases.
Product or service descriptions.
Blog or article topics.

Please include both primary and long-tail keywords 
that the competitor might be targeting.

‍

3) Ask Your Users for Insights

Talking to your users can reveal a lot. If you have the time and the people available, Ask them for a 10-minute meeting. Then, ask them:

  • When was the last time you faced [Problem you’re addressing]?
  • How did you solve it? Can you show me?

Now, you should have a long list of keywords. Let's start ranking and prioritizing them. You don’t need 1000 of them; 100 is more than enough.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Get keyword search volume and keyword difficulty.
High Impact
Low Effort

Search volume is how often a keyword is searched monthly.

Keyword difficulty is how hard it is to rank for that term.

The sweet spot is keywords with high volume and low difficulty. These are your best bets for ranking quickly.

To check the search volume of keywords, you have 3 options:

‍

1) Free SEO Tool

‍Free keywords Generators by Sofian Bettayeb

Free keywords generator

You can copy/paste your chatGPT list of keywords into the text input, choose your country of analysis, and click “Analyse Keywords.”

Then, export the CSV list and move to the next section.

2) Paid SEO Tools

Tools like SEMrush provide detailed keyword data, including search volume.

For this step, I highly recommend using SEMrush. You can start a free trial and do the steps in less than 7 days. Don’t forget to set an alarm to remove your account after 6 days…

SEMrush SEO tool
3) Free Google tool‍

Google Ads’ Keyword Planner offers search volume insights at no cost. The downside is you need to create/have a Google Ads account.

Keyword Planner tool
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Find your main "money keywords."
High Impact
Low Effort

"Money keywords" are search terms that attract visitors ready to make a purchase or take a desired action. Identifying and optimizing for these keywords can boost your revenue.

‍

1) Focus on keywords by with "money intent"

Money intent are Commercial and Transactional intent. Start by sorting your list with those intents on top.

‍

2) Analyze Search Volume and Competition:
  • Search Volume: Indicates how often a keyword is searched; higher volumes suggest greater interest.
  • Competition: Reflects how many others are targeting the keyword; lower competition can mean easier ranking opportunities.

Prioritize keywords with the highest Search Volume and Lowest Keyword Difficulty ration.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Map your main keywords to website pages.
Medium Impact
Medium Efforts

Mapping your prioritized keywords to specific website pages is essential for effective SEO.

‍

1) Assign Keywords to Relevant Pages:
  • Existing Pages: Match each keyword to the most appropriate existing page. For instance, assign "gardening tips" to a page titled "The Ultimate Guide to Gardening Tips."
  • New Pages: If a keyword doesn't align with any current page, plan to create new page content targeting that term.
2) Map one Keyword / page to avoid canibalisation

‍

Assign distinct primary keywords to prevent multiple pages from targeting the same term.

Still have questions?

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contact

Technical SEO 

Technical SEO on Webflow involves optimizing the website development of your website to improve its visibility and performance in search engines.

TASK 
IMPACT
EFFORT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Disable Webflow subdomain indexing.
High Impact
Super Easy

Disabling Webflow subdomain indexing is crucial for preventing search engines from indexing your Webflow subdomain (e.g., your-site.webflow.io), which could lead to duplicate content issues and dilute your main domain’s SEO efforts.

To do this on Webflow, you must prevent search engines from indexing your Webflow staging site by adding a noindex meta tag to your subdomain pages.

‍

How to do it on Webflow?
  1. Go to Project Settings: Log in to your Webflow dashboard and select the project you want to disable subdomain indexing.
  2. Open the SEO Settings: In the project settings, navigate to the “SEO” tab.
  3. Under indexing, toggle the button to OFF.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Ensure mobile essential content is optimized.
High Impact
Low Effort

Ensuring that only essential content is displayed on mobile devices is crucial for providing a streamlined and efficient user experience. Mobile users often have limited time and screen space, so focusing on essential content helps them find what they need quickly, improving engagement and satisfaction.

‍

How to do it on Webflow?

Prioritize key information and functionality on your mobile site while minimizing or eliminating non-essential elements that could clutter the experience. Use responsive design techniques to ensure the most essential content is prominently displayed and easily accessible on smaller screens.

  1. Identify the section that doesn’t bring value the most on the mobile view.
  2. On the navigator (z); select the section
  3. On the layout of the style panel
  4. Set the Display to None.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Ensure responsive images
High Impact
Super Easy

Ensuring responsive images using the srcset and sizes attributes is crucial for optimizing your website’s performance across different devices. These attributes allow the browser to choose the most appropriate image size based on the device’s screen resolution and layout, improving load times and user experience.

‍

How to do it on Webflow?

When you upload images to your site, Webflow creates variants of your uploaded images to make sure they’re responsive and load quickly on any device. This can help your mobile pages load up to 10 times faster.

‍

You have nothing to do here when you use Webflow; it’s done automatically.

Find more about responsive images for Webflow here

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Optimize layouts for different devices
High Impact
High Effort

Optimizing layouts for different screen sizes and orientations is essential for delivering a seamless user experience across various devices, whether users are on a smartphone, tablet, or desktop.

Ensuring your layout adapts to both portrait and landscape orientations improves usability and accessibility.

‍

How to do it on Webflow?

Webflow takes the same approach to media queries as all website builders, using the Desktop breakpoint as a base.

‍

For all the breakpoints below, you will have to adapt the design of your page to make it responsive to all the chosen breakpoints.

Breakpoints and responsive design are a bit off-topic for the checklist. However, if you need to learn more, here is the excellent course from Webflow on breakpoints.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Implement touch-friendly design elements for mobile.
High Impact
High Effort

Implementing touch-friendly design elements is crucial for providing a seamless user experience on mobile devices, where users interact with your website primarily through touch. Ensuring that buttons, links, and interactive elements are large enough and spaced appropriately minimizes the risk of accidental taps and enhances overall usability.

‍

How to do it on Webflow?

Use larger touch targets (at least 44x44 pixels), ensure sufficient spacing between interactive elements, and consider using gestures like swiping for navigation where appropriate.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Set images above the fold to eager loading.
High Impact
Medium Effort

Setting the "Image Above the Fold" to "Eager" means you want the browser to load the image as soon as possible, without deferring it until later in the page lifecycle. This is useful when you want the critical content at the top of your page to load quickly, improving the user experience.

‍

How to do it on Webflow?

By default, images are loaded with "lazy" loading on Webflow, but changing to loading="eager" ensures this image loads immediately.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Implement lazy loading for images and videos
High Impact
Super Easy

Implementing lazy loading for images and videos is essential for optimizing your website’s loading speed and improving user experience. Lazy loading ensures that media files are only loaded when they come into the user’s viewport, reducing initial page load times and saving bandwidth.

‍

How to do it on Webflow?

Webflow images are set to lazy load by default. Yep, you have nothing to do here.

A computer screen shot of a person working at a desk

For video lazy loading, you won’t find it natively on Webflow. I will recommend you to follow the tutorial

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Optimize and compress images for faster load times.
High Impact
Medium Effort

Optimizing and compressing images before uploading them to your website is crucial for improving load times and overall site performance. Smaller, optimized images reduce the amount of data transferred, leading to faster page loading and a better user experience.

‍

How to do it on Webflow?

Use image compression tools like TinyPNG or ImageOptim (my favorite) to reduce file sizes without significantly losing quality. Additionally, save images in the appropriate format (e.g., JPEG for photos, PNG for images with transparency).

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Use WebP or AVIF format for images.
High Impact
Super Easy

Compressing images and converting them to WebP format after uploading is essential for reducing file sizes and improving website performance. WebP is a modern image format that provides superior compression and quality compared to traditional formats like JPEG and PNG, leading to faster load times and better user experiences.

‍

How to do it on Webflow?

With Webflow, you can easily compress existing image assets with the built-in image conversion tool. It also works for all your images from the CMS.

Get more information about the image conversion tool here.

Recently, Webflow introduced another format for compression: AVIF.

What is the difference between AVIF and Webp?

  • Compression: AVIF compresses files better, making them smaller than WebP.
  • Image Quality: AVIF handles complex images better with higher quality.
  • Browser Compatibility: WebP works in more browsers than AVIF.
  • Best Uses: AVIF is ideal for high-quality photos; WebP is better for quick-loading web graphics.
  • Processing Power: AVIF needs more computing power, which can slow down processing times.

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Minify CSS, JavaScript, and HTML.
High Impact
Super Easy

Minifying CSS, JavaScript, and HTML is crucial for improving your website’s load time and performance. Minification removes unnecessary characters, such as spaces, comments, and line breaks, from your code, reducing file sizes and allowing your site to load faster.

‍

How to do it on Webflow?

Webflow offers toggle buttons that take less than 3 seconds.

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Use a content delivery network (CDN)
High Impact
Super Easy

Using a Content Delivery Network (CDN) is essential for improving the speed and reliability of your website by distributing content across multiple servers worldwide. A CDN ensures that users receive content from the closest server, reducing latency and load times and enhancing the overall user experience.

‍

How to do it on Webflow?

Webflow includes hosting in its paid offers. The hosting page mentions that Webflow provides a Global CDN solution.

You have nothing to do to get the optimal CDN on Webflow

For those who want to go further, there is a post on the forum about using Cloudflare for caching and CDN.

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Ensure sufficient color contrast for text.
Medium Impact
Super Easy

Ensuring sufficient color contrast for text is crucial for readability and accessibility, especially for people with visual impairments.

‍

How to do it on Webflow?
  1. Check the contrast for all borders.

Borders need a contrast ratio of at least 3.0:1 against their backgrounds. This includes borders on actionable elements like text inputs, radio buttons, and checkboxes.

‍https://webflow.com/accessibility/checklist/task/check-the-contrast-for-all-borders

  1. Check the contrast for all icons

Icons need a contrast ratio of at least 3.0:1 against background colors.

‍https://webflow.com/accessibility/checklist/task/check-the-contrast-for-all-icons

  1. Check the contrast for all text

The text should have sufficient contrast against its background to be readable.Level AA compliance requires a contrast ratio of:3:1 for large text (>18pt normal, >14pt bold)4.5:1 for body text (<18pt normal, <14pt bold)

‍https://webflow.com/accessibility/checklist/task/check-the-contrast-for-all-text

  1. Check the contrast for text that overlaps images or videos.

Text that overlaps images or videos needs sufficient contrast against the background to be fully legible. Images and videos with busy backgrounds make the text easier to read.Make sure text on images and videos have a minimum contrast of:3:1 for large text (>18pt normal, >14pt bold)4.5:1 for body text (<18pt normal, <14pt bold)

‍https://webflow.com/accessibility/checklist/task/check-the-contrast-for-all-text

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add descriptive alt text for all images.
Medium Impact
Low Effort

Adding descriptive alt text to images is crucial for both accessibility and SEO. Alt text provides a text alternative for images, allowing screen readers to describe the image to visually impaired users and helping search engines understand the content of your images.

‍

How to do it on Webflow?
  1. Select an Image: In the Webflow Asset panel, select the image you want to add alt text.‍
  2. Add Alt Text: In the image settings, enter a descriptive and concise text that accurately describes the image’s content and purpose.
How to update all Alt text on Webflow in seconds (Webflow app)?
  1. Open Smart Alt Text on FluidSEO app
  2. Select Image Type: Choose whether your images are on static pages or stored in the CMS
  3. Select All Images with Drag Selection
  4. Generate Alt Text
  5. Review and Save

‍

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Implement HTTPS by setting up an SSL certificate.
Medium Impact
Super Easy

mplementing HTTPS by setting up an SSL certificate is crucial for securing data transmission between your website and its users, enhancing trust, and improving your site’s SEO ranking. HTTPS encrypts the data exchanged, protecting it from interception and ensuring that your website is secure.

‍

How to do it on Webflow?

SSL Certificate is enabled by default Webflow-hosted websites, meaning they are easy to do.

More information

https://university.webflow.com/lesson/ssl-hosting?topics=hosting-code-export#how-to-enable-ssl-hosting

‍

Still have questions?

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contact

On Page and Content SEO

On-page SEO involves optimizing individual web pages to rank higher and earn more relevant traffic in search engines.

TASK 
IMPACT
EFFORT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add your main keyword in your URL/slug.
High Impact
Super Easy

Including the main keyword in your URL or slug is important for improving your website’s SEO and helping search engines understand the page's content. This practice also makes your URLs more descriptive and user-friendly.

‍

How to do it on Webflow?
  1. Keep It Short and Simple: Use concise and clear language. Aim for 3-5 words if possible.
  2. Use Hyphens, not underscores: Separate words with hyphens (-), as search engines recognize them better.
  3. Include main keywords: Incorporate relevant keywords that describe the page content.
  4. Avoid stop words: Exclude unnecessary words like “and,” “of,” or “the.”
  5. Make it descriptive: Ensure the slug accurately reflects the page's content.

Example:

✅ seo-checklist.com/webflow-checklist-seo

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add your keyword in the H1 title of your page.
High Impact
Low Effort

Including your main keyword in the H1 title of your page is crucial for SEO, as it helps search engines understand the primary topic of your content. The H1 tag is typically the most prominent heading on a page; search engines give it significant weight when ranking pages.

‍

How to do it on Webflow?
  1. Place the keyword naturally: Ensure the keyword fits smoothly into the title without sounding forced.
  2. Keep It relevant and clear: The H1 should accurately describe the content and include the keyword.
  3. Limit to one H1 tag: Use only one H1 tag per page to maintain a clear focus.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add your main keyword in the top description.
High Impact
Super Easy

Incorporating your main keyword in the top description of your page is essential for improving SEO and ensuring that search engines and users quickly understand the page’s content. The top description, often called the meta description or the first paragraph of content, plays a crucial role in search engine results and user engagement.

‍

How to do it on Webflow?
  1. Place the keyword early: Include the keyword within the first 100-150 characters.
  2. Keep it natural: Ensure the description reads smoothly and makes sense to the user.‍
  3. Be concise and informative: Provide a clear summary of the page content.

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add your main keyword in the H2 title of your page.
Medium Impact
Super Easy

Incorporating your main keyword in the H2 titles of your page is essential for reinforcing the page’s focus and improving SEO. H2 headings help structure your content, making it easier for search engines to understand and users to navigate.

‍

How to do it on Webflow?
  1. Place the keyword naturally: Integrate “Webflow SEO Checklist” into your H2 titles in a way that makes contextual sense.
  2. Maintain relevance: Ensure the H2 heading reflects the section content.
  3. Enhance readability: Break down content into digestible sections with keyword-rich H2 titles.

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Set a descriptive title of the page with your keyword.
High Impact
Low Effort

Creating a descriptive meta description with your keyword is crucial for improving SEO and enticing users to click on your page from search results. The meta description should summarize the content and highlight the main keyword.

‍

How to do it on Webflow?
  • Include your keyword: Ensure “Webflow SEO Checklist” is prominently featured in the meta description.
  • Be concise and clear: Summarize the page content in 150-160 characters.
  • Encourage action: Use action-oriented language to prompt users to click.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Set a descriptive meta description with your keyword.
High Impact
Low Effort

Creating a descriptive meta description with your keyword is crucial for improving SEO and enticing users to click on your page from search results. The meta description should summarize the content and highlight the main keyword.
‍

How to do it on Webflow?
  • Include your keyword: Ensure “Webflow SEO Checklist” is prominently featured in the meta description.
  • Be concise and clear: Summarize the page content in 150-160 characters.
  • Encourage action: Use action-oriented language to prompt users to click.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add Open Graph title, description, and image.
High Impact
Low Effort

Adding Open Graph (OG) tags is crucial for controlling how your content appears when shared on social media. These tags enhance click-through rates by providing a preview of your content.

‍

How to do it on Webflow?

On Webflow, Open Graph (OG) is relatively straightforward.

And here is how you get the link for the OG image and paste it to your page.

‍

To go further and optimize how to share your website on Twitter, feel free to have a look at the CSS trick article https://css-tricks.com/essential-meta-tags-social-media/#aa-final-markup

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Use Lottie / SVG files for illustrations.
High Impact
Medium Effort
How to Use Lottie Files for Animated Illustrations on Webflow for SEO

‍

Using Lottie files for animated illustrations is an excellent way to add lightweight, high-quality animations to your website. Lottie files are vector-based animations that are scalable, flexible, and load faster than traditional formats like GIFs or videos.

‍

How to do it on Webflow?
  • Create or download Lottie files: Use tools like Adobe After Effects with the Bodymovin plugin to create or download pre-made Lottie animations from sites like LottieFiles.
  • Embed in Webflow: Use Webflow’s Lottie element to easily integrate the animation into your page. ‍
  • ‍Optimize for performance: Ensure that Lottie animations are optimized for smooth playback and minimal impact on load times.
How to Use SVG for Illustrations and Icons on Webflow for SEO?

Using SVG (Scalable Vector Graphics) for illustrations and icons is important for maintaining high-quality visuals while minimizing file size. SVGs are vector-based, meaning they can scale to any size without losing quality, and they are often smaller in file size compared to other formats

‍

How to do it on Webflow
  • Create or download SVGs: Design your illustrations and icons in vector-based software like Adobe Illustrator - Figma, or download SVGs from reliable sources.
  • Embed or upload in Webflow: Directly upload SVGs into your Webflow project like any other picture.
  • You can also copy/paste SVG icons from libraries like Relume.

More information about SVG for webflow on this blog post.

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Make external links open in a new tab.
Low Impact
Super Easy

Ensuring that external links open in a new tab enhances user experience by keeping your website open while allowing users to explore linked content. This helps maintain user engagement on your site.

‍

How to do it on Webflow?

When adding an external link in Webflow or HTML, open the link settings and click ‘New tab.”

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Run an on-page SEO audit before publishing.
High Impact
Super Easy

Running audits in Webflow Designer helps identify and resolve SEO and accessibility issues directly in your website’s design environment. This ensures a better user experience, improved search engine rankings, and compliance with accessibility standards.

‍

How to run SEO audit on Webflow
  1. Access the Audit Panel
  2. Run the Audit
  3. Review the Results
  4. Fix the Issues
  5. Re-run the Audit
How to Run On Page SEO Audit with FluidSEO on Webflow?‍

For the On Page Audit, I recommend using Webflow Apps and tools

How to Run On Page SEO Audit with SEMFlow on Webflow?
How to Run SEO On Page Extension for free on Webflow?

Still have questions?

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contact

Go live

These are the final steps to ensure your website is fully prepared for launch and ready to reach your audience.

TASK 
IMPACT
EFFORT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Ensure all internal links are mapped and functional.
High Impact
Low Effort

Ensuring that all internal links are correctly mapped and functional is essential for SEO and user experience. Properly mapped internal links help users navigate your site more efficiently and ensure that search engines can effectively crawl and index your pages.

‍

How to do it on Webflow?
  • Conduct an Audit: Use a tool like Screaming Frog or manually check that all internal links point to the correct destinations.‍
  • Fix Broken Links: Repair or update broken or outdated links to ensure they lead to the intended pages.

If you don’t want to download Screaming Frog, you can use my tool here: https://web-urls.vercel.app/

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Install analytics tools (e.g., GA4).
High Impact
Super Easy

Setting up analytics tools is essential for tracking user behavior, website performance, and data-driven decisions. Google Analytics 4 (GA4) and PostHog are powerful tools that provide insights into how users interact with your site.

‍

How to do it on Webflow?
  • Sign up and Set up: Create accounts for Google Analytics 4.
  • Add Tracking Code: You can embed the provided tracking code into your website’s header or use Webflow’s custom code settings.
How to install Posthog on Webflow? [RECOMMENDED]
  1. Navigate to the "Custom Code" tab within your project settings.
  2. In the "Head code" section, paste the PostHog JavaScript snippet you obtained earlier.
  3. Click "Save" and then publish your site to apply the changes.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add the website to Google Search Console / Bing
High Impact
Super Easy
How to do connect Google Search Console (GSC) on Webflow?
  1. Sign in to Google Search Console: Go to Google Search Console and sign in with your Google account.
  2. Add property: click “Add Property” and enter your Webflow site’s URL.
  3. Verify ownership: Choose the “HTML tag” verification method. Copy the provided meta tag.
  4. Add Meta Tag in Webflow: In Webflow, go to Project Settings > SEO > paste the meta tag in the “Head Code” section.
  5. Publish your site: After adding the meta tag, publish your site.
  6. Verify in Google Search Console: Return to Google Search Console and click “Verify.”
How to Set up Bing Webmaster Tools?
  1. Sign up or Sign in: Go to Bing Webmaster Tools and sign in with your Microsoft account.
  2. Add your Site: Click “Add a Site” and enter your website’s URL.
  3. Verify ownership: Choose a verification method (HTML tag, file upload, or DNS record) and follow the instructions.‍
  4. Submit your Sitemap: After verification, submit your sitemap for better indexing.

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Implement 301 redirects for any URL changes.
High Impact
Medium Effort

Implementing 301 redirects is essential when URLs change. It ensures visitors and search engines are directed to the correct new location. A 301 redirect permanently forwards one URL to another, preserving SEO value and maintaining a seamless user experience.

This doesn’t apply if your domain is created. If you are migrating your website to a new domain, 301 redirects are the best way.

‍

How to do it on Webflow?
  1. List all your old URLs: You can use a tool like Screaming Frogs.

Then, you can follow the steps in this video: Screaming Frog SEO Spider

  1. List all your new URLs: You can use the same tool on yourwebsite.webflow.com
  2. Set Up 301 Redirects:

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Address duplicate content issues
High Impact
Medium Effort

Addressing duplicate content issues across different languages is crucial for maintaining SEO and providing a transparent user experience. Duplicate content can confuse search engines and lead to lower rankings.

‍

How to address duplicate language content on Webflow?

‍

Use Hreflang Tags: Implement hreflang tags to indicate each page's language and regional targeting. This helps search engines understand which version of the content to show to users in different regions.

Webflow offers a localized feature for creating and translating content into different languages. Personally, it’s my go-to tool for international and multilingual websites

How to address duplicate content accross subdomains on Webflow?
  • Canonical Tags: Use canonical tags to indicate the preferred version of the content when similar content exists across subdomains.‍
  • Audit and monitor: Regularly check for duplicate content using tools like Google Search Console and address any issues found.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Delete unused classes
Low Impact
Super Easy

You can delete all unused classes from your site to reduce the weight of your site’s code and improve your site’s performance.

How to delete unused classes on Webflow?
  1. Click the “broom” icon in the top right of the Style Selectors panel‍
  2. Click Remove to confirm class deletion
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add a favicon to your website.
Medium Impact
Low Effort

Most browsers use favicons to represent your website on browser tabs and in bookmarks.

⚠️The size of the icon is important. You will need to resize your icons to 32px for the Favicon and 256px for the Touch icon

How to add your favicon on Webflow?
  1. Go to your Project Setting > General tab > Icons
  2. Upload the images you prepared
  3. Publish your site for the changes to go live
  4. Refresh your live site in your browser to see the updated favicon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Set your site's language code.
High Impact
Low Effort

Setting your site’s language code (also called an “ISO code”) allows you to declare its natural (human) language so browsers, translation applications, and assistive technologies like screen readers can use that information for language-sensitive tasks.

‍

How to set your site's language on Webflow?
  1. Go to Site settings > General tab > Localization
  2. Type in your 2-letter code under the Language code
  3. Click Save changes
  4. Publish your site
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Configure robots.txt to guide search engine crawlers.
Medium Impact
Low Effort

Configuring your robots.txt file is essential for controlling how search engines crawl and index your website. It helps guide crawlers to important pages while blocking them from indexing irrelevant or sensitive areas.

‍

How to configure your Robots.txt file on Webflow?
  1. Access Webflow Project settings: Go to your project settings in Webflow.
  2. Navigate to SEO settings: Under the “SEO” tab, find the robots.txt settings.
  3. Edit the robots.txt File: Add directives to allow or disallow search engines from accessing specific parts of your site.

If your goal is to allow all your websites to be crawled by search engines, use the following:

‍

User-agent: * 
Disallow:

To learn more, have a look at the deep dive from Finsweet: https://finsweet.com/seo/article/robots-txt

‍

How to set your Robot.txt in Seconds with Graphite Webflow app?
  1. Access Robots.txt Builder:
  2. Within Graphite app, locate the "Robots.txt Builder" feature.
  3. Configure Directives: Use the builder to specify which parts of your site search engines should or shouldn't crawl.
  4. Save and Publish
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add your custom domain to Webflow.
Low Impact
Low Effort

Connecting your domain to your Webflow website is essential for making your site live on your custom domain.

You can connect your DNS (the domain name you bought for your website) and your Webflow website in many ways. The complete documentation on connecting the custom domain is on the Webflow website.

‍

How to add your custom domain on Webflow?

‍

Connect your domain: https://university.webflow.com/lesson/quick-connect-a-custom-domain?topics=hosting-code-export

‍

‍Verify your domain: https://university.webflow.com/lesson/quick-connect-a-custom-domain?topics=hosting-code-export#how-to-verify-and-publish-your-site

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Make the www version your homepage.
Low Impact
Super Easy

Setting the www version as your primary homepage on Webflow ensures consistent access and SEO optimization.

‍

How to make the www version the homepage on Webflow?
  1. Go to Project settings: In Webflow, navigate to your project’s settings.
  2. Go to the Hosting tab: Under the “Hosting” section, locate the “Default Domain” settings.‍
  3. Set www as default: Choose the www version as the default domain.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Submit your sitemap to Google and Bing.
High Impact
Super Easy

Ensuring that your sitemap file is correctly formatted and accessible is crucial for search engines to properly index it.

‍

How to verify a sitemap?
  1. Check format: Verify that your sitemap is in XML format and follows the correct structure (e.g., https://www.yourwebsite.com/sitemap.xml).
  2. Validate with tools: Use an XML sitemap validator or tools like Google Search Console to ensure no errors.‍
  3. Ensure accessibility: Confirm that the sitemap file is publicly accessible by visiting the URL in a browser.
How to create a Sitemap File on Webflow?
  1. Access Site Settings
  2. Enable Auto-Generate Sitemap in SEO tab
  3. Save and Publish
How to Submit Your Sitemap to Google?
  • Sign in to Google Search Console.
  • Select your website property.
  • Navigate to the "Sitemaps" section under "Indexing."
  • Enter your sitemap URL (e.g., https://yourdomain.com/sitemap.xml) in the "Add a new sitemap" field.
  • Click "Submit."
How to Submit Your Sitemap to Bing?
  • Log in to Bing Webmaster Tools.
  • Add your website if you haven't already.
  • Go to the "Sitemaps" section.
  • Enter your sitemap URL.
  • Click "Submit."

‍

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Check Lighthouse to further improve your website.
High Impact
High Effort
How to check Lighthouse to further improve your website?

Still have questions?

Go one step further

Unlock the full potential of your website with our comprehensive SEO checklist.

Download the Webflow SEO Checklist for Professional Website today

And get access to more tasks, videos and prompt to make SEO Professional grade Webflow websites.

Contact meDownload the Checklist