Изображения делают сайт привлекательнее, но неправильная работа с ними может убить скорость загрузки и SEO. Разберём, что нужно делать.
Сжатие изображенийПеред загрузкой на Тильда обязательно сжимайте картинки. Используйте сервисы:
- TinyPNG — для PNG и JPG
- Squoosh — универсальный компрессор от Google
- ImageOptim — для пользователей Mac
Целевой размер: до 200 Кб для больших изображений, до 50 Кб для маленьких иконок.
ALT-теги для изображенийALT-текст — это описание картинки для поисковиков и программ экранного доступа для людей с ограниченными возможностями.
Правила написания ALT:
Описывайте то, что изображено на картинке
Длина: до 80 символов или 5−7 слов
Включайте ключевые слова естественно
Не пишите «картинка», «фото», «изображение» — это и так понятно
Пример: ❌ «Картинка офиса компании» ✅ «Светлый офис агентства недвижимости с панорамными окнами»
Где добавлять ALT в Tilda:- В стандартных блоках: нажмите на изображение → «Настройки» → поле «Описание (ALT)»
- В Zero Block: только для элементов типа Image (для Shape недоступно, но это не критично)
Форматы изображений- JPG — для фотографий
- PNG — для картинок с прозрачностью
- WebP — современный формат, позволяющий ускорить загрузку страницы (Tilda автоматически конвертирует изображения в данный формат, если браузер поддерживает)