[{"data":1,"prerenderedAt":30},["ShallowReactive",2],{"$fVjia74UNa4jR479sd13BcdhqWVLnh9rk4qJ-nR7f8ns":3},{"slug":4,"title":5,"description":6,"date":7,"created_at":8,"updated_at":8,"h1":5,"content":9,"views":10,"next_articles":11},"alt-u-izobrazhenij-seo","Атрибут ALT у изображений для SEO","Alt у изображений для SEO и доступности: как описывать смысл картинки, какие alt оставить пустыми и почему ключевые слова не заменяют понятный текст.","2026-08-09","2026-09-07","\u003Cp>Атрибут \u003Ccode>alt\u003C\u002Fcode> — текстовая замена изображения. Его читает скринридер, он помогает понять смысл картинки, если файл не загрузился, и даёт поиску дополнительный контекст. Alt не делает изображение источником трафика и не должен превращаться в список ключевых слов.\u003C\u002Fp>\n\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>Тип изображения\u003C\u002Fth>\u003Cth>Подход к alt\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>Товар или результат работы\u003C\u002Ftd>\u003Ctd>Коротко описать предмет и важное отличие\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Инфографика с данными\u003C\u002Ftd>\u003Ctd>Передать главный вывод или дать текст рядом\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Декоративная иконка\u003C\u002Ftd>\u003Ctd>Пустой alt, если смысла не добавляет\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Кнопка-картинка\u003C\u002Ftd>\u003Ctd>Описать действие, а не цвета и пиксели\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Ch2>Как написать полезный alt\u003C\u002Fh2>\u003Cp>Смотрите на роль изображения в конкретном блоке. Для фото товара достаточно названия и заметной характеристики; для диаграммы важнее вывод, который без неё потеряет читатель. Не начинайте каждую строку со слов «изображение» или «фото» — скринридер и так сообщает тип элемента.\u003C\u002Fp>\n\u003Cpre>\u003Ccode><!-- предметный и полезный alt -->\n<img src=\"\u002Fsofa-green.jpg\" alt=\"Зелёный двухместный диван с деревянными ножками\">\n<!-- декоративный разделитель -->\n<img src=\"\u002Fwave.svg\" alt=\"\">\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Одинаковый alt у разных товаров, «купить недорого Москва» и пустой alt на значимой схеме — разные ошибки. Рядом со сложной инфографикой лучше разместить таблицу или абзац с цифрами: один длинный alt неудобно слушать и поддерживать. Проверить разметку поможет \u003Ca href=\"\u002Ftools\u002Flinks\">проверка ссылок и ресурсов\u003C\u002Fa>, а связанные сигналы — \u003Ca href=\"\u002Fcheck\u002Ffree\">бесплатная проверка\u003C\u002Fa>.\u003C\u002Fp>\n\u003Csection class=\"blog-faq\">\u003Ch2>Вопросы и ответы\u003C\u002Fh2>\u003Cdetails>\u003Csummary>Нужно ли заполнять alt у каждой картинки?\u003C\u002Fsummary>\u003Cp>Нет, декоративным изображениям, которые ничего не добавляют к тексту, обычно ставят пустой alt. Но у значимых фото, схем и кнопок текстовая альтернатива нужна. Решение зависит от функции элемента, а не от желания заполнить все поля CMS.\u003C\u002Fp>\u003C\u002Fdetails>\u003Cdetails>\u003Csummary>Можно ли вставить в alt несколько ключевых запросов?\u003C\u002Fsummary>\u003Cp>Не стоит превращать атрибут в перечень запросов. Такой текст хуже читается и не объясняет, что изображено. Опишите объект, действие или вывод естественными словами; если релевантная фраза получается сама, этого достаточно для контекста.\u003C\u002Fp>\u003C\u002Fdetails>\u003Cdetails>\u003Csummary>Что писать для графика с большим количеством данных?\u003C\u002Fsummary>\u003Cp>Короткий alt должен назвать график и главный вывод, а цифры лучше продублировать в обычном тексте или таблице рядом. Так информацию получают все посетители, включая тех, кто не видит изображение. Длинный неструктурированный alt редко удобен.\u003C\u002Fp>\u003C\u002Fdetails>\u003Cdetails>\u003Csummary>Alt исправит битое изображение?\u003C\u002Fsummary>\u003Cp>Нет, alt показывает текстовую замену, но не возвращает отсутствующий файл и не восстанавливает дизайн карточки. Проверьте ответ сервера, путь и CDN отдельно. Доступный файл и осмысленный alt дополняют друг друга, а не заменяют.\u003C\u002Fp>\u003C\u002Fdetails>\u003C\u002Fsection>",0,[12,16,20,24,27],{"slug":13,"title":14,"date":15,"views":10},"sitemap-xml-proverka-i-nastrojka","Sitemap.xml: проверка и настройка","2026-08-16",{"slug":17,"title":18,"date":19,"views":10},"chto-takoe-health-score","Что такое Health Score и как мы его считаем","2025-02-20",{"slug":21,"title":22,"date":23,"views":10},"dostavka-oplata-garantii","Доставка, оплата, гарантии: что написать","2026-08-15",{"slug":25,"title":26,"date":23,"views":10},"perespam-i-skrytyj-tekst","Переспам и скрытый текст: риски для сайта",{"slug":28,"title":29,"date":7,"views":10},"robot-view-glazami-robota","Сайт глазами робота",1789381424930]