Как оптимизировать Alt и заголовок текста на изображениях

1. Зачем использовать Alt-теги
2. Зачем использовать заголовки
3. Могу ли я дублировать заголовок и альтернативный текст?
4. Должен ли я включить их в аудит веб-сайта?

Клиенты, использующие Ворон программное обеспечение спросил: «Какая разница между альтернативные теги и текст заголовка на файлах изображений? »Мой ответ: Хороший вопрос. Поэтому я отправился на поиски ответа.

Для тех, кто использует WordPress, модуль загрузки изображений предлагает поля для заголовка, заголовка, альтернативного текста и описания.

Честно говоря, я часто использую одни и те же слова для заголовка и альтернативного текста, в идеале включая фразу-ключевое слово. Иногда я оставляю название пустым. Но, изучая этот пост, я обнаружил, что есть преимущество в том, чтобы включить и то и другое, и сделать каждый из них уникальным.

Некоторая путаница происходит из-за языка, используемого для описания этих функций.

Все они могут ссылаться на атрибут img alt = "text":

• Alt теги
• Метаданные
• Мета-теги
• Alt атрибут

Между тем, все это может относиться к заголовку изображения:

• Тег заголовка
• Текст заголовка
• Атрибут заголовка

Зачем использовать Alt-теги

Как минимум, вы хотите заполнить альтернативное текстовое поле.

Не включая «alt tag» является одним из самых распространенные ошибки SEO Я вижу, что новые владельцы сайтов делают. Это небрежный SEO по двум причинам:

1. Роботы поисковых систем не могут читать изображения без текста, кроме того, вы упустили возможность ключевого слова.
2. Не помечать изображения - плохой пользовательский опыт для тех, кто отключил изображения в своих браузерах, или для тех, кто имеет визуальные или определенные когнитивные нарушения.

«Альтернативный текст» означает «альтернативная информация». Согласно Консорциуму World Wide Web ( W3C ), атрибут «alt» указывает альтернативный текст для пользовательские агенты которые не могут отображать изображения, формы или апплеты. Например, пользовательский агент Googlebot не может «видеть» изображения напрямую. Вместо этого он использует информацию в атрибуте alt, чтобы определить, что это за изображение и что отображать в результатах поиска.

Вот хороший обзор важности alt-тегов от Мэтта Каттса, главы Google по веб-спаму. Обратите внимание, что он говорит «alt tag» и называет его альтернативным текстом, который помогает описать сцену, найденную на изображении .

Ваш текст должен описывать, о чем изображение, и ограничиваться 10 словами или меньше. Этот текст должен быть не предложением, а скорее описательной фразой, богатой ключевыми словами. Если изображение не соответствует теме вашего поста или страницы, вы можете пересмотреть свой выбор изображения.

Альтернативный текст для изображения ниже может быть таким: дюжина иконок социальных сетей демонстрирует охват социальных сетей . Эта фраза включает в себя ключевые слова «социальные сети» и «социальные сети», которые дают поисковым системам дополнительную информацию о том, о чем эта страница.

Альтернативный текст также помогает слабовидящим перемещаться по Интернету. Для людей с ограниченными возможностями альтернативный текст читается программами чтения с экрана вместо изображений (именно поэтому вы не видите его при наведении курсора), что позволяет контенту и функциям изображения быть доступными и понятными.

Зачем использовать заголовки

Атрибут alt предназначен для поисковых роботов. Тег заголовка, однако, предназначен для читателей. Это то, что раскрывается, когда вы наводите курсор на изображение, не щелкая.

Таким образом, текст заголовка может быть написан как призыв к действию, чтобы побудить читателя действовать. Используя тот же пример, наш альтернативный текст был «дюжина значков социальных сетей демонстрирует охват социальных сетей». Тем не менее, наш текст заголовка «Узнай, как не менять имена пользователей в социальных сетях».

Могу ли я дублировать заголовок и альтернативный текст?

Если у вас большая страница с большим количеством изображений, то ключевые слова, которые вы используете в полях alt и title вашего изображения, могут незначительно повлиять на ваш рейтинг.

Но заполнение ключевыми словами - это все еще заполнение ключевыми словами.

Эмпирические правила:

• Предоставьте подробные сведения о вашем изображении и включите ключевые слова, но используйте разные ключевые слова для заголовка и тега alt.
• В идеале заголовок изображения должен следовать тому же правилу, что и обычный заголовок поста или заголовок статьи - он должен быть актуальным, броским и лаконичным.
• Иногда нам всем не хватает времени и просто используем один и тот же текст как в заголовке изображения, так и в альтернативном тексте. Это не конец света.

Должен ли я включить их в аудит веб-сайта?

Для тех, кто использует Raven's Аудитор сайта На странице «Сводка» может отображаться ряд сообщений об ошибках, которые на первый взгляд сбивают с толку, особенно когда веб-мастер знает, что он или она помечает все загруженные изображения.

Многие из этих сообщений об ошибках являются результатом пустых или повторяющихся атрибутов заголовка на изображениях. Хотя технически не является фактором ранжирования, юзабилити очень важна для SEO Таким образом, Raven помечает эти изображения, чтобы предупредить вас о возможном негативном сигнале для Google (сейчас или в будущем).

Если ваш веб-сайт или блог содержит тысячи страниц, эти изменения не стоят вашего времени. (Вы можете нанять стажера для внесения изменений :-). Если вас предупреждают красные предупреждения «Нет текста», Вы можете исключить их из отчетов аудитора сайта.

Забегая вперед, не забудьте включить ключевые слова в имя файла изображения и использовать разные в ваших атрибутах alt и title.