SEO and Accessibility in Framer (Fundamentals Lesson 26)
Script
Original:
We always wanna ensure that the broadest audience possible can access and enjoy our content, which is why accessibility should be part of the foundation of our design process. It's also a primary concern of search engines, so by optimizing our site for accessibility, we're also optimizing for search engines. In this lesson, we're diving into Framer features and best practices that make for a diverse audience of happy visitors, all while boosting our visibility and ranking with search engines. While Framer does generate well-optimized code, a ton of impact comes from us assigning as much meaning as possible to elements on the page, which in turn benefits both visitors and search engines. Let's start by revisiting textiles. In an earlier lesson, we looked at how creating a textile starts with assigning a semantic tag, like paragraph, heading one, heading two, et cetera.
Translated:
Ми завжди хочемо, щоб якомога ширша аудиторія могла отримати доступ до нашого контенту та насолоджуватися ним, тому доступність має бути основою нашого процесу дизайну. Це пріоритет для пошукових систем, тому, оптимізуючи сайт для доступності, ми оптимізуємо його і для них. Розглянемо функції Framer та найкращі практики, які створюють задоволену та різноманітну аудиторію відвідувачів, водночас підвищуючи нашу видимість та рейтинг у пошукових системах. Хоча Framer створює добре оптимізований код, великий ефект досягається тим, що ми максимально осмислюємо елементи на сторінці, що йде на користь відвідувачам і пошуковим системам. Почнемо з перегляду текстилів. На минулому уроці ми бачили, як створення текстилю починається з призначення семантичного тегу, як-от параграф, H1, H2 тощо.