seo

Атрибут ALT – оптимизация картинки

ALTОчень часто атрибут AlT картинки не принимается во внимание при публикации статьи.  Как ни странно, но многие считают, что картинка на блоге существует только для украшения сайта. Это не так. Картинка  тоже является частью контента. И как контент она должна быть и уникальна и оптимизирована. Поисковая оптимизация картинки достаточно серьезно участвует в корреляции ранжирования сайта.

Сначала давайте разберемся,  зачем нужна поисковая оптимизация картинки.

Ответ прост. Для привлечения дополнительного трафика посетителей. Каким образом? Правильно оптимизированная картинка оценивается поисковиком и выкладывается на таких ресурсах как Яндекс картинки и  Google  картинки.  И если посетителю этих ресурсов понравится Ваша картинка, то он перейдет на ваш сайт.

Каждой картинке соответствует имя файла – Title и атрибут ALT

На что же обращает внимание поисковик? В первую очередь на атрибут Alt.

Атрибут ALT  дает возможность отображения текста, если картинку по каким-либо причинам невозможно показать. То есть посетитель, например, отключил показ картинок в браузере. Тогда информация атрибута будет показана вместо этой картинки. И посетитель будет понятно,  о чем эта картинка.

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

Если Вы захотите использовать вашу картинку как ссылку, то этот атрибут станет Анкором этой ссылки. А мы знаем как важен правильный анкор  для ссылки.

Как видите, насколько важно  грамотно оформить атрибут ALT.

Теперь поговорим об имени файла – Title.

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

В идеале информация ALT и Title должны совпадать.

Очень хорошо, если в описании файла и атрибуте ALT будет прописано ключевое слово.

На что надо обратить внимание:

  1. Формат восприятия поисковика картинок и поддержка их браузерами – JPEG,  PNG,  BMP, GIF ;
  2. Используйте информативные и короткие тексты для имени файлов и атрибута Alt. Не надо писать в названии что-то подобное – 1.gif или page1.jpeg;
  3. Не заполняйте информацию множеством ключевых слов  или предложениями;
  4. Если вы делаете картинку ссылкой – не заполняйте длинный ALT – текст;

Ну вот, пожалуй,  и все. А сейчас посмотрите короткое видео по оптимизации картинки

Помните, что информативное имя файла и грамотное заполнение тега ALT, способствует системам поиска картинок проиндексировать   изображение вашего блога.

Удачного продвижения!

Комментарии:

41 комментарий на «“Атрибут ALT – оптимизация картинки”»

  1. Здравствуйте. Спасибо за информацию. Но такой вопрос, почему у меня на сайте при заполнении «alt» отображается его содержимое под картинкой 9или рядом с ней). картинка видна…

  2. здравствуйте может сможете мне помочь? Когда к картинкам тайтл и альт пишу на русском — то на сайте высвечиваются на картинках козяблики. что делать?

    • Это проблемы с кодированием. Проверьте настройки сайта. Код должен быть — UTF-8

  3. Нет, вставляю именно html кодом, сгенерированным через X-lines. Однако код начинается с тега , а к нему робот требует описание в виде атрибута alt.
    Это очень легко проверить с помощью средств диагностики в bing вебмастер.
    Дело в том, что X-lines генерирует код без описания alt, т.е. вот так: alt=»»
    Во вкладке «html» код, а во вкладке «визуально» картинка в виде подписи автора. Alt везде надо прописывать вручную. Но как-то настораживают одинаковые атрибуты (по-сути описание картинок) на каждой странице…

    • У каждого поисковика свои заморочки. Я под Bing ничего не проверяю. У Google и Яндекс у меня такой вопрос не возникал. При проверке в MegaIndex эта ошибка не определяется. Поэтому я просто не пишу alt. Мне кажется, если у Вас этот вопрос вызывает какие-то сомнения — может просто не использовать такую подпись?

  4. Ирина, здравствуйте! Недавно seo анализ показал, что у меня на главной странице не прописаны атрибуты alt у картинок. Я удивилась, ведь я тщательно подхожу к этому вопросу. Программа указала, что атрибуты отсутствуют у картинок, сгенерированных с помощью X-lines (Жду Ваших комментариев и подпись автора). На других страницах блога та же проблема. Для главной я прописала атрибуты. Вопрос такой: подпись автора у меня на каждой странице. Если все атрибуты к этой картинке будут одинаковыми, как на это посмотрят поисковики? Не падает ли из-за одинаковых картинок на блоге его уникальность в глазах поисковых роботов?

    • День добрый Лариса. Я не поняла, почему у Вас эти подписи считаются картинками. Ведь Вы же вставляете код… В этом случае поисковик видит Вашу подпись как код а не как картинку. Если Вы вставили их в виде скриншота, тогда Ваши опасения верны…

  5. Здравствуйте,Ирина! Спасибо за ответ. Просмотрела еще раз нашу переписку на эту тему и растерялась. В Вашем ответе от 17. 12 — «Когда вы будете вставлять картинки, то в первом окне – title, у Вас при загрузке сразу пропишется наименование на латинице. Вы его копируйте и вставляйте в поле alt и Описание.» Еще раз посмотрела видео — там на русском пишем «alt и Описание» и я на русском тоже прописала. Только название картинки осталось на латинице. Это описка или я что-то неправильно поняла?. Спасибо.

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

  6. Здравствуйте,Ирина! все атрибуты прописаны правильно на картинках, благодаря Вам. Я вставляла по одной картинке,а сейчас иногда, возникает необходимость вставить еще посередине текста. Вот этот нюанс прошу Вас помочь отобразить. На основной картинке — Атрибут Alt — название статьи, а на второй тогда что прописывать? Спасибо, Вам, Вы так все понятно объясняете, а Ваши авторские видео — дорогого стоят.

    • Вы просто там запишите одной фразой суть картинки. Именно этот вопрос больше всего и интересует поисковики. Им надо знать о чем картинка.

  7. Здравствуйте, Ирина! Очень благодарна Вам за статью, просто нет слов. У меня на блоге поменяли дизайн и вместо картинок — пустые окна отобразились.Да, я еще перешла на другой хостинг — Джино. Я не знала, что нужно картинкам присваивать название статей именно на латинице. На старом блоге были только миниатюры и русский проходил. Я в панике, информацию нахожу только как вставить медиофайл. А про атрибут ALT и латиницу нашла случайно только у Вас. Попробовала поменяла на латиницу, удалила старое на паре статей — работает!!!!!!! Ура. Но меняла только название картинок, а вот прочитав у Вас еще про ALT, хочу и его вставить, чтобы было правильно. Это мне надо удалить снова картинку и снова вставить, прописав все, как у Вас в видео?. Как я Вам благодарна, столько нервов измотано, а Вы все разложили по полочкам. У меня все названия картинок были на русском, так что придется менять все до единого. Спасибо, Вам, огромное и если не затруднит, подскажите — правильно ли я мыслю — удалить картинки с латинскими названиями, где поменяла и снова вставить прописав атрибут. Спасибо!

    • Когда вы будете вставлять картинки, то в первом окне — title, у Вас при загрузке сразу пропишется наименование на латинице. Вы его копируйте и вставляйте в поле alt и Описание. А дополнить эти поля Вы можете просто зайдя в библиотеку медиофайлов и пройдя по ссылке под картинкой — изменить. откроется окно. Под рисунком будет кнопка — Редактировать. Заполните поля и обновите.

  8. Случайно попала на Ваш сайт, Ирина, и уже почерпнула много нового! Спасибо, интересные и полезные статьи! Обязательно прочитаю все!

  9. Спасибо Ирина! Все очень понятно и доходчиво. Я хочу правильно научится писать статьи. Поэтому смотрю нужную информацию.

  10. Здравствуйте,Ирина. Большое Вам спасибо за полезную информацию, так необходимую нам начинающим. Всё просто и понятно. Буду частым гостем у Вас на сайте.
    С уважением,Татьяна.

  11. Здравствуйте, Ирина! я исправила ALT, но не могу исправить «meta-description: ключевая фраза» и «Ключевая фраза в url» не получается можете ссылку дать или напишите пост.

    • Марина, я не совсем поняла, где Вы исправляете? Просто надо оптимизировать картинку и вся информация пройдет на автомате

      • В самом изображении получилось.
        но ни как не могу написать meta-description: ключевую фразу, то есть «описание записи»?

        • Когда не можете написать? Когда оптимизируете картинку? У Вас окошко ОПИСАНИЕ не отображается? Марина — выйдите ко мне в скайп — irinas1952 — мы откроем экран и посмотрим

  12. Здравствуйте, девочки! Я вижу вас тут целое сообщество!
    Прочитал эту статью. Действительно, написано, очень доходчиво и логично. Самому начинающему блогеру такую информацию не найти.

  13. Спасибо. Узнал хоть, а то раньше не знал что за атрибут alt и поэтому не использовал его.

  14. Хотя веду свой блог давно, всё же было полезно узнать кое-какие детали. Спасибо !

  15. Иринушка, здравствуйте! Рада с Вами познакомиться. Давно искала материал на эту тему, но только у Вас нашла подробное и конкретное описание. Огромное спасибо, Вы мне очень помогли! Ставлю Ваш сайт в закладки! И приглашаю в гости!

  16. Спасибо за статью..рада что попала на ваш блок…действительно все оч понятно расписано!

  17. спасибо, я как-то не задумывалась над тем, какие надписи должны быть у картинок

  18. Спасибо большое, Ирина, за статью! Очень полезная и главное, простая для начинающих! Обязательно еще сюда приду!

  19. Ирина, спасибо за разъяснения и уточнения. Теперь все, все понятно — какую ссылку в каком случае использовать.

  20. Здравствуйте Ирина. Давно не была у вас в гостях.
    Действительно, ваш блог как хороший учебник. Все четко и понятно. И появилось очень много новой и нужной информации.
    Можно много знать, но не уметь донести это другим людям.
    У вас это прекрасно получается. Вы прирожденный педагог.
    Нахожусь на вашем Блоге уже больше часа.
    Сделала 2 задания и не могу оторваться. Сейчас буду делать «Иконки на блог» — давно хотела этим заняться.
    Спасибо!!!!!

  21. Скучаю за Вашими уроками. Теперь слушаю все в записи.Все просто и доходчиво Спасибо

  22. Ирина, добрый день. У Вас, как всегда, кладезь информации.
    А скажите, пожалуйста, можно ли поменять ALT-картинки и Title, так сказать, задним числом. В уже опубликованной статье?

    • Я не думаю, что замена будет критичной. Главное — не меняйте ссылки самой статьи

  23. Ирина, почему-то на некоторых сайтах после оставления комментария стал пропадать мой граватар. Вот и на вашем — тоже

  24. Здравствуйте, Ирина! Видео прекрасно дополнило текст, стало все понятно, и, главное, не трудно сделать. С каждым уроком объем необходимых знаний расширяется, как перевернутая воронка… Но вообще все очень интересно!

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