Publishing & Settings, SEO

Site Settings & Global Accessibility Features in Framer (SEO Lesson 5)

Justin

3:48

3.4K views

Jul 25, 2025

About this lesson

In this lesson, we go over how to set global site metadata, define a language attribute, and respect user motion preferences in Framer. These site-wide settings help ensure better SEO, accessibility, and a consistent experience across every page.

https://www.youtube.com/watch?v=Kmm3Zsu2cDc&t=0s Introduction

https://www.youtube.com/watch?v=Kmm3Zsu2cDc&t=22s Site-Level Settings

https://www.youtube.com/watch?v=Kmm3Zsu2cDc&t=79s Site Language

https://www.youtube.com/watch?v=Kmm3Zsu2cDc&t=104s Reduced Motion Preference

https://www.youtube.com/watch?v=Kmm3Zsu2cDc&t=200s Wrap Up

Check out the full course here: https://www.framer.com/academy/courses/structure-for-visibility-with-seo-in-framer

Follow: https://framer.link/yt-x

Learn: https://framer.link/yt-academy

MB013MQ8YHMNWAA

0:00When we think about SEO and accessibility, it's 0:06there are a few settings that apply to your 0:11in this lesson, we'll look at 0:13Framer that help ensure your site is both 0:22We talked earlier about how to set titles and 0:27search engines and users understand what our 0:33sitewide settings. And this plays a key role, too.0:40corner, we'll drop into the general tab within 0:45our site title, language, description, and more.0:51us a preview of how this information will appear 0:57act as a fallback in case we forget to customize 1:03page. Framer will use this sitewide version 1:09pages still show up with meaningful info in 1:15consistency and add clarity where there otherwise 1:21we'll see our site language, which screen readers 1:27and translation tools used to determine how 1:33assistive tools might misinterpret the content 1:39helping them serve your content to users in the 1:45about something important that you may or may 1:51can experience things like nausea, disorientation,1:58on websites, especially autoan animations,2:04Framer gives us a way to respect and acknowledge 2:10motion by clicking the checkbox next to disable 2:15user prefers reduced motion. When this is 2:20to a user's system preference and tones down 2:27accessibility laws or best practices. It's 2:32It's a small step that makes a big difference in 2:38so a quick recap. Titles and descriptions set 2:45that don't have custom titles or descriptions,2:51The language attribute helps search engines and 2:57especially for international or multilingual 3:02that users who need reduced animations get a 3:08global settings don't replace the need 3:12but they do give your site a safety net, making 3:17and discoverable as it scales. Remember, the 3:24page level. They're always backed by sitewide 3:30we'll go over how to test and validate 3:34launch your site with confidence knowing your SEO

TeachesSite & Page Settings Meta Titles & Descriptions

Also coversAuto-Translate Custom Cursors SEO Audit Scroll Speed / Parallax Transitions & Easing Validation

Watch on YouTube ↗

‹ Framer Marketplace: Introducing Components

Using the Drag Effect in Framer (Animation Lesson 5) ›