ГлавнаяSeo продвижение › Seo оптимизация изображений и картинок на сайте!


Seo оптимизация изображений и картинок на сайте!


Seo оптимизация изображений

Всем привет и хорошего настроения, я очень рад, что Вы заглянули на Sozdaiblog.ru!

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

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

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

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

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

Или я не прав?

Вы спросите – «Откуда возьмётся трафик с картинок?».

Да всё просто, я покажу!

Заходите на Яндекс, и в строке поиска набиваете, например – «Заграничные курорты», дальше нажимаем «поиск».

В самом начале поисковой выдачи, мы можем наблюдать блок картинок:

 

Seo оптимизация изображений

 

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

 

Seo оптимизация изображений, оптимизация картинок для сайта, блога

Для начала скажу, что тупо вставлять чужие картинки не стоит, только в очень редких случаях.

Если Вы берёте чужую картинку, то нужно переделать её под себя. Всё это легко монтируется в Photoshop.

Кстати, плагиат ещё ни кто не отменял, и за использование чужого могут по шапке надавать.

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

Теперь Вашу картинку нужно правильно разместить на сайте. Для этого, мы используем HTML-ссылку следующего вида:

 

<a title="Название картинки" href="Ссылка на статью"><img title="Название картинки" src="Ссылка на картинку" alt="Название картинки (другое)" width="500" height="375" /></a>

 

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

Теги Alt и Title на конце ссылки отвечают за вывод названия изображения в том случае, если оно, по каким либо причинам не будет отображаться.

Для правильного их восприятия поисковыми машинами, эти теги должны быть разными.

Вот такая простая и в тоже время нужная Seo оптимизация изображений.

А Вы оптимизируете свои изображения?

На сегодня это всё. Удачи...

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




85 комментариевА что думаете Вы?

  1. Наталья

    Денис,здравствуйте! Я совсем недавно узнала про то что картинки должны быть уникальными. Почти все картинки у меня на сайте я выбирала через поисковик. получается они у меня все неуникальные? А как это влияет на сайт? и что мне теперь все картинки переделывать? И еще я проверила HTML-ссылку на одну из моих картинок — она отличается от Вашего примера: начинается ссылка с href и немного по-другому внутри ссылки. Это нужно переделать вручную в коде или удалить картинку и загрузить по-новому?

    [Ответить]

    Денис Черников ответил:

    Здравствуйте Наталья!

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

    Если не получается придумать что-то своё, то ставьте так, как есть, но тогда не подписывайтесь под ней!

    А вообще, представьте себе тысячу сайтов с одинаковыми картинками! Вы должны быть индивидуальной личностью, а это нравится людям и поисковикам!

    Код может различаться, смотря какие стили и атрибуты у вашей картинки!

    Например можно воткнуть в ссылку какой-нибудь style, а в css прописать его свойства и код ссылки будет выглядеть уже по другому!

    Я разместил, просто голый код с размерами изображения и атрибутами кода для названий!

    А href, можно до названия поставить и после, это роли не играет! Если, что спрашивайте!

    [Ответить]

  2. Наталья

    Спасибо за подробный ответ. По мере возможности буду работать над своими изображениями. Еще вопрос по теме: Меня научили, что когда загружаешь картинку на сайт — название картинки должно быть обязательно английскими буквами. а я смотрю у многих и у Вас тоже при наведении курсор на картинку видно название по-русски. Как же правильно?

    [Ответить]

    Денис Черников ответил:

    Отлично, рад, что Вы остались довольны!

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

    Лично я ровняюсь на лучших в мире блогосферы, а у них названия на русском языке!

    [Ответить]

    Евгений ответил:

    Хотелось бы прокомментировать. Отказался от русских названий картинок, потому что, например, при переносе сайта будут проблемы. Кроме того есть проблемы с некоторыми плагинами. Например плагин для проверки битых ссылок названия кириллицей воспринимает как битую ссылку. В общем у меня неудачный опыт применения русских названий картинок. Другое дело теги title и alt.

    [Ответить]

    Денис Черников ответил:

    Интересно! А какие проблемы у Вас возникают при переносе сайта? Что значит title и alt, название в них и прописывается!

    [Ответить]

    Евгений ответил:

    Я имел ввиду что называть Картинка.jpg нельзя, а kartinka.jpg можно. А проблема в том что при копировании с сервера через Filezilla, например, вместо Картинка.jpg получим -+Б,;?.jpg. Ну смысл ясен я думаю.

    [Ответить]

    Денис Черников ответил:

    Странно, не сталкивался с этим. У меня, как было — Картинка.jpg так и осталось.

  3. Александр

    Добрый вечер, статья хорошая, автор молодец

    с помощью данных манипуляций с картинками и правда можно привлечь новых посетителей на сайт

    хотелось бы добавить, помимо тегов Alt и Title нужно уделять внимание самому названию картинки, желательно вместо непонятных символов (типа asdf_1234.jpg) прописывать то, что вы хотите выразить данной картинкой (например priroda.jpg, gorod.jpg и т.д.), подобную оптимизацию очень любят поисковые боты картинок

    и насколько я зная тег Title не влияет на оптимизацию картинки для поисковиков, а вот от тега Alt зависит оптимизация картинки, потому что поисковики сканируют именно этот тег и формируют по нем будущие запросы

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Александр!

    Спасибо, за похвалу!

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

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

    [Ответить]

  4. Юлия (moreidey.ru)

    Для меня очень важна тема индексации картинок поисковиками! Почти все картинки в моем блоге уникальны. К тому же, у меня много детских поделок, а их люди чаще всего ищут именно по картинкам, а не по словам. Потому что когда наглядно, то это удобнее: понравилось фото поделки — кликнул по ссылке, не понравилось — пропустил.

    Кроме способов, перечисленных в статье (тоже так все и делала), установила себе плагин Google XML Sitemap for Images — это карта сайта картинок. Добавила свою карту сайта картинок в соответствующие разделы Яндекса и Гугла вместе с обычной картой сайта. Карта уже прията, учтена, но результат пока не очень нравится. Яндекс «видит» меньше половины моих изображений, Гугл — значительно больше, но тоже не все... А хотелось бы, чтобы ситуация с индексацией картинок была получше ;)

    [Ответить]

    Денис Черников ответил:

    Интересное, решение! По правде говоря не слышал, что можно сделать карту для картинок. Гугл, он всегда был добрее яндекса и индексировал всё намного быстрее и больше, но тут думаю тоже нужно продвигать картинки как и статьи ключевыми словами. У меня вообще половина картинок улетучилась и яндекс даже не наблюдает их. Думаю, всё от молодости блога. Да и на SEO, я немного подзабил.

    Вы Юлия, главное делайте, а успех буде, но правда немного позже! Главное верить в себя и свои силы!)

    [Ответить]

    Юлия (moreidey.ru) ответил:

    Сижу, улыбаюсь, читая сравнительный анализ доброты Яндекса и Гугла :) Согласна с Вами!

    Спасибо, буду стараться!

    [Ответить]

    Денис Черников ответил:

    А я, уже давно не улыбаюсь, глядя на эти цифры! Сейчас, правда Яндекс немного подобрел, а вот Гугл, что-то меня невзлюбил и очень сильно понизил в выдачи!(

    [Ответить]

  5. Надежда Пинчук

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

    Теперь и ссылки буду грамотно оформлять. Спасибо за актуальную информацию.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте/, Надежда! Вы всё правильно делаете! Посмотрев на мои, наверное, тоже это заметили!)

    [Ответить]

  6. Людмила

    Денис,у Вас очень полезный сайт с ценными советами.Он как учебник для нас.Спасибо.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Людмила! Учебник это сильно сказано, скорее маленькая брошюра с полезным материалом. Я рад, что Вам нравится мой блог!

    Заходите к нам на огонёк и друзей с собой берите!

    [Ответить]

  7. Анастасия

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

    [Ответить]

    Денис Черников ответил:

    Вообще, поисковики признают только alt! Другие системы ругаются говорят, что одинаковое метаописание!

    [Ответить]

  8. Лолита

    В вордпресе когда всталяешь картинку, то можно задать описание, заголовок, ссылку и т.д. Этого всего, получается, недостаточно? Нужно отдельно картинку тегами в тексте оптимизировать?

    [Ответить]

    Денис Черников ответил:

    В самом тексте оптимизировать ничего не нужно, нужно в HTML редакторе, внутри ссылки на изображение! Но отдельную часть можно и при загрузке написать (как Вы и сказали).

    [Ответить]

  9. Татьяна

    Картинки у меня на сайте все уникальные по тому, что все переделаны в фотошопе. Подписывала только Title, т.к. большенство картинок — это ссылка на другой сайт. На сколько это мешает роботам не знаю.

    [Ответить]

    Денис Черников ответил:

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

    [Ответить]

  10. Лолита

    Попробовала! Действительно, посмотрела статистику — с картинок начал трафик приходить! (раньше тоже капал, но совсем чуть-чуть)

    [Ответить]

    Денис Черников ответил:

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

    [Ответить]

  11. Лолита

    Думаете, имеет смысл все картинки переделывать? Это же охренеть сколько работы!!!

    [Ответить]

    Денис Черников ответил:

    А куда деваться! Я уже два месяца переделываю, через день-два по статье, а Вы сами знаете, что у движка такая особенность, что при изменении сообщения всё сразу слетает (пробелы, отступы). Ни куда не деться, я тоже сижу и мучаюсь, ещё много не сделал изменений!

    [Ответить]

  12. Лолита

    Ну вообще да! Проще по чуть-чуть переделывать...

    [Ответить]

    Денис Черников ответил:

    Правильно, торопиться не надо!)))

    [Ответить]

  13. Лолита

    Денис, спасибо вам большое за информацию! трафик удвоился!!! классно!

    [Ответить]

    Денис Черников ответил:

    Я рад! Так держать!

    [Ответить]

  14. Владислав

    Для этих целей использую плагин SEO Friendly Images, который сам прописывает алт и тайтл у изображений!

    Его описание на аглицком: Automatically adds alt and title attributes to all your images. Improves traffic from search results and makes them W3C/xHTML valid as well.

    [Ответить]

    Денис Черников ответил:

    Владислав, не стоит так часто из-за каждой мелочи использовать плагины. Это только увеличит нагрузку на Ваш ресурс!

    [Ответить]

  15. Svetlana

    Денис, я не поняла где можно увидеть этот код к картинке и где прописывать???? Уникальные то я фото постоянно делаю, прописываю названия (правда по русски), а надо по-английски? И про код вообще ничего не знаю, где его искать?

    [Ответить]

    Денис Черников ответил:

    Искать внутри ссылки на изображение в HTML редакторе вордпресса!

    [Ответить]

  16. Svetlana

    Денис, посмотри, пожалуйста, скопировала код у себя, все верно или не фига я ничего не поняла?

    Только если что-то в коде может помочь мошенникам прийти мне на сайт, не публикуй тогда коммент или сотри код. Спасибо.

    [Ответить]

    Svetlana ответил:

    не поняла, код скопировался или нет?

    [Ответить]

    Денис Черников ответил:

    Нет, я не вижу кода! Пробелы ставь между всякими скобками!

    [Ответить]

    Svetlana ответил:

    Еще раз дублирую

    [Ответить]

    Денис Черников ответил:

    Светлана, Что Вы там дублируете, при оптимизации изображений, кроме titlt и alt, оптимизировать нечего. Других вариантов там просто нету!

  17. Вячеслав

    Для меня, новичка, это открытие, что картинки тоже надо оптимизировать. Спасибо за статью!

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Вячеслав! Однажды для меня,это тоже стало открытием, а сейчас, как естественные действия! Всё на автомате!

    [Ответить]

  18. Olga Blik

    Спасибо огромное за ваш пост!) Скажите , пожалуйста , если у меня в посте 15 картинок (они все уникальны, так как я сама их делаю) но половина из них не видна при индексировании, что я не так делаю? Может причина в том что Alt Tittle нужно прописывать к каждой картинке свой, отдельный alt и tittle? Или можно их копировать во все 15 картинок? как я и делала до этого? Просто пост на одну тему и 15 фотографий по этому посту, а распознается только 2 ((( Скажите, пожалуйста в чем причина?

    [Ответить]

    Денис Черников ответил:

    У каждой картинки, должен быть индивидуальный тайтл, одинаковым может быть только альт и то, если не разбавлять его склоняя фразы поисковики могут счесть за переспам. Тайтл и Альт должны всегда отличаться друг от друга!

    [Ответить]

  19. Евгений

    Ещё вопрос. Что эдакое Вы делаете с картинкой в фотошопе чтобы сделать её уникальной. Конкретный пример — статья про автомобиль ВАЗ 2110. Как сделать картинку уникальной если изображение я стянул из интернета? Бродить по улицам с фотоаппаратом в надежде снять на улице ВАЗ 2110? :)

    [Ответить]

    Денис Черников ответил:

    Можно с фотиком по улицам гулять, а можно добавить в фотошопе тюнинг машине и картинка будет уникальная!

    [Ответить]

  20. Серый

    По поводу продвижения картинок все понятно, но еще прочитал статью http: //www.apollo-8.ru/prodvijenie-saita-po-kartinkam что можно сделать множество дублей картинок и таким образом продвинуть картинку. Но ведь тогда картинка будет не уникальная на сайте. Поэтому не ясно, работает ли этот метод сейчас?

    [Ответить]

    Денис Черников ответил:

    Данный способ не применял, поэтому сказать за это ничего не могу. На первый взгляд муть какая-то!

    [Ответить]

  21. Zombie

    Вот непонятно — зачем два тайтла? Правильно ли это и чем они отличаются?

    [Ответить]

    Денис Черников ответил:

    Где Вы увидели два тайтла?

    [Ответить]

  22. Иван

    Приветствую Денис. Я только начинаю свое продвижение в мире интернета, и возможно большинство и поняло как это оптимизировать картинки, но я так и не догнал. Что за HTML редактор в вордпрессе? Я весь свой вордпресс облазил не чего не нашел. Нашел на компе NVU редактор HTML, смог найти даже код и теги alt="ххх «

    title=»ххх"... Правильно ли я понял что нужно картинки типа GIF, JPG и д.р. преобразовывать в HTML файлы? и где искать редактор в вордпрессе? Спасибо.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Иван!

    Вы не совсем правильно всё поняли! Картинки не нужно преобразовывать ни в какой HTML. При написании статьи, Вы находитесь в обычном визуальном редакторе, но в верху справа есть переключатель на HTML редактор, где и нужно найти картинку, которая уже будет там отображаться как код и там прописать правильный alt="ххх и title=»ххх"

    [Ответить]

  23. Иван

    Спасибо денис понял где искать, но вот что можно переделывать в коде не совсем понятно, если можно на примере: « „ как бы вы исправили этот код? и как можно сюда вписать title=»ххх“?и еще разве при редактировании картинки и при заполниных полях -»Заголовок" -"Альтернативный текст" и -"Подпись" данные теги не заполняются автоматом?

    [Ответить]

    Денис Черников ответил:

    Иван, автоматом они не заполняются! Самый простой для Вас вариант — это открыть любую мою статью, нажать на клавиатуре Ctrl+U. Откроется исходный код документа, где Вы можете найти любую картинку и посмотреть, как прописаны все теги.

    [Ответить]

  24. Иван

    Денис извиняюсь код походу плагин заблокировал вот еще раз пробую отправить :==img class=" wp-image-78 alignright" alt="kliik" src="h--p://localhost/localblog/wp-content/uploads/2013/04/kliik-300×196.jpg" width="134" height="88" / "== если можно покажите что можно исправить

    [Ответить]

  25. Оксана

    Добрый день!

    Подскажите, пожалуйста, я загружаю статьи через вордпресс, добавляю к статьям картинки, прописываю и титтл и альт, но почему-то картинки (фотографии в формате jpeg не индексируются). Что бы это могло быть? Причем они укальные. Спасибо большое.

    [Ответить]

    Денис Черников ответил:

    У меня они тоже не все индексируются. Это общая проблема!

    [Ответить]

    Оксана ответил:

    Свою проблему нашла: был запрет на индексацию в файле robots. Теперь все нормально! Всем спасибо!

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, рад что Вы справились с проблемой!

    [Ответить]

  26. Сергей

    Спасибо! Буду разбираться.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, занимайтесь!

    [Ответить]

  27. Антон

    Денис, большое спасибо. Хорошая статья, на самом деле в данный момент очень актуальная.

    Для меня лишь один момент остался неясным. Например я добавляю несколько картинок в один раздел сайта, допустим, у меня есть категория — «обувь для собак», если я буду добавлять картинки с названиями: Ботинки для собак зимние (одна карточка товара), во вторую карточку: ботинки для собак летние, в третью ботинки для собак демисезонные. Не начнут ли поисковики считать за спам частое использование слов «для собак» в названии файла?

    Заранее спасибо.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Антон!

    По идеи не должны, это всё равно, что счесть за спам любое повторяющееся сравнение или обращение на сайте. А вообще просто попробуйте склонать — «для собачек» «для четвероногих» и т.д. Смотря что Вы продвигаете! Это будет лучшим вариантом!

    [Ответить]

  28. Антон

    Ну ум еня интернет магазин. Соответственно есть несколько карточек товаров с обувью. И в каждой разновидности (карточке): «обувь летняя», «обувь спортивная» и т.д. окончание фразы «для собак».

    Да я как раз склоняю сейчас, спасибо!

    [Ответить]

    Денис Черников ответил:

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

    [Ответить]

  29. Евгений

    Добрый день! С помощью какой программы редактировать alt и tittle?

    [Ответить]

    Денис Черников ответил:

    Привет! Всё делается ручками!

    [Ответить]

  30. Евгений

    почему-то мои сообщения не выводятся в этот форум

    [Ответить]

    Денис Черников ответил:

    Вы о чём?

    [Ответить]

  31. Евгений

    По шагам как сделать ?

    [Ответить]

    Денис Черников ответил:

    Что именно?

    [Ответить]

  32. Мастер Мысли

    Привет Денис! По поводу прописывания Alt и Title понятно, но с названиями картинок не очень: название должно быть только на английском языке ?; т.е., например картинка называется — «Большое яблоко», тогда название на английском напрашивается — «big-apple.jpg» или «Bolshoe jabloko.jpg» получается, что и то и это название будет правильно, но для каких поисковых систем (для Google или Яндекса)

    Спасибо!

    [Ответить]

    Денис Черников ответил:

    Привет! Не нужно никаких английских названий! Вы же сайт для русских делаете!?

    [Ответить]

  33. Наташа

    Денис, для меня, как для чайника ваши статьи просто находка и спасение. Но вот здесь я совсем запуталась. У меня на сайте все фотографии уникальны, я занимаюсь ручной работой и публикую мастер классы. Например я добавила картинку и вот справа 4 окошка «Заголовок» «Подпись» «Артрибут alt» «Описание»... У меня картинка с развивающим ковриком и вот, что у меня в итоге «1» (так я сохраняла фотку в фотошопе), а все остальные окна «развивающий коврик». Как я поняла по статье у меня полный провал с оптимизацией картинок! Только я запуталась, подскажите мне, пожалуйста на моем примере, что где можно написать, чтоб было правильно. Спасибо!

    [Ответить]

    Денис Черников ответил:

    Наталья, Вам нужно только прописывать Артрибут alt и Title! Больше ничего не требуется! Ну и соответственно главную картинку в начале поста делать ссылкой на сам пост! Ссылки с картинок внутри поста (кроме заглавной картинки) нужно удалять, чтобы они не открывались в чёрных окнах!

    [Ответить]

    Татьяна ответил:

    Денис! А что такое чёрные окна????

    [Ответить]

  34. Валерий

    здравствуйте Денис!Скажите я прописывал в атрибутах alt и title одну и туже ключевую фразу по которой продвигается сама статья. Это очень не правильно?

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Валерий! Ничего страшного в этом нет, alt для роботов, title для людей и не важно одинаковые они или разные. На мой взгляд это заблуждение, что нужно их делать разными, если робот title не принимает во внимание, какая тогда ему разница!

    [Ответить]

  35. Валерий

    Я тоже так считаю но прочитав вашу статью,а именно комментарии усомнился. Еще такой вопрос при наведении на картинку не появляется окошко с надписью, в чем может причина не знаете?

    [Ответить]

    Денис Черников ответил:

    Статья была написана давно, много воды утекло! Если окно не появилось значит тайтл не так прописали!

    [Ответить]

  36. Валерий

    Да нет все так, работало раньше, что возможно вкоде намудрил сразу не заметил, теперь не знаю где искать.

    [Ответить]

    Денис Черников ответил:

    Нужно искать!

    [Ответить]

  37. Валерий

    Только где вот искать?

    [Ответить]

    Денис Черников ответил:

    Не знаю, нужно изучать ситуацию!

    [Ответить]

Оставить комментарий!

Вверх