#What is This Course?

"5-Step SEO Checklist" is a free, text-based tutorial on the Framer Marketplace, created by Patricia Ordoñez (@patricia-ordonez). This framer resource serves as a pre-launch must-do for Framer users—helping avoid "invisible" sites by covering the technical SEO basics that directly impact crawlability, rankings, and visibility. The guide starts with why these steps matter (most Framer sites miss them), then delivers a concise 5-step process: semantic HTML tags, page meta/title/description, image alt text, site speed optimization, and core ranking factors. Presented as a practical checklist article with Framer-specific instructions, screenshots references (implied), and tips, it leverages built-in panels (Styles, SEO, Performance) for no-code fixes. No video runtime or duplicatable project is explicitly noted, but the checklist is designed for rapid application in your own Framer projects. It's highly valuable for designer-developers who want to ship sites that actually get found—turning beautiful designs into discoverable, high-performing web presences.

#What You’ll Learn ⚡

• Applying semantic HTML tags (header, main, section, footer) in Framer's Styles panel for better crawl structure

• Setting accurate page titles, meta descriptions, and URLs for improved click-through rates and SERP appearance

• Adding meaningful alt text to images and accessibility labels to interactive elements via the Accessibility panel

• Running basic site speed checks and optimizations (image compression, lazy loading, asset handling) natively in Framer

• Auditing core ranking factors (mobile-friendliness, fast loading, clean code) with quick Framer tools and fixes

#Who Is This For?

This checklist is a must for any Framer user about to publish—especially if your sites look great but aren't ranking or getting traffic.

• Skill Level: Beginner to intermediate—simple enough for new publishers

• Prior Knowledge Needed: Basic Framer editor familiarity (properties panels, publishing); no deep SEO expertise required

• Use Case 1: Pre-launch audit for portfolios, landing pages, business sites, or client projects

• Use Case 2: Quick SEO refresh on existing Framer sites to boost organic visibility

• Pain Point Solved: Sites that never appear in search—fix technical foundations for crawlability and rankings

• Pain Point Solved: Overwhelm from broad SEO advice—follow a short, Framer-specific 5-step list

• Bonus Fit: Freelancers/agencies wanting to deliver "SEO-ready" projects as a value-add

#Course Structure Breakdown

This text-based tutorial flows as a concise, checklist-driven article—perfect for running through in Framer right before publish, with an intro on SEO importance and 5 clear steps.

• Intro / Recap / Problem Statement: Hooks with the common issue ("invisible" Framer sites), explains why technical SEO basics are crucial for visibility, and introduces the 5-step checklist

• Main Demo Sections: Step 1: Semantic tags (use Styles panel to assign header/main/section/footer); Step 2: Meta/title/description (set in page settings for SERP control)

• Key Live Examples or Walkthroughs: Step 3: Image alt text (add in image properties/Accessibility panel); Step 4: Speed optimization (compress images, enable lazy load in Framer)

• Tips / Best Practices: Step 5: Core ranking factors (mobile check, fast load, clean structure)—includes quick audit tips and common fixes throughout

• Wrap-up / Encouragement: Reinforces that these 5 steps cover 80% of technical SEO for most sites—encourages running the checklist on every launch for better results