Генератор alt-текста для сайтов бизнеса (экспорт CSV) | We.Inc
Пишите alt-текст для изображений сайта на основе того, что показано на изображении и зачем оно на странице. Обрабатывает декоративные, информативные и ссылочные изображения, проверяет длину и слова-заполнители, экспортирует CSV с именем файла и alt-текстом.
Добавьте свои изображения, укажите, что показывает каждое и что оно делает на странице. Инструмент пишет alt-текст, подходящий цели: пустой alt для декоративных изображений, адрес назначения для изображений-ссылок и короткое фактическое описание для изображений, несущих информацию. Он не заглядывает внутрь ваших картинок и не угадывает, кто или где на них изображён; вы подтверждаете каждую строку перед экспортом. Всё считается в вашем браузере. Ничего из того, что вы вводите или загружаете, не отправляется в We.Inc или кому-либо ещё.
Добавьте изображения (JPG, PNG, WebP, GIF или SVG, до 20 штук по 10 МБ каждое) или добавьте строки без изображений. Миниатюры показываются только в вашем браузере.
Опишите страницу, на которой находятся изображения, например «Сантехник в Лидсе, страница услуги установки ванной комнаты».
Для каждого изображения выберите его цель: информативное (показывает то, что нужно посетителю), функциональное (это ссылка или кнопка) или декоративное (не добавляет ничего, чего посетитель бы не заметил при отсутствии).
Напишите в нескольких словах, что показывает изображение. Добавьте деталь, известную только вам, например название товара или место выполнения работы, если это важно.
Проверьте предложенный вариант. Инструмент предупреждает о словах-заполнителях вроде «изображение», о тексте длиннее 125 символов, о повторяющемся alt-тексте и об именах файлов, используемых как alt-текст.
Отметьте «Подтверждено» на каждой строке, затем скопируйте HTML или скачайте CSV с именем файла, целью и alt-текстом.
Описывайте вклад изображения, а не всё, что на нём есть. «До и после перекладки плитки в душе» лучше, чем список цветов плитки.
Не начинайте с «изображение» или «фото». Программы чтения с экрана уже сообщают, что это изображение.
Если изображение — это ссылка, alt-текст должен говорить, куда она ведёт: «Наши проекты ванных комнат», а не «Фото ванной».
У декоративных изображений alt="" (пустой), а не отсутствующий атрибут alt.
Не добавляйте имена людей, места или результаты, которые не можете подтвердить по фотографии.
Частые вопросы
Этот инструмент описывает моё изображение автоматически?
Нет. Он не анализирует картинку. Автоматические описания часто ошибаются насчёт людей, мест и товаров, а неверный alt-текст хуже, чем его отсутствие. Вы говорите, что показывает изображение; инструмент превращает это в alt-текст, подходящий цели изображения, и проверяет его.
Когда alt-текст должен быть пустым?
Когда изображение декоративное: фоновый узор, разделитель или фото, повторяющее то, что уже говорит соседний текст. Используйте alt="", чтобы программы чтения с экрана его пропускали.
Какой длины должен быть alt-текст?
Максимально коротким, но справляющимся с задачей, обычно до 125 символов. Более длинные детали, например данные графика, размещайте в тексте страницы.
Alt-текст помогает SEO?
Он помогает поисковым системам понимать изображения и может помочь им появляться в поиске по картинкам. Его главная задача — доступность; пишите его для людей, а польза для поиска приложится.
Мои изображения загружаются на сервер?
Нет. Они читаются вашим браузером для показа миниатюры и никогда не покидают ваше устройство.
Цель определяет alt-текст
Одному и тому же фото в разных местах нужен разный alt-текст. Фото кухни в шапке главной страницы может быть декоративным; как единственное фото готового проекта на странице портфолио оно информативное; обёрнутое в ссылку на страницу кухонь оно функциональное и должно называть пункт назначения.
Именно поэтому инструмент спрашивает о странице и цели, прежде чем что-то предложить. Дерево решений по alt от инициативы W3C по веб-доступности использует те же вопросы.