8 ноября 2017 г.

Альт текст или заголовок атрибута?

Снова и снова возникает вопрос, должен ли в дополнение к альтернативному тексту на изображениях указывать также атрибут заголовка - и если да, что вы должны в нем написать? Скопировать альтернативный текст или что-то еще? Теперь Джон Мюллер ответил на вопрос в видео для веб-мастеров, но, к сожалению, немного двусмысленно. Поэтому я хотел бы еще раз кратко остановиться на этом. Сначала соответствующий отрывок в видео:

Вот стенограмма:

Тема: Атрибуты Title и Alt в картинках

Вопрос: Если можно установить только один из двух вариантов, что бы вы порекомендовали в качестве приоритета?

Ответ: Сложно сказать, потому что заголовок сам по себе является чем-то, что вы добавляете в ссылку, а Alt - это то, что вы используете на изображении при включении изображения. То есть, если я теперь только встраиваю изображения на страницу, то я беру атрибуты alt, если я беру изображения в качестве привязки к, возможно, целевой странице большего размера, тогда вы можете работать с атрибутом title. ... Я предпочел бы работать со старым атрибутом для поиска изображений, потому что он действительно напрямую связан с изображением, а не квази, объединен со ссылкой, которая затем дополнительно там.

Но я думаю, что вы должны остановиться, чтобы посмотреть, как вы можете сделать это на своей собственной CMS. Это не похоже на CMS ( Примечание: система управления контентом, например, WordPress ) просто говорит, что вы можете выбрать один из них, но не оба. Но у вас либо есть возможность установить его, либо не устанавливать, и тогда вы просто берете то, что можете сделать.

Я думаю, что, как я уже сказал, вводит в заблуждение и хотел бы уточнить это еще раз.

Альтернативный текст картинки

Текст alt (содержание атрибута alt изображения, Alt = альтернатива) ДОЛЖЕН всегда указываться (!) Независимо от предмета поисковой оптимизации. Потому что люди с нарушениями зрения зависят от этого. Таким образом, альтернативный текст в соответствии с рекомендациями W3C абсолютно! Если изображение используется для оформления и не имеет ничего общего с содержимым, альтернативный текст должен быть пустым (alt = "") - или еще лучше: вставьте изображение для деко с помощью CSS.

Для всего остального следует различать четыре вещи .
Первые два относятся к картинке без ссылки .

<img src = "animals / black-cat.jpg" width = "800" height = "1000" alt = "black cat" title = "black cat" />

• Изображение должно иметь альтернативный текст .
• 

  Атрибут заголовка изображения

  Изображение может иметь атрибут заголовка (атрибут заголовка является так называемым. Универсальный атрибут это может быть использовано во многих элементах HTML). Он создает всплывающую подсказку для пользователей, что означает, что при переворачивании изображения открывается небольшое окно, в котором отображается текст атрибута title (применяется почти ко всем браузерам, кроме более старых версий Explorer). Эта подсказка имеет смысл, если нет заголовка (так называемый заголовок). В противном случае атрибут всплывающей подсказки / заголовка является излишним, потому что вы можете прочитать соответствующий текст изображения в любом случае под изображением.

Два других случая связаны с изображением со ссылкой. Вот подсказки Джона немного сбивают с толку. Требуется ли атрибут «Заголовок», когда изображение, например миниатюра, ссылается на увеличенное изображение? Все это также сбивает с толку в этом контексте, потому что есть два способа установить это:

• Атрибут заголовка изображения
• Атрибут заголовка ссылки

<a href="black-cat.jpg" title="Black Cat"> <img src = "animals / black-cat-thumbnail.jpg" width = "100" height = "150" alt = "black cat" / > </a>

• Атрибут title изображения является излишним в случае связанного изображения.
• Атрибут title ссылки является необязательным . Если изображение связано, то альтернативный текст является якорным текстом ссылки . И, как вы знаете, как Сео, якорный текст имеет решающее значение. Только если якорный текст является бессмысленным или альтернативный текст не был задан, атрибут Title вступит в игру. Внимание! Если установлен атрибут title для ссылки на изображение, вам обязательно следует обратить внимание на последовательность . Потому что он стоит так близко к изображению, что, вероятно, также используется для интерпретации содержимого изображения. Это особенно актуально, когда дело доходит до решения лайтбокса.

Вот краткий обзор:

Альтернативный текст или заголовок на изображениях

Наконец, слово на вопрос из видео: «Что, если вам нужно выбрать один?». Поэтому ответ таков: всегда устанавливайте альтернативный текст! Атрибут title имеет значение только в том случае, если нет заголовка, но вы хотите предложить пользователю еще больше текстовой информации. С технической точки зрения, важно, чтобы текстовая информация альтернативного текста, атрибута заголовка, заголовка и окружающего текста не конфликтовала.

Если вы используете CMS, которая не допускает альтернативного текста, вам следует забыть о веб-сайте (или купить другую CMS).

Похожие

Комментарии