Атрибут translate тега <figure>
Описание
Атрибут translate в теге <figure> определяет, должен ли контент (включая подпись) быть переведен при автоматическом переводе страницы. Принимает значения "yes" (переводить) или "no" (не переводить).
<figure translate="no">
<img src="company-logo.png" alt="Логотип MegaCorp">
<figcaption>MegaCorp® - официальная эмблема</figcaption>
</figure>
<figure translate="yes">
<img src="chart.png" alt="График продаж">
<figcaption>Рисунок 1. Динамика продаж по регионам</figcaption>
</figure>
Когда использовать:
| Значение | Когда применять | Примеры контента |
|---|---|---|
no |
Для торговых марок, имен собственных, логотипов | Windows® 11, iPhone 15 Pro, Coca-Cola |
yes |
Для обычного текста, который нужно перевести | Описания графиков, аналитические подписи |
Пример с техническими терминами:
<figure translate="no">
<img src="network-diagram.png" alt="Схема сети">
<figcaption>
Рисунок 3. Топология "звезда" (Star Topology)
</figcaption>
</figure>
Рекомендации:
- Всегда указывайте для элементов с брендингом
- Сочетайте с атрибутом
langдля точного определения языка - Для смешанного контента разделяйте переводимые и непереводимые части
- Тестируйте с разными сервисами перевода
Особенности работы:
- Поддерживается Google Translate и другими сервисами
- Не влияет на ручной перевод контента
- Для полных фраз лучше размечать отдельные элементы
- Работает в современных браузерах
Ограничения:
- Не все системы перевода полностью поддерживают атрибут
- Не гарантирует 100% защиту от перевода
- Не влияет на SEO напрямую
Примечание: Для контента, который принципиально не должен переводиться (например, официальные логотипы), рассмотрите использование изображений текста, но помните о доступности (укажите альтернативный текст в атрибуте alt).