Inline SVG - лучшая альтернатива тегу "alt", обычно используемому для <img> SEO?

Скажем, я должен был заменить <img> в заголовке моего основного сайта, чтобы вместо этого использовать SVG. Обычно я буду зависеть от тега <img> alt.

Является ли SVG <title> лучшим методом замены для "alt" с этим типом переключения?

<svg role="img" aria-label="title + description here]">
  <title>[title here]</title>
  <desc>[long description here]</desc>
  ...
</svg>

Ответы

Ответ 1

Я много лет изучал 508. Для небольшого количества накладных расходов вам будет нужно создать альтернативный текстовый атрибут для изображения svg, и это действительно не стоит пропускать его. Имейте в виду, что все устройства для чтения с экрана отличаются друг от друга, а также их пользователи. У SVG есть много возможностей для использования, но мы пока не находимся. Да, Google будет индексировать текст на вашем изображении, но если вам небезразличны пользователи, которые могут получить доступ к вашему контенту по всем направлениям, вы должны выбросить альт-тег. Это буквально нижняя ступень функций доступности. Нет никакого смысла в том, чтобы позволить низко висящим фруктам гнить на лозе.

Ответ 2

Мне тоже очень интересно это дело. На мой взгляд, лучше всего использовать <img> с тегом alt в вашем коде страницы, а затем с javascript заменить img на действующий код svg. Вы можете проверить этот ответ для небольшого script, заменив img на ваш встроенный контент svg.

Ответ 3

В соответствии с SVG Open, <title> должен поддерживаться устройством чтения с экрана, например, слепыми людьми, все еще есть обходные пути, которые уже обсуждались на fooobar.com/questions/100345/... < - ЗДЕСЬ ВАШ ОТВЕТ, этот вопрос может быть дубликатом?

Ответ 4

Абсолютно лучше всего вытащить SVG из <img src="" alt="">, чтобы получить все преимущества SVG + простого SEO. Вероятно, что пауки Google знают, что заголовок SVG должен быть тегом alt, но нет гарантии, и я уверен, что у них много сканеров, которые этого не делают.

Ответ 5

Если SEO является вашей главной проблемой, почему бы не ссылаться на SVG из атрибута src элемента img? Разумеется, он более широко реализовывал встроенные SVG, поэтому, вероятно, лучший выбор в этом случае.

Ответ 6

Будет ли это работать?

<svg role="img" id="my-svg-img">

  ...
</svg>

<img src="#my-svg-img" alt="Hey hey, kids!" >

(Или, если вы обнаружили, что ваш подход <title> работает woudl, вы настолько хороши, чтобы отправлять ответ в качестве ответа? Я как бы воодушевляюсь в темноте с той же проблемой на данный момент)