Курс по веб-дизайну · Урок 7 из 24
SEO на Тильде: заголовки, alt, 404 и favicon
Автор курса — Данил Фимушкин.
Выпуск запланирован · 21.12.2026 · 19:00 МСК
Видео будет добавлено после подготовки выпуска. Ниже — программа и задания для самостоятельной работы.
Программа урока
Теория
- рия:Что такое поисковый запрос, поисковая выдача и сниппет?
- Определения индексация и SEO-оптимизация
- 3 составлящих SEO-оптимизации
- Изометрия и её примеры
- Какой угол обычно используется в изометрии?
- Что такое H1 и как он работает?
- Свод правил для самого важного заголовка
- Как задать H1 в разных блоках?
- Какие еще бывают типы заголовков?
- Alt: Альтернативные текст для изображений
- В каких случаях используется тег alt?
- Основные критерии атрибута alt
- Как определить название alt тега?
- Настройка alt тега в разных блоках
- Что такое title и description?
- Как отличить title от H1?
- Взаимосвязь title и description со сниппетом
- Как сделать адрес красивым и понятным: ЧПУ
- Что такое бейджик?
- Как сделать SEO в настройках сайта?
- Что такое страница 404?
- Фавикон: Маленькая иконка с большой значимостью
- Простой и удобный сервис для создания фавикона
- Что означает https в адресной строке?
Делаем вместе (по видео)
- Создаем новую страницу «SEO»
- Добавление Zero блока
- Заполняем страницу основными элементами: текстовые блоки, кнопка
- Как подключить шрифты?
- Работа с текстовыми блоками
- Наполнение страницы графическими элементами и работа со слоями
- Создание основного меню
- Добавление анимации на графические элементы
- Настраиваем SEO-тег H1 на странице сайта
- Как добавить alt тег к изображению в Tilda?
- Пробуем настроить alt тег в галерее
- Настраиваем гл. страницу: title, description, адрес и описание для соц. сетей
- Создание страницы 404 и её настройка
- Экспериментируем над созданием фавикона и загружаем на сайт
- Учимся на примере настраивать редирект
- Добавляем блоки с информацией, адаптируем их под сайт и настраиваем теги для заголовков
- Закрепляем информацию: работаем с типографикой, анимацией и тегами
Практика после урока
1. Соберите страницу доставки с изометрическими иллюстрациями. Проверьте H1 и H2, alt-тексты, Title и Description, удобство на разных экранах.
2. Создайте и назначьте страницу 404, установите favicon. Проверьте результат на опубликованной учебной странице.
3. Нарисуйте пять вариантов favicon 16 × 16 пикселей и соберите их на одном изображении.
4. По желанию запланируйте день отдыха без экранов в непривычном месте.
Тильда для практики курса · партнёрская ссылка
Материалы курса в Telegram
