Content overview
Run On Page SEO Audit
Run Audits from Webflow Designer
Add authentic user reviews or testimonials
Include clear and transparent contact details
Reference or quoting recognized industry experts
Cite reputable and authoritative sources
Add a detailed author bio to showcase your expertise
Highlight the author’s relevant experience.
Include examples to demonstrate first-hand experience
Use rel="nofollow" for applicable links
Add Social Share Options on Your Blog Pages
Add social media icons and links to your footer
Add homepage links on the top left logo
Make external links open in a new tab
Use SVG for Illustrations and Icons
Use Lottie Files for Animated Illustrations
Optimize the image size when publishing new content
Name images descriptively
Set image alt text to be descriptive or decorative
Ensure your page is easily accessible from the homepage
Add CTAs (Call To Action) to your page
Add Open Graph title, description, and image
Set a descriptive meta description of the page with your keyword
Set a descriptive title of the page with your keyword
Provide a unique <title> to each page
Use title tag modifiers with your keyword
Add your main keyword in the H2 title of your page
Add your main keyword in the top description of your page
Add your keyword in the H1 title of your page
Add your main keyword in your URL/slug

How to Use SVG for Illustrations and Icons on Webflow for SEO

Medium impact
Super easy

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.

Do's

  • Static logo and illustration: Upload the SVG file using the image element.
  • Interactive icons and illustration: Use the embed element and edit the code.‍
  • Optimize: Use SVG optimization tools to remove unnecessary code and reduce file size.

Don'ts

Tools
Don't have the Checklist yet?
Download the Checklist