Атрибут 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, способствует системам поиска картинок проиндексировать   изображение вашего блога.

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

Смирнова Ирина

Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Продвижение блога, , Permalink

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

  1. спасибо что ответили Но у меня на сайте написано charset=»UTF-8″

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

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

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

  5. Лариса says:

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

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

  7. Лариса says:

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

  8. Ирина says:

    Спасибо. Все доступно и исчерпывающе

  9. Галина says:

    Спасибо,Ирина,поняла.

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

  11. Галина says:

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

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

  13. Галина says:

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

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

  15. Галина says:

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

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

  17. Мадина says:

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

  18. Татьяна says:

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

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

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

  21. интересно Вы отвечаете на вопросы или нет?

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

  23. марина says:

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

  24. Андрей says:

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

  25. Роман says:

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

  26. Сибдей Том says:

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

  27. Ольга Шульгина says:

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

  28. Liubik says:

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

  29. fakelq.ru says:

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

  30. Марина says:

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

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

  32. Галина Кюббарсеп says:

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

  33. Приходите в личку — просто поговорим…

  34. Alex54101 says:

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

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

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

  37. Надо повнимательней посмотреть, что случилось…

  38. Чем дальше Нина, тем больше знаний, тем все интереснее!

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

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

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