Alt Attribute & Image Search Engine Optimization

  1. Alt Атрибут & SEO 4.87из5на основании112оценок.23пользовательских отзывов. Оптимизация изображений...
  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 или линкбилдеры, если мы поймаем, что вы комментируете, но ссылаетесь на сайт клиента, ваша репутация в Интернете, ваша фирма и репутация вашего клиента подвергаются серьезному риску;
  • Ссылка на страницу или блог, который может быть идентифицирован как относящийся к вам, чтобы наши читатели могли получить дополнительную информацию о вашей точке зрения и, при необходимости, о достаточном раскрытии.

Похожие

SEO 2013 - SEO советы и советы
С некоторыми недавними изменениями в мире SEO стало ясно, что некоторые из факторов ранжирования, которые мы привыкли считать важными, постепенно становятся менее значимыми, в то время как некоторые, которые мы считали бесполезными, начинают приносить пользу. Хотя Google подавил спам-методы SEO и чрезмерно оптимизированные веб-страницы, некоторые из этих методов все еще живы и работают, сохраняя веб-сайты на
SEO обновления
Цифровой мир стал более раскрученным, мощным, чем когда-либо прежде. Это более сфокусировано и более агрессивно. Чтобы получить высокий рейтинг в поисковых системах и сохранить лучшую позицию, вы должны следовать за последними обновлениями SEO в 2017 году. Это один из основных шагов к тому, чтобы быть в курсе последних обновлений SEO в 2017 году и оставаться сосредоточенным , Тенденции SEO прямо пропорциональны обновлениям поисковых систем, которые получают поисковые системы. Поскольку
Поисковая оптимизация (SEO)
Что такое поисковая оптимизация (SEO)? Что ж, SEO помогает таким сайтам, как ваш, появляться в поисковых системах по определенным поисковым запросам. SEO помогает вам найти потенциальных клиентов, которые могут посетить ваш сайт и купить ваш продукт или услугу.
Пример использования SEO: Scali Cafe
... SEO придумать план по увеличению интернет-трафика - в частности, к их страницам онлайн-кафе и общественного питания. Наши эксперты по поисковой оптимизации просмотрели веб-сайт и провели исследование, чтобы понять, как пользователи искали эти услуги и каковы наиболее важные ключевые слова. Наша стратегия поисковой оптимизации Затем команда внедрила стратегию SEO, которая включала следующее: Исследование ключевых слов Создание дополнительного
Сайт Грейдер дает бесплатные советы SEO
... поднять ваш веб-сайт в результатах естественного поиска, но не хотите платить фирме, занимающейся поисковой оптимизацией (SEO), просто чтобы узнать, что вы делаете неправильно"> Хотите знать, как поднять ваш веб-сайт в результатах естественного поиска, но не хотите платить фирме, занимающейся поисковой оптимизацией (SEO), просто чтобы узнать, что вы делаете неправильно? Теперь вы можете получить бесплатную автоматическую оценку вашего сайта на Грейдер
Что значит SEO?
... alt="Если вы работаете с Интернетом, вы, вероятно, слышали об этом сокращении"> Эта аббревиатура расшифровывается как поисковая оптимизация, которая представляет собой набор методов, методов и / или исследований, направленных на улучшение позиционирования ваших страниц в поисковой системе. Первой компанией, использовавшей этот термин, была Мультимедийная маркетинговая группа Джона Одетта (MMG), которая стремилась сделать сайт более привлекательным для поисковых систем.
SEO реселлер США
Рынок реселлеров SEO в течение некоторого времени испытывал экспоненциальный рост, так как многие новые интернет-маркетологи открывают для себя возможности SEO в своих кампаниях цифрового маркетинга. Реселлеры SEO знают о новой
Шарлотта SEO Услуги
SEO или поисковая оптимизация - замечательная тактика для маркетинга. Есть много компонентов, которые входят в SEO, и 366 Marketing знает, как помочь вам со всеми из них. SEO является частью вашей входящей маркетинговой стратегии. Он генерирует потенциальных клиентов, которые заинтересованы в ваших услугах
Делавэр SEO OMG
... SEO-search-enging-optimization15039207_s.jpg"> Компания, которая специализируется на обслуживании медицинского оборудования или услугах ландшафтного дизайна, вероятно, не имеет опыта в написании или анализе SEO. Наша фирма SEO штата Делавэр, однако, имеет все
Написание SEO статей
... пользователи очень быстро растут в Индонезии, особенно в Джакарте. Поэтому все больше и больше компаний начинают перепроектировать свои старые веб-сайты или создавать новые веб-сайты, если у них их еще нет. Как мы уже обсуждали ранее в статье базы знаний, хороший веб-сайт компании должен иметь множество применений, хотя не многие посетители видели его.
Наступает конец SEO?
... alt="SEO отступает от славы и подходит к концу"> SEO отступает от славы и подходит к концу. По крайней мере, автор журнала утверждает, что Forbes Кен Крог. По его словам, Google имеет основную долю в устаревании SEO (поисковая оптимизация). Правильная настройка и структура сайта составляет около 15% от общей работы поисковой оптимизации. Остальные ссылки. Внешние ссылки

Комментарии

Есть ли какие-то важные советы по оптимизации SEO на странице, которые я пропустил?
Есть ли какие-то важные советы по оптимизации SEO на странице, которые я пропустил? Расскажите мне о ваших лучших практиках в комментариях.
Что такое поисковая оптимизация (SEO)?
Что такое поисковая оптимизация (SEO)? Что ж, SEO помогает таким сайтам, как ваш, появляться в поисковых системах по определенным поисковым запросам. SEO помогает вам найти потенциальных клиентов, которые могут посетить ваш сайт и купить ваш продукт или услугу.
Кто хочет начать с поисковой оптимизации, часто перегружен - с чего начать, если вы еще не знаете основ?
Кто хочет начать с поисковой оптимизации, часто перегружен - с чего начать, если вы еще не знаете основ? Вы можете найти мою серию для начинающих SEO для начинающих по следующим ссылкам: SEO для блоггеров - мои рекомендации, ссылки и советы для тех, кто хочет научиться поисковой оптимизации Книги для начинающих SEO Поисковая оптимизация
Хотите знать, как поднять ваш веб-сайт в результатах естественного поиска, но не хотите платить фирме, занимающейся поисковой оптимизацией (SEO), просто чтобы узнать, что вы делаете неправильно?
Хотите знать, как поднять ваш веб-сайт в результатах естественного поиска, но не хотите платить фирме, занимающейся поисковой оптимизацией (SEO), просто чтобы узнать, что вы делаете неправильно? Теперь вы можете получить бесплатную автоматическую оценку вашего сайта на Грейдер сайта , Просто введите адрес своего веб-сайта, и он покажет отчет, в котором подробно описано, что вы можете сделать, чтобы повысить эффективность SEO вашего сайта. Это даже
Как происходит оптимизация сайта (SEO)?
Как происходит оптимизация сайта (SEO)? Есть 2 способа оптимизации сайта: на странице и вне страницы. Разница между ними? По сути, мы можем сказать, что оптимизация на странице происходит на самом сайте, тогда как оптимизация на странице происходит вне его. И дополняют, и укрепляют стратегию в целом. На странице оптимизации SEO на странице являются реализациями на самом сайте. Эта оптимизация
Какие ресурсы SEO (итальянские и другие) остаются в курсе?
Какие ресурсы SEO (итальянские и другие) остаются в курсе? Я говорил об этом в курсе е в этой статье Некоторые полезные ресурсы для изучения SEO лучше всего я предлагаю: Moz Руководство для начинающих Руководство Google Google SEO Guide Факторы ранжирования Тусовки с Джоном Мюллером Мэтт Каттс Q & A Видео
Термин SEO (поисковая оптимизация) повсеместно, но что это значит и что это значит для веб-сайтов?
Термин SEO (поисковая оптимизация) повсеместно, но что это значит и что это значит для веб-сайтов? Как это работает и какова его функция? Мы подробно рассмотрим SEO и его применение в Интернете и в бизнесе. Как работают поисковые системы Адресовать как работает SEO Нам нужно начать с вершины Интернета - поисковой системы. Буквально миллионы и миллионы веб-страниц в Интернете. Как
Так что же такое поисковая оптимизация (SEO)?
Так что же такое поисковая оптимизация (SEO)? Это сочетание усилий по цифровому маркетингу, работающих вместе, чтобы повысить ценность сайта для пользователей и его видимость в поиске. Это повторяет: Это не работа поисковой оптимизации, чтобы заставить свинью летать. Работа SEO заключается в том, чтобы генетически реорганизовать сайт, чтобы он стал орлом. - Брюс Клэй
JOOMLA SEARCH ENGINE ДРУЖЕСТВЕННО ПРАВИЛЬНО ИЗ КОРОБКИ?
JOOMLA SEARCH ENGINE ДРУЖЕСТВЕННО ПРАВИЛЬНО ИЗ КОРОБКИ? Вы не можете установить Joomla или любую другую CMS (систему управления контентом), например, WordPress, и ожидать, что ваш сайт Joomla будет оптимизирован для SEO. Но давайте продолжим и ответим на вопрос - Да, Joomla дружественна к SEO , НО не прямо из коробки! Как и во многих других системах управления контентом (CMS), вам нужно будет настроить и дополнительно настроить (будет обсуждаться позже в этой статье)
Каковы преимущества SEO или White Hat SEO?
Каковы преимущества SEO или White Hat SEO? White Hat SEO предлагает некоторые преимущества, такие как более низкая стоимость по сравнению с Black Hat SEO. У White Hat SEO есть и этические причины, так как большинство владельцев веб-сайтов хотят обосновать свое размещение на страницах результатов поиска ( SERP ) для пользователей. Еще одним преимуществом является то, что веб-сайты защищены от штрафов, например, после обновления Google . Место
Являются ли ключевые слова большого объема автоматически правильными ключевыми словами поисковой оптимизации для веб-сайта?
Являются ли ключевые слова большого объема автоматически правильными ключевыми словами поисковой оптимизации для веб-сайта? Те, кто только начинает изучать SEO, наверняка зададут себе этот вопрос. Есть много полезных инструментов, чтобы найти лучшие ключевые слова для вашего проекта. Но как правильно интерпретировать данные? Выбор ключевого слова исключительно на основе частых поисковых запросов не продвигает нас сегодня. Привлечение метрик для конкурса - это

Почему они просят нас сделать это?
Что именно является атрибутом Alt?
Задайте себе этот вопрос: если бы вы заменили изображение текстом, получило бы большинство пользователей одинаковую базовую информацию и получило бы такой же ответ?
Что бы вы сказали, встречая определенное изображение, чтобы сделать страницу понятной для слушателя?
Как вы думаете?
Наступает конец SEO?
Есть ли какие-то важные советы по оптимизации SEO на странице, которые я пропустил?
Что такое поисковая оптимизация (SEO)?
Что такое поисковая оптимизация (SEO)?