Alt Attribute & Image Search Engine Optimization

  1. Alt Атрибут & SEO 4.87из5на основании112оценок.23пользовательских отзывов. Оптимизация изображений становится все более и более важной в SEO (Поисковая оптимизация) для веб-сайтов. Атрибут ALT - это важный шаг, который часто упускается из виду. Это может быть упущенной возможностью для лучшего рейтинга. В рекомендациях Google для веб-мастеров они рекомендуют использовать альтернативный текст для изображений на вашем веб-сайте: Изображения: Используйте атрибут alt для предоставления описательного текста. Кроме того, мы рекомендуем использовать удобочитаемую подпись и текст описания вокруг изображения. Почему они просят нас сделать это? Ответ прост, правда; У поисковых систем та же проблема, что и у слепых пользователей. Они не могут видеть изображения. Многие веб-мастера и неопытные или неэтичные оптимизаторы злоупотребляют использованием этого атрибута, пытаясь заполнить его ключевыми словами, надеясь достичь определенной плотности ключевых слов, которая сейчас не так важна для ранжирования, как это было раньше. Напротив, высокая плотность ключевых слов может в некоторых поисковых системах вызывать спам-фильтры, что может привести к потере рейтинга вашего сайта. Даже без такого штрафа рейтинги вашего сайта не выиграют от этой тактики. Этот метод также ставит людей, которые используют программы чтения с экрана, в еще более невыгодном положении. Программы чтения с экрана - это программные инструменты, которые на самом деле читают вслух содержимое того, что отображается на экране. При просмотре веб-страниц атрибуты изображений alt также читаются вслух. Представьте, что вы слушаете абзац текста, за которым следуют повторы многих ключевых слов. Страница была бы далеко не доступна, и, прямо скажем, была бы довольно раздражающей. Что именно является атрибутом Alt?
  2. I. Eye-Candy
  3. II. Настроение-настройка
  4. III. Содержание и функция
  5. Советы по поисковой оптимизации изображений
  6. Ресурсы
  7. Об этом уроке по SEO

Alt Атрибут & SEO 4.87из5на основании112оценок.23пользовательских отзывов.

Оптимизация изображений становится все более и более важной в SEO (Поисковая оптимизация) для веб-сайтов. Атрибут ALT - это важный шаг, который часто упускается из виду. Это может быть упущенной возможностью для лучшего рейтинга.

В рекомендациях Google для веб-мастеров они рекомендуют использовать альтернативный текст для изображений на вашем веб-сайте:

Изображения: Используйте атрибут alt для предоставления описательного текста. Кроме того, мы рекомендуем использовать удобочитаемую подпись и текст описания вокруг изображения.

Почему они просят нас сделать это? Ответ прост, правда; У поисковых систем та же проблема, что и у слепых пользователей. Они не могут видеть изображения.

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

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

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

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

Что именно является атрибутом Alt?

Атрибут ALT не должен использоваться в качестве описания или метки для изображения, хотя многие люди используют его таким образом. Хотя может показаться естественным предположить, что альтернативный текст является меткой или описанием, это не так!

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

Цель состоит в том, чтобы предоставить ту же функциональную информацию, которую увидит визуальный пользователь. Текст атрибута alt должен функционировать как «подставка» в случае, если само изображение недоступно. Задайте себе этот вопрос: если бы вы заменили изображение текстом, получило бы большинство пользователей одинаковую базовую информацию и получило бы такой же ответ?

Некоторые примеры:

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

Некоторые рекомендации по атрибутам Alt:

  • Всегда добавляйте атрибуты alt к изображениям. Alt обязателен для доступности и действительного XHTML.
  • Для изображений, которые играют только декоративную роль на странице, используйте пустой alt (т.е. alt = "") или фоновое изображение CSS, чтобы читающие браузеры не беспокоили пользователей, произнося такие вещи, как "spacer image".
  • Помните, что это функция изображения, которое мы пытаемся передать. Например; любые изображения кнопок не должны включать слово «кнопка» в альтернативный текст. Они должны подчеркивать действие, выполняемое кнопкой.
  • Альтернативный текст должен определяться контекстом. Одно и то же изображение в другом контексте может потребовать совершенно другого альтернативного текста.
  • Попытайтесь объединить текст с остальной частью текста, потому что именно так он будет читаться с помощью адаптивных технологий, таких как программы чтения с экрана. Кто-то, слушающий вашу страницу, вряд ли должен знать, что там есть графическое изображение.

Помните, что использование атрибута alt для каждого изображения необходимо для соответствия минимальным требованиям WAI, которые используются в качестве эталона для законов о доступности в Великобритании и других странах Европы. Они также должны соответствовать требованиям доступности «Раздела 508» в США.

Полезно разделить нетекстовый контент на три уровня:

  • Eye-Candy
  • Настроение-настройка
  • Содержание и функция

I. Eye-Candy

Eye-Candy - это вещи, которые не преследуют никакой цели, кроме как сделать сайт визуально привлекательным / привлекательным и (во многих случаях) удовлетворяющим отделам маркетинга. Нет никакого значения контента (хотя может быть значение для зрячего пользователя).

Никогда не тратьте время на радость, если только там нет чего-то, что улучшило бы удобство использования сайта для тех, кто использует невизуальный пользовательский агент. Используйте атрибут null alt или фоновые изображения в CSS для приятного просмотра.

II. Настроение-настройка

Это средний слой графики, который может служить для настройки настроения или установки сцены как бы. Эта графика не является прямым контентом и не может считаться необходимой, но она важна тем, что помогает структурировать происходящее.

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

Например; Альтернативный текст, который идентичен смежному тексту, не нужен и раздражает пользователей программы чтения с экрана. Я рекомендую alt = "" или фоновые CSS изображения в таких случаях. Но иногда важно, чтобы этот контент был доступен для всех пользователей.

В большинстве случаев это зависит от контекста. Одно и то же изображение в другом контексте может потребовать совершенно другого альтернативного текста. Очевидно, что контент всегда должен быть полностью доступен. То, как вы поступите в этом случае, является решением суда.

III. Содержание и функция

Здесь изображение является фактическим содержанием. Всегда альтернативный контент и функциональные изображения. Атрибуты заголовка и длинного описания также могут быть в порядке.

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

У каждого рисунка есть причина, по которой он находится на этой странице: потому что он либо улучшает тему / настроение / атмосферу, либо имеет решающее значение для того, что страница пытается объяснить. Знание того, для чего предназначено изображение, облегчает написание альтернативного текста. И практика написания их определенно помогает.

Чтобы проверить полезность альтернативного текста, можно представить, что кто-то читает страницу по телефону. Что бы вы сказали, встречая определенное изображение, чтобы сделать страницу понятной для слушателя?

Помимо атрибута alt у вас есть еще пара инструментов для изображений.

Во-первых, по степени информативности заголовок находится между alt и longdesc. Это добавляет полезную информацию и может добавить вкус. Атрибут title необязательно отображается агентом пользователя. Помните, что они невидимы и не отображаются в виде «всплывающей подсказки», когда фокус получен с клавиатуры. (Так много для независимости устройства). Поэтому используйте атрибут title только для справочной информации.

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

Его следует использовать, когда alt и title недостаточно для воплощения визуальных качеств изображения. Как утверждает Кларк [1], «longdesc - это длинное описание изображения ... Цель состоит в том, чтобы использовать любую длину описания, необходимую для передачи деталей графики.

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

Хотя атрибут alt является обязательным для доступности в Интернете и для действительного (X) HTML, не все изображения нуждаются в альтернативном тексте, длинных описаниях или заголовках.

Во многих случаях вам лучше просто следовать своему внутреннему инстинкту - если нет необходимости включать его, и если у вас нет сильного желания сделать это, не добавляйте этот longdesc.

Однако, если необходимо, чтобы вся страница работала, вы должны добавить альтернативный текст (или заголовок или longdesc).

Что необходимо, а что нет, во многом зависит от функции вашего изображения и его контекста на странице.

Для одного и того же изображения может потребоваться альтернативный текст (или заголовок или longdesc) в одном месте, но не в другом. Если изображение абсолютно не содержит содержимого или функциональной информации, может быть уместно использовать alt = "" или фоновые CSS-изображения. Но если изображение предоставляет контент или добавляет функциональную информацию, потребуется alt, и, возможно, будет даже длинное описание. Во многих случаях этот тип вещи является призывом к суждению.

Советы по поисковой оптимизации изображений

Ниже перечислены ключевые шаги по оптимизации изображений:

  • Выберите логическое имя файла, которое подкрепляет ключевые слова. Вы можете использовать дефисы в имени файла, чтобы изолировать ключевое слово, но избегайте превышения двух дефисов. Избегайте использования подчеркивания в качестве разделителя слов, например, «brilliant-diamonds.jpg»;
  • Пометьте расширение файла. Например, если механизм поиска изображений видит расширение файла ".jpg" (JPEG), он будет предполагать, что файл представляет собой фотографию, а если он увидит расширение файла ".gif" (GIF), он будет предполагать, что что это графика;
  • Убедитесь, что текст рядом с изображением, который имеет отношение к этому изображению.

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

Ресурсы

Справка по поиску картинок Google:
https://www.google.com/help/faq_images.html ,

Ссылки по теме:
https://www.d.umn.edu/goto/accessibility#alt ,

Сноска:
[1] https://joeclark.org/book/sashay/serialization/Chapter06.html

Об этом уроке по SEO

Этот урок был написан Джон С. Брициос (он же Вебнаут) , Консультант по вопросам судебно-медицинской и социальной семантической сети в SEO Workers, был опубликован 10 сентября 2007 г.

Авторские права защищены. Не воспроизводится.

Alt Attribute & Image Search Engine Optimization Энтони Alt Attribute & Image Search Engine Optimization   Энтони   2012-02-17 20:10:11 Согласитесь с вами на 100% надписи на самом изображении и не пытайтесь заполнить ваш текст ключевыми словами 2012-02-17 20:10:11 Согласитесь с вами на 100% надписи на самом изображении и не пытайтесь заполнить ваш текст ключевыми словами. Чувак, я бы никогда не подумал об использовании имени папки, чтобы использовать большие шансы на включение некоторых замечательных ключевых слов, которые будут полезны с точки зрения ранга и т. Д. Кажется, что тысячи и тысячи факторов влияют на SEO но когда вы действительно изучаете основные ключевые элементы, есть только несколько вещей, на которые вы должны обратить внимание. Спасибо за советы. Собираюсь обновить мои страницы на этой неделе и хотел бы сообщить

Alt Attribute & Image Search Engine Optimization ashvindx Alt Attribute & Image Search Engine Optimization   ashvindx   2012-02-15 01:55:04 А как насчет тегов TITLE на изображениях 2012-02-15 01:55:04 А как насчет тегов TITLE на изображениях? Многие статьи о SEO в наши дни говорят, что требуется столько же, сколько тег ALT. Как вы думаете? (Я думаю, что это будет хорошая тема для ведения блога)

Alt Attribute & Image Search Engine Optimization Тео Граца Alt Attribute & Image Search Engine Optimization   Тео Граца   2012-01-04 09:47:37 Я заметил, что нет никаких комментариев по поводу проблемы самоуспокоенности 508 2012-01-04 09:47:37 Я заметил, что нет никаких комментариев по поводу проблемы самоуспокоенности 508. Все государственные органы США обязаны использовать этот стандарт. Он используется читателями сайта для слепых или, в моем случае, читателями сайта для людей, которым нравится читать. Читатели сайта используют атрибут ALT, чтобы описать изображение для слушателя. Если у вас есть время, вы можете найти одного из этих читателей и попробовать его сами. Здорово читать статьи, когда ты работаешь над другими вещами!

Больше комментариев

  • Google говорит, что спамить другие сайты можно понизить рейтинг вашего сайта ;
  • Ссылки на подписи под комментариями не принимаются;
  • Разрешены только очень важные ссылки в теле, такие как URL веб-сайта или блога, но только после нашего одобрения;
  • Вы можете ожидать, что ваш комментарий может быть удален, если вы пытаетесь получить обратную ссылку, а не добавляете реальную ценность к разговору;
  • SEO или линкбилдеры, если мы поймаем, что вы комментируете, но ссылаетесь на сайт клиента, ваша репутация в Интернете, ваша фирма и репутация вашего клиента подвергаются серьезному риску;
  • Ссылка на страницу или блог, который может быть идентифицирован как относящийся к вам, чтобы наши читатели могли получить дополнительную информацию о вашей точке зрения и, при необходимости, о достаточном раскрытии.