Alt в картинке seo – Оптимизация изображений вашего сайта. Использование атрибутов title и alt для лучшей индексации картинок на сайте.

Содержание

Alt и Title, плагины оптимизации

Привет всем на моем блоге anton-apraev.ru! В рамках seo-практики давайте рассмотрим такой аспект как seo оптимизация картинок и своих видеофайлов для лучшей скорости и ранжирования сайта. Замечу что в интернете сейчас есть много сервисов с минимальным количеством текста которые продвигаться в основном за счёт ссылок и правильно заполненных метатегов изображений.

Seo оптимизация картинок: база

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

База знаний по seo-картинкам

Сразу 5 важных момента:

  • Все картинки — которые загружаете должны иметь только латинское название — дабы при переносе сайта на другой хостинг или изменения имени сайта — все ваши картинки благополучно перенеслись. Это важная привычка которая может сэкономить вам много времени.
  • Все картинки стоит хранить в отдельной директории — для системности и удобства обращения ( site.ru/images/)
  • Любая картинка в статье должна либо оставаться на месте, либо просто всплывать, но ни в коем случае не должна открываться в новом окне.
  • Любая вставленная между абзацем картинка должна быть тематичной (с логической связью) тексту между которым она вставлена.
  • К каждой картинке обязательно вставялть теги alt и title
  • Ну и конечно все картинки стоит сжимать для более  ускорения сайта.

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

Неуникальность картинок не мешает продвижению сайта, но больше влияет на его стиль, презентабельность. Для блогов и интернет-магазинов лучше чтобы какая та уникальность картинок всё же была. Проврерить уникальность изображения можно через сервис google — https://images.google.ru/

Плагины оптимизации картинок

Оптимизация изображений на сайте также желательно делать с помощью плагинов.

Плагины оптимизации картинок

Среди базовых плагинов по оптимизации медиафайлов на вордпресс назову:

  • Для всплыва картинок можете использовать плагин WP jQuery Lightbox
  • Для сжатия картинок плагин JPEG & PNG
  • Альтернативный плагин — сжатия изображений — ewww
  • Дополнительное сжатие изображений — WP  Smush
  • Сжаите html, css, java-скриптов — autoptimize
  • Для очистки ненужных записей на сайте — wp optimize
  • Для помещения ватермарка на картинку плагин Image Watermark.

Атрибуты alt

Поисковые роботы не обладают способносью анализировать картинку визуально. Поэтому для анализа картинок они считают атрибут alt-изображения который разумеется всегда стоит прописывать. Если изображения не подгружаютя (отключены в бразуере) — вместо картинок будет отображатся прописанный атрибут alt.

Атрибут alt для картинок
  • Alt — лучше прописывать с заглавной буквы и если вы ведете русскоязычной сайт на этот раз кирилицей.
  • В атрибуте alt прописывается описание картинки, часто название картинки (название файла) и описание картинки (alt) одинкаовые за исключением прописания латинскими или кирилическими буквами.
  • В атрибут alt не нужно вставлять ключевые слова — это переоптимизация, достаточно тематического пояснения картинки.
  • Атрибут alt таким образом должен быть разным на всех картинках.
  • Знаки препинания на конце атрибута alt ставить не нужно
  • Если в статье у вас картинка это ссылка то alt здесь будет анкором (текстом ссылки).

Теги title

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

Тег title в оптимизации картинок

Правила в заполнении тега title точно такие же что и alt.

  • Название прописывается с заглавной буквы
  • На русскоязычных сайтах заполнение идёт кириллицей
  • Знаки препинания на конце не ставится
  • Желательно прописывать лаконичный, короткий текст.
  • Без лишней вставки ключевых слов — просто суть картинки

Стоит запомнить что даже если у вас в статье однотипные картинки (галерея) — alt/title у каждой картинки должны хотя бы немного отличаться. Используйте — главный ключ к статье и добавьте небольшие различие к картинкам (прилагательные, предлоги и т.д).

Seo оптимизация картинок: Масштабные проекты

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

Автогенерация тегов alt и title

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

Seo-оптимизация видео

Видео с одной стороны увеличивает поведенческие факторы, с другой стороны скажем google adsense — не любит когда её рекламу размещают на страницах где есть видеоролики — в силу нарушения авторских прав. Если это ваше видео (или с лицензией creativ cloud) — тогда всё ок, если нет я не советую размещать их на сайте.

Видеохостинги для сайта

Видео в любом случае лучше держать не на своем хостинга, а на сторонних видеохостингах — вставляя их в статьи через ссылки (ифрейм — когда сайт открывается внутри сайта):

  • Это не будет занимать много места на вашем хостинге
  • Если видео ваше — это дополнительно привлекает трафик из youtube
  • Это дополнительно ранжирует ваш сайт в целом на поиске

Youtube-фактор

Ведя свой отдельный канал youtube для сайта — вы будете взаимно качать трафик туда=сюда.

Yotube файктор

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

Количество картинок на статью

Чем больше тем лучше)

Красивая деушка Эмбер Хёрд

Я советую вставлять 1 статью на каждый заголовок (h3,h4). В идеале сколько заголовков столько и картинок, если вы не делаете галерей. В любом случае стоит делать минимум 2 картинки на статью без учёта миниатюры.

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

Резюме

Таким образом seo оптимизация картинок (и  своих видеороликов) способствует лучшему ранжированию сайтов в мировой сети. Это достаточно просто. Я же желаю вам успехов и удачи и до встречи на обучающем блоге anton-apraev.ru!

anton-apraev.ru

Назначение ALT и TITLE картинки - SEO-оптимизация изображения

Назначение ALT и TITLE картинки

Несмотря на то, что использование при оптимизации изображения TITLE и ALT - это простой способ поднять позиции сайта в поисковых системах, многие веб-мастера не в полной мере применяют эти атрибуты, а то вовсе игнорируют. Некоторые их путают и не понимают, какая разница между TITLE и ALT. Следует отметить, что частенько TITLE и ALT по ошибке именуют тегами, хотя это атрибуты тега IMG (от слова "image"), а не отдельные тэги.

Назначение атрибутов ALT, TITLE и LONGDESC в теге IMG

HTML тег IMG нужен для отображения на странице картинок в графическом формате GIF, JPEG или PNG. Этот тег имеет строго обязательный параметр SRC, которым задается адрес файла с изображением. Если требуется, то картинку можно сделать гипер-ссылкой, поместив тег IMG в контейнер A. При этом вокруг рисунка появится рамка, которая убирается добавивлением параметра BORDER="0" в тег IMG.

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

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

Есть еще один атрибут графики, который предположительно может пригодиться для раскрутки картинок с веб-сайта - это атрибут LONGDESC, предназначенный для ссылки на "длинное" описания изображения. Он соединяет короткий альтернативный текст с длинным описанием на отдельной странице. При его использовании здесь указывается URL страницы, содержащей релевантный по отношению к атрибуту ALT контент.

Другие полезные для продвижения рисунка параметры

Рисунок, помещаемый на страницу сайта, можно окаймить рамкой различной ширины. Для этого применяется параметр BORDER тега IMG. По умолчанию рамка вокруг рисунка не появляется, за исключением тех случаев, когда картинка является гиперссылкой. При этом цвет рамки совпадает с цветом ссылки, заданного с помощью CSS или параметра LINK тега BODY.

Для указания размеров рисунка предусмотрены параметры WIDTH и HEIGHT. Хотя и допускается задавать эти значения в пикселах или процентах, так делать не рекомендуется (см. ниже). Если установлены процентные значения, то размеры картинки определяются по отношению родительского контейнера, в который заключен тег IMG. Если таковой отсутствует, то за него принимается окно браузера. То есть, запись показывает, что изображение будет растянуто по всей ширине страницы. Указание лишь одного параметра HEIGHT или WIDTH сохраняет пропорции картинки. При этом браузер дожидается окончательной загрузки изображения, чтобы узнать его исходную ширину и высоту.

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

Надо ОБЯЗАТЕЛЬНО задавать размеры всех картинок в явном виде! Это ускоряет загрузку веб-страницы, поскольку браузеру не нужно вычислять размер каждого изображения, что можно сделать лишь после его получения. Браузер просто резервирует место под рисунок и продолжает свою работу; картинка же после ее получения встает на отведенное место. Это особенно значимо, если рисунок расположен внутри ячейки таблицы. Тем самым ускоряется загрузка страницы в целом, а это положительно влияет на результаты ее ранжирования в поисковиках.

Использование тега IMG для продвижения по картинкам

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


Оптимизация изображений для раскрутки сайтов: использование TITLE и ALT тега IMG

Роботы поисковых систем не умеет распознавать текст на графических изображениях, поэтому ключевая фраза, написанная на картинке большими буквами, никак не повлияют на поисковое продвижение по картинкам. Будет гораздо полезнее прописать на изображение доменное имя (адрес сайта): это не только способствует его популяризации, но и защитит картинку от копирования. Так и сделано на этом рисунке; а поскольку смысл изображения не очевиден, добавлен еще поясняющий текст, к чему все это.

Несмотря на внушительный размер на экране, эта картинка достаточно легкая. Для этого пришлось ее подвергнуть перекомпрессии, чтобы при приемлемом качестве она весила как можно меньше. Это один из первых пунктов, что должен сделать оптимизатор при работе с графикой. Сохранить рисунок целесообразно с таким именем файла, которое содержит ключевые слова (для русского языка - на транслите). Про что эта статья? При использование тега IMG и его атрибутов для поисковой раскрутки картинок. Вот примерно так и надо назвать графический файл: "seo-raskrutka-image-img-alt-title-width-border.jpg". И положить его в директорию, имя которой также говорило бы поисковику, что в ней собраны картинки не про белок или отдых в Турции, а про SEO-продвижение и раскрутку сайтов. Так и назовем ее, по важнейшему ключевику этого проекта: "raskrutka". Путь к графическому файлу предпочтительнее указывать абсолютным, то есть, от корня домена.

Минимально-достаточный формат IMG для корректного показа рисунков.

Для корректного отображения рисунка минимально-достаточный формат тега IMG такой (обратите внимание, как правильно пишется закрывающая часть тега для Image!):
<img src="http://com-seo.ru/raskrutka/seo-raskrutka-image-img-alt-title-width-border.jpg" alt="" />

Однако для раскрутки картинок в поисковиках он бесполезен. Несмотря на понятный пользователям смысл рисунка и подпись в графике, поисковый робот не сможет узнать, что на нем изображено и написано. Давайте ему поможем! Для этого достаточно прописать поле ALT. Но как? Это зависит от геометрического размера изображения: чем больше картинка - тем длиннее допустима к ней описание как в ALT, так и в TITLE. Экспериментально установлено: поисковики нормально относятся к тексту такой длины, если он полностью умещается под рисунком примерно этим шрифтом, как в примере. Поскольку аттрибут TITLE тоже имеет значение для поискового продвижения изображений, уместно заполнить и его, но не прямой копией ALT, а измененным текстом, также содержащим важные ключевые слова.

Оптимальный с точки зрения SEO-продвижения HTML код для картинки.

Памятуя также, что мы говорили раньше про поля WIDTH и HEIGHT, составим ОПТИМАЛЬНЫЙ с точки зрения SEO формат картинки в HTML:
<img src="http://com-seo.ru/raskrutka/seo-raskrutka-image-img-alt-title-width-border.jpg" title="Оптимизация и раскрутка рисунков IMG: TITLE, ALT, WIDTH, HEIGHT, BORDER" alt="SEO-оптимизация изображений для раскрутки сайтов: использование TITLE и ALT тега IMG" border="0" />

Одна маленькая, но крайне эффективная хитрость при оптимизации рисунков: поисковики большое внимание придают текстовому окружению изображения, и в первую очередь тому, что написано непосредственно под ним, воспринимая это как подпись к картинке. Для этого подпись должна стоять в том же абзаце "P", ячейке таблицы "TD" или теге "DIV", что и графическое изображение. Подпись лучше делать ТОЧНОЙ КОПИЕЙ атрибута ALT (проверено на практике). В данном примере текст подписи отделен от рисунка тегом BR, и все это заключено в DIV для красивого расположения на странице (смотрите код страницы).

Избыточный вариант HTML-кода для изображения (аттрибут LONGDESC).

Любители поэксприментировать могут указать атрибут LONGDESC, о смысле которого говорили раньше. Однако я не заметил, чтобы он приносил какую-либо пользу для продвижения по рисункам. Поэтому, с учетом главной концепции поисковой СЕО-оптимизации "Что не полезно - то вредно", этот вариант нельзя считать оптимальным. Вот HTML-код примера применения атрибута LONGDESC:
<img src="http://com-seo.ru/raskrutka/seo-raskrutka-image-img-alt-title-width-border.jpg" title="Оптимизация и раскрутка рисунков IMG: TITLE, ALT, WIDTH, HEIGHT, BORDER" alt="SEO-оптимизация изображений для раскрутки сайтов: использование TITLE и ALT тега IMG" longdesc="http://com-seo.ru/seo-prodvidenie-kartinka-image-foto-grafika-photo.html" border="0" />

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

Применение изображений в качестве графической ссылки на страницы.

Помимо текстовых гипер-ссылок, бывают еще и графические, у которых вместо анкора стрит изображение. В этом случае аттрибут ALT имеет первостепенное значение: по нему поисковики определяют, по каким словам передавать вес с донора на акцептор. Графические ссылки имеют чрезвычайно широкое применение - например, в качестве кнопок 88 на 31. Считается, что для поискового продвижения графическая ссылка уступает текстовой. Логика поисковых систем понятна: в текстовой ссылке пользователь может прочитать анкор и решить, надо ему туда переходить, или нет, а графическую он может не заметить вообще, сччитая, что это просто картинка. Например, если бы я сейчас не написал, что картинка в следующей главе - это ссылка, очень немногие бы догадались кликнуть по ней, чтобы посмотреть, что там лежит за страница.

Оптимальный с точки зрения поисковой оптимизации и раскрутки формат графических ссылок выглядит таким образом (это точный HTML-код картинки-ссылки из следующей главы):
<a href="http://com-seo.ru/slova-markery-prodvizhenie-kartinok-image-slovo-marker.html" title="Слово-маркер при продвижении картинки"><img src="http://com-seo.ru/raskrutka/image-title-alt-slovo-marker-kartinka.jpg" title="Применение слов-маркеров для продвижения по картинкам" alt="Слова-маркеры и SEO-продвижение картинок" border="0" align="left" /><a>

Слова-маркеры и особые случаи ранжирования по фото

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

Для некоторых сочетаний "поисковый запрос - класс изображения" существует возможность продемонстрировать свой рисунок прямо в основной выдаче. Для каждой темы это надо проверять экспериментальное, и если показ картинки в главном SERP'е практикуется поисковиком - то включать в адрес, ALT, TITLE и окружение картинки СЛОВО-МАРКЕР. Что такое слова-маркеры и как пользоваться маркером для раскрутки рисунков? Посмотрите статью "Слова-маркеры и продвижение картинок" (именно на эту страницу ведет графическая ссылка слева), и не забывайте о маркерах, если по тематике сайта это целесообразно.

К сожалению, такой показ бывает возможен лишь примерно для 10% картинок, но пробовать стоит: вдруг сайт как раз той тематики, которая входит в эти проценты? Например, о животных. В этом случае по запросу вида "фото _вид_животного_" такой показ почти наверняка будет и в Яндексе, и в Гугле. А статистика поисковых запросов показывает, что пользователи ищут изображения не только с помощью специального поиска в картинках. Часто люди начинают поиск фото и графики в стандартной выдаче поисковой машины. Все эти особенности поведения картинок в поиске можно использовать для продвижения следующим образом:

  • узнайте, что чаще всего ищут со словами "фото", "фотографии", "рисунок", "картинка", "изображение", "иллюстрация", "графика" по тематике Вашего сайта
  • проверьте, не осуществляется ли показ по комбинациям "слово-маркер + Ваш ключевик" в основной части выдачи
  • установите, не происходит ли такое по другим важнейшим ключевым фразам сайта; например, в статье по ссылке слова-маркеры разбираются на примере поискового запроса "дизайн квартир"
  • если такое происходит, то отнеситесь к оптимизации графики самым серьезным образом, поскольку ее задача - взять ТОР-3, никак не меньше, чтоы оказаться среди "избранных"; как это сделать - есть в статье о словах-маркерах по графической ссылке
  • в общем случаее найдите, оптимизируйте и разместите на сайте графические изображения или фото в формате JPG, которые хотите предложить пользователям в ответ на их поисковые запросы
  • при ранжировании страниц самая важная часть - это заголово TITLE для страниц (не путать с одноименным атрибутом для рисунков и ссылок!). Поэтому используйте ключевые слова из заголока страницы в атрибутах тега IMG
  • расположите поблизости с фото его текстовое описание (подпись): поисковые роботы обращают внимание на окружение картинок. Об особенностях верстки для этого мы говорили раньше.
  • показывайте все изображения и фотографии ТОЛЬКО со своего домена! Долго, да и не нужно объяснять, чем хуже это делать с бесплатных хранилищ файлов или чужих сайтов
  • по возможности ставьте графические ссылки, в анкоры которых включены теги IMG Ваших фотографий; замечено, что публикация графики на форумах редко вызывает нарекания - а ведь это ПРЯМАЯ ссылка на Вас! Разумеется, в этом случае графический рисунок должен быть интересен форумчанам, очень хорошо подходит юмор в картинках

Все это увеличит шансы рисунка на лучшее ранжирование в результатах поиска. В заключении скажу очевидную вещь, о которой почему-то мало кто задумывается. Обычно говорят о продвижении по картинкам и раскрутке сайта по контенту, как будто они никак не связаны. Ну как же, ведь выдача совершенно разная... А вот связаны! Мы перед этим говорили, как текстовый контент страницы влияет на ранжирование картинок с нее; а теперь представьте, что обратное утверждение тоже верно. Ведь даже ребенок знает, что сказка с картинками интереснее не-иллюстрированной; неужели современные поисковые системы не догадываются, что пользователям интереснее на страницах, где есть иллюстрации к тексту?! Еще как догадываются, и потому ранжируют такие страницы в обычном web-поиске выше. Например, на этой странице есть приличных размеров фотография плюс графическая ссылка на релевантную страницу - поэтому при прочих равных условиях шанс попасть в ТОП по текстовому поиску у нее выше, чем у такой же страницы, но без рисунков или фото.

com-seo.ru

Как автоматически добавить атрибут Alt (SEO оптимизация изображений) в WordPress

Заметили, что при проверке в PageSpeed Insights Гугл ругается на отсутствие alt в изображениях на Вашем WordPress-сайте? Не переживайте, все поправимо!

Важность атрибута Alt

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

Как автоматически добавить Alt?

Конечно, на сайте WordPress Вы можете самостоятельно прописать Alt для каждой загруженной картинки. Но что делать, если изображений много, и Вы часто забываете это сделать?

Наиболее быстрым и корректным способом является использование многофункционального плагина Clearfy Pro, который автоматически заполнит пустой Alt-тег в изображениях на Вашем сайте. Для этого всего лишь потребуется в админке перейти Clearfy Pro и на вкладке SEO передвинуть вправо ползунок напротив опции Автоматически проставить alt.

Автоматическое заполнение атрибута Alt в плагине Clearfy Pro

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

Плагин Clearfy Pro подставляет это значение в зависимости от названия записи, в которой выводится то или иное изображение.

Способ 1. Плагин Auto Image Attributes From Filename With Bulk Updater

Плагин Auto Image Attributes From Filename With Bulk Updater позволяет не только автоматически добавить значение в атрибут Alt, но также Title, Caption и Description. Для этого, после его установки и активации, в админ-панели следует перейти Настройки -> Image Attributes, и на вкладке Bulk Updater нажать кнопку Run Bulk Updater.

Страница настроек в плагине Auto Image Attributes From Filename With Bulk Updater

Способ 2. Update Image Tag Alt Attribute

Update Image Tag Alt Attribute – еще один плагин для добавление мета-информации в изображения. Способ его работы аналогичен предыдущему плагину. Он также “жестко” устанавливает значения, которые невозможно будет изменить для отображения в разных публикациях. Итак, после активации плагина следует перейти в раздел Maui Marketing -> Update Alt и нажать кнопку Start Update Only Media. Этим Вы запустите трудоемкий процесс поиска и установки для всех фото Вашего сайта Alt-атрибута.

Страница настроек в плагине Update Image Tag Alt Attribute

Если Вам понравилась статья — поделитесь с друзьями

wpschool.ru

О максимальной длине атрибута ALT для изображений — Devaka SEO Блог

Как нам уже известно по одному из предыдущих экспериментов с атрибутами alt и title, Яндекс использует их лишь для поиска по изображениям, а Google учитывает текст из ALT также и при ранжировании сайтов. Далее интересно было проверить максимально учитываемую длину атрибута ALT тега IMG, что и было проделано в текущем эксперименте (посвящается Елене http://optimizatorsha.ru/).

Гипотеза

Поисковики учитывают не все слова из атрибута ALT

Цель эксперимента

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

Проведение эксперимента

25-го июня была создана экспериментальная страница, содержащая уникальное изображение. В атрибут ALT было размещено 64 уникальных слова. Так выглядит часть HTML-кода на странице:

Скриншот куска HTML-кода экспериментальной страницы

Ссылка на эксперимент была размещена на главной странице блога, поэтому индексация прошла довольно быстро. На данный момент экспериментальная страница проиндексирована в Google и Яндексе и фотография находится по уникальным фразам при поиске по изображениям.

Результаты

Рассмотрим полученные результаты отдельно для каждой из поисковых систем.

1. Основная выдача Google

При поиске в Google по словосочетаниям из атрибута ALT мы видим, что вплоть до 16-го слова экспериментальная страница находится:

Результаты в Google - 16 слов из атрибута ALT

По любым словам больше 16-го страницы нет в основной выдаче:

Пустые результаты Google для 17-го слова из ALT

Также мы видим из 1-го скриншота, что в сниппет попадает всего 16 слов из атрибута ALT.

2. Поиск по изображениям в Google

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

Поиск по изображениям Google также учитывает первые 16 слов из ALT

С Google всё понятно, проверим Яндекс.

3. Поиск по изображениям в Яндексе

В отличие от Google, Яндекс нашел тестовое изображение с экспериментальной страницы по всем словам от первого вплоть до 28-го.

Поиск по изображениям Яндекса учитывает максимально 28 слов из ALT

Начиная с 29-го изображение не находится.

Выводы

Как видно по результатам эксперимента, гипотеза подтвердилась – поисковики учитывают не весь ALT, а лишь несколько первых слов. Для Google лимит 16 слов, для Яндекса – 28 слов. В принципе, этого вполне достаточно, чтобы добавить в ALT описательный текст.

Несколько интересных фактов об индексации:

  • Google проиндексировал экспериментальную страницу в течение суток, Яндекс потратил на это больше недели;
  • Через 10 дней после индексации страницы фото появилось в результатах поиска по изображениям Google, Яндексу потребовалось в два раза больше времени для включения картинки в свой поиск по изображениям (чуть меньше месяца).

Любые комментарии приветствуются.

devaka.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *