Всем привет и хорошего настроения, я очень рад, что Вы заглянули на Sozdaiblog.ru!
В этой статье, мы поговорим о том, что такое — Seo оптимизация изображений для Веб-сайтов и блогов.
Думаю, Все давно знают, что поисковые системы любят ресурсы наполненные уникальным контентом. И мы каждый день стараемся выдавать, действительно уникальную и полезную информацию для наших постоянных читателей.
При этом ещё умудряемся делать Seo оптимизацию статей нашего детища, чтобы нравиться не только людям, но и поисковым роботам.
Но уникальным должен быть не только печатный текст, но и весь проект, включая всю красивую визуализацию, каковой являются изображения и картинки.
Правильная оптимизация изображений, играет очень важную роль. Благодаря ей, мы можем получить дополнительный трафик с поисковых систем, а это есть — GOOD.
Или я не прав?
Вы спросите – «Откуда возьмётся трафик с картинок?».
Да всё просто, я покажу!
Заходите на Яндекс, и в строке поиска набиваете, например – «Заграничные курорты», дальше нажимаем «поиск».
В самом начале поисковой выдачи, мы можем наблюдать блок картинок:
Вот, как раз из этого места и приходит дополнительный трафик. Правильная оптимизация картинок для сайта или блога помогает его добыть.
Seo оптимизация изображений, оптимизация картинок для сайта, блога
Для начала скажу, что тупо вставлять чужие картинки не стоит, только в очень редких случаях.
Если Вы берёте чужую картинку, то нужно переделать её под себя. Всё это легко монтируется в Photoshop.
Кстати, плагиат ещё ни кто не отменял, и за использование чужого могут по шапке надавать.
После того, как Вы сделаете свой уникальный шедевр, обязательно не забудьте его подписать, как пример смотрите мои миниатюры.
Теперь Вашу картинку нужно правильно разместить на сайте. Для этого, мы используем HTML-ссылку следующего вида:
<a title="Название картинки" href="Ссылка на статью"><img title="Название картинки" src="Ссылка на картинку" alt="Название картинки (другое)" width="500" height="375" /></a>
Первый тег – Title, отвечает за отображение всплывающего названия, при наведении курсора мыши на оптимизируемое изображение.
Теги Alt и Title на конце ссылки отвечают за вывод названия изображения в том случае, если оно, по каким либо причинам не будет отображаться.
Для правильного их восприятия поисковыми машинами, эти теги должны быть разными.
Вот такая простая и в тоже время нужная Seo оптимизация изображений.
А Вы оптимизируете свои изображения?
На сегодня это всё. Удачи…
С уважением, Денис Черников!
- Дропшиппинг это простыми словами
- Таргетированная реклама что это простыми словами как работает
- Тэги что это такое простыми словами
-
Основные принципы Agile и Waterfall
- Отличие расходов от затрат простыми словами
-
Как сделать Слайд-Шоу из фотографий с помощью CSS3?
- Омниканальность это простыми словами
-
Одноразовая почта даёт Временный Email! Узнай зачем?
-
Как восстановить забытый пароль от WordPress?
-
Как установить видео вместо фона на сайте?
Денис,здравствуйте! Я совсем недавно узнала про то что картинки должны быть уникальными. Почти все картинки у меня на сайте я выбирала через поисковик. получается они у меня все неуникальные? А как это влияет на сайт? и что мне теперь все картинки переделывать? И еще я проверила HTML-ссылку на одну из моих картинок — она отличается от Вашего примера: начинается ссылка с href и немного по-другому внутри ссылки. Это нужно переделать вручную в коде или удалить картинку и загрузить по-новому?
Здравствуйте Наталья!
То, что вы, картинки просто вставляли из поисковика это в принципе не смертельно!У Вас пока не так много статей и в принципе при желании можно переделать. У меня, тоже половина картинок не уникальны, но если вы обратите внимание, я стараюсь из каждой картинки сделать уникум! Старые тоже лень переделывать!))
Если не получается придумать что-то своё, то ставьте так, как есть, но тогда не подписывайтесь под ней!
А вообще, представьте себе тысячу сайтов с одинаковыми картинками! Вы должны быть индивидуальной личностью, а это нравится людям и поисковикам!
Код может различаться, смотря какие стили и атрибуты у вашей картинки!
Например можно воткнуть в ссылку какой-нибудь style, а в css прописать его свойства и код ссылки будет выглядеть уже по другому!
Я разместил, просто голый код с размерами изображения и атрибутами кода для названий!
А href, можно до названия поставить и после, это роли не играет! Если, что спрашивайте!
Спасибо за подробный ответ. По мере возможности буду работать над своими изображениями. Еще вопрос по теме: Меня научили, что когда загружаешь картинку на сайт — название картинки должно быть обязательно английскими буквами. а я смотрю у многих и у Вас тоже при наведении курсор на картинку видно название по-русски. Как же правильно?
Отлично, рад, что Вы остались довольны!
Да, было такое время, когда названия писали на латинице и говорили, что это лучше для поисковиков! Сейчас смотрю все делают, как им вздумается!
Лично я ровняюсь на лучших в мире блогосферы, а у них названия на русском языке!
Хотелось бы прокомментировать. Отказался от русских названий картинок, потому что, например, при переносе сайта будут проблемы. Кроме того есть проблемы с некоторыми плагинами. Например плагин для проверки битых ссылок названия кириллицей воспринимает как битую ссылку. В общем у меня неудачный опыт применения русских названий картинок. Другое дело теги title и alt.
Интересно! А какие проблемы у Вас возникают при переносе сайта? Что значит title и alt, название в них и прописывается!
Я имел ввиду что называть Картинка.jpg нельзя, а kartinka.jpg можно. А проблема в том что при копировании с сервера через Filezilla, например, вместо Картинка.jpg получим -+Б,;?.jpg. Ну смысл ясен я думаю.
Странно, не сталкивался с этим. У меня, как было — Картинка.jpg так и осталось.
Добрый вечер, статья хорошая, автор молодец
с помощью данных манипуляций с картинками и правда можно привлечь новых посетителей на сайт
хотелось бы добавить, помимо тегов Alt и Title нужно уделять внимание самому названию картинки, желательно вместо непонятных символов (типа asdf_1234.jpg) прописывать то, что вы хотите выразить данной картинкой (например priroda.jpg, gorod.jpg и т.д.), подобную оптимизацию очень любят поисковые боты картинок
и насколько я зная тег Title не влияет на оптимизацию картинки для поисковиков, а вот от тега Alt зависит оптимизация картинки, потому что поисковики сканируют именно этот тег и формируют по нем будущие запросы
Здравствуйте, Александр!
Спасибо, за похвалу!
Вы абсолютно правы, по поводу выражения своих мыслей в названии изображения! В это название, можно включить продвигаемый нами ключевой запрос и, как вы правильно заметили, можно скормить его поисковикам в Alt заголовке.
А Title, действительно только для людей, поэтому я и написал, что они должны быть разными!
Для меня очень важна тема индексации картинок поисковиками! Почти все картинки в моем блоге уникальны. К тому же, у меня много детских поделок, а их люди чаще всего ищут именно по картинкам, а не по словам. Потому что когда наглядно, то это удобнее: понравилось фото поделки — кликнул по ссылке, не понравилось — пропустил.
Кроме способов, перечисленных в статье (тоже так все и делала), установила себе плагин Google XML Sitemap for Images — это карта сайта картинок. Добавила свою карту сайта картинок в соответствующие разделы Яндекса и Гугла вместе с обычной картой сайта. Карта уже прията, учтена, но результат пока не очень нравится. Яндекс «видит» меньше половины моих изображений, Гугл — значительно больше, но тоже не все… А хотелось бы, чтобы ситуация с индексацией картинок была получше
Интересное, решение! По правде говоря не слышал, что можно сделать карту для картинок. Гугл, он всегда был добрее яндекса и индексировал всё намного быстрее и больше, но тут думаю тоже нужно продвигать картинки как и статьи ключевыми словами. У меня вообще половина картинок улетучилась и яндекс даже не наблюдает их. Думаю, всё от молодости блога. Да и на SEO, я немного подзабил.
Вы Юлия, главное делайте, а успех буде, но правда немного позже! Главное верить в себя и свои силы!)
Сижу, улыбаюсь, читая сравнительный анализ доброты Яндекса и Гугла Согласна с Вами!
Спасибо, буду стараться!
А я, уже давно не улыбаюсь, глядя на эти цифры! Сейчас, правда Яндекс немного подобрел, а вот Гугл, что-то меня невзлюбил и очень сильно понизил в выдачи!(
Картинки обязательно должны быть уникальными. Картинки всегда кручу, верчу, как могу. Названия картинок меняю, пересохраняю их с другими именами.
Теперь и ссылки буду грамотно оформлять. Спасибо за актуальную информацию.
Здравствуйте/, Надежда! Вы всё правильно делаете! Посмотрев на мои, наверное, тоже это заметили!)
Денис,у Вас очень полезный сайт с ценными советами.Он как учебник для нас.Спасибо.
Здравствуйте, Людмила! Учебник это сильно сказано, скорее маленькая брошюра с полезным материалом. Я рад, что Вам нравится мой блог!
Заходите к нам на огонёк и друзей с собой берите!
Не знала, что alt и title должны быть разными. Всегда просто копировала. А чем это вызвано? Почему поисковики их разными хотят видеть, не знаете случайно?
Вообще, поисковики признают только alt! Другие системы ругаются говорят, что одинаковое метаописание!
В вордпресе когда всталяешь картинку, то можно задать описание, заголовок, ссылку и т.д. Этого всего, получается, недостаточно? Нужно отдельно картинку тегами в тексте оптимизировать?
В самом тексте оптимизировать ничего не нужно, нужно в HTML редакторе, внутри ссылки на изображение! Но отдельную часть можно и при загрузке написать (как Вы и сказали).
Картинки у меня на сайте все уникальные по тому, что все переделаны в фотошопе. Подписывала только Title, т.к. большенство картинок — это ссылка на другой сайт. На сколько это мешает роботам не знаю.
Роботы title не учитывают при ранжировании картинок в выдаче, им больше alt по душе. Ссылки на другой сайт им не мешают, если Вы нацелены на раскрутку того ресурса на который они ведут, то можно так и оставить, но только будет больше нагрузки на тот сайт.
Попробовала! Действительно, посмотрела статистику — с картинок начал трафик приходить! (раньше тоже капал, но совсем чуть-чуть)
Вот видите! Я сам в начале пути не обращал на это внимание и просто лепил картинки, как попало, но потом задумался, а правильно ли я делаю. Оказалось, что нет и пришлось переделывать все ссылки. После этого в статистике я тоже стал наблюдать мало-мальский траффик, который постоянно растёт по мере добавления новых картинок.
Думаете, имеет смысл все картинки переделывать? Это же охренеть сколько работы!!!
А куда деваться! Я уже два месяца переделываю, через день-два по статье, а Вы сами знаете, что у движка такая особенность, что при изменении сообщения всё сразу слетает (пробелы, отступы). Ни куда не деться, я тоже сижу и мучаюсь, ещё много не сделал изменений!
Ну вообще да! Проще по чуть-чуть переделывать…
Правильно, торопиться не надо!)))
Денис, спасибо вам большое за информацию! трафик удвоился!!! классно!
Я рад! Так держать!
Для этих целей использую плагин 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.
Владислав, не стоит так часто из-за каждой мелочи использовать плагины. Это только увеличит нагрузку на Ваш ресурс!
Денис, я не поняла где можно увидеть этот код к картинке и где прописывать???? Уникальные то я фото постоянно делаю, прописываю названия (правда по русски), а надо по-английски? И про код вообще ничего не знаю, где его искать?
Искать внутри ссылки на изображение в HTML редакторе вордпресса!
Денис, посмотри, пожалуйста, скопировала код у себя, все верно или не фига я ничего не поняла?
Только если что-то в коде может помочь мошенникам прийти мне на сайт, не публикуй тогда коммент или сотри код. Спасибо.
не поняла, код скопировался или нет?
Нет, я не вижу кода! Пробелы ставь между всякими скобками!
Еще раз дублирую
Светлана, Что Вы там дублируете, при оптимизации изображений, кроме titlt и alt, оптимизировать нечего. Других вариантов там просто нету!
Для меня, новичка, это открытие, что картинки тоже надо оптимизировать. Спасибо за статью!
Пожалуйста, Вячеслав! Однажды для меня,это тоже стало открытием, а сейчас, как естественные действия! Всё на автомате!
Спасибо огромное за ваш пост!) Скажите , пожалуйста , если у меня в посте 15 картинок (они все уникальны, так как я сама их делаю) но половина из них не видна при индексировании, что я не так делаю? Может причина в том что Alt Tittle нужно прописывать к каждой картинке свой, отдельный alt и tittle? Или можно их копировать во все 15 картинок? как я и делала до этого? Просто пост на одну тему и 15 фотографий по этому посту, а распознается только 2 ((( Скажите, пожалуйста в чем причина?
У каждой картинки, должен быть индивидуальный тайтл, одинаковым может быть только альт и то, если не разбавлять его склоняя фразы поисковики могут счесть за переспам. Тайтл и Альт должны всегда отличаться друг от друга!
Ещё вопрос. Что эдакое Вы делаете с картинкой в фотошопе чтобы сделать её уникальной. Конкретный пример — статья про автомобиль ВАЗ 2110. Как сделать картинку уникальной если изображение я стянул из интернета? Бродить по улицам с фотоаппаратом в надежде снять на улице ВАЗ 2110?
Можно с фотиком по улицам гулять, а можно добавить в фотошопе тюнинг машине и картинка будет уникальная!
По поводу продвижения картинок все понятно, но еще прочитал статью http: //www.apollo-8.ru/prodvijenie-saita-po-kartinkam что можно сделать множество дублей картинок и таким образом продвинуть картинку. Но ведь тогда картинка будет не уникальная на сайте. Поэтому не ясно, работает ли этот метод сейчас?
Данный способ не применял, поэтому сказать за это ничего не могу. На первый взгляд муть какая-то!
Вот непонятно — зачем два тайтла? Правильно ли это и чем они отличаются?
Где Вы увидели два тайтла?
Приветствую Денис. Я только начинаю свое продвижение в мире интернета, и возможно большинство и поняло как это оптимизировать картинки, но я так и не догнал. Что за HTML редактор в вордпрессе? Я весь свой вордпресс облазил не чего не нашел. Нашел на компе NVU редактор HTML, смог найти даже код и теги alt=”ххх «
title=»ххх”… Правильно ли я понял что нужно картинки типа GIF, JPG и д.р. преобразовывать в HTML файлы? и где искать редактор в вордпрессе? Спасибо.
Здравствуйте, Иван!
Вы не совсем правильно всё поняли! Картинки не нужно преобразовывать ни в какой HTML. При написании статьи, Вы находитесь в обычном визуальном редакторе, но в верху справа есть переключатель на HTML редактор, где и нужно найти картинку, которая уже будет там отображаться как код и там прописать правильный alt=”ххх и title=»ххх”
Спасибо денис понял где искать, но вот что можно переделывать в коде не совсем понятно, если можно на примере: « „ как бы вы исправили этот код? и как можно сюда вписать title=»ххх“?и еще разве при редактировании картинки и при заполниных полях -»Заголовок” -“Альтернативный текст” и -“Подпись” данные теги не заполняются автоматом?
Иван, автоматом они не заполняются! Самый простой для Вас вариант — это открыть любую мою статью, нажать на клавиатуре Ctrl+U. Откроется исходный код документа, где Вы можете найти любую картинку и посмотреть, как прописаны все теги.
Денис извиняюсь код походу плагин заблокировал вот еще раз пробую отправить :==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″ / “== если можно покажите что можно исправить
Добрый день!
Подскажите, пожалуйста, я загружаю статьи через вордпресс, добавляю к статьям картинки, прописываю и титтл и альт, но почему-то картинки (фотографии в формате jpeg не индексируются). Что бы это могло быть? Причем они укальные. Спасибо большое.
У меня они тоже не все индексируются. Это общая проблема!
Свою проблему нашла: был запрет на индексацию в файле robots. Теперь все нормально! Всем спасибо!
Пожалуйста, рад что Вы справились с проблемой!
Спасибо! Буду разбираться.
Пожалуйста, занимайтесь!
Денис, большое спасибо. Хорошая статья, на самом деле в данный момент очень актуальная.
Для меня лишь один момент остался неясным. Например я добавляю несколько картинок в один раздел сайта, допустим, у меня есть категория — «обувь для собак», если я буду добавлять картинки с названиями: Ботинки для собак зимние (одна карточка товара), во вторую карточку: ботинки для собак летние, в третью ботинки для собак демисезонные. Не начнут ли поисковики считать за спам частое использование слов «для собак» в названии файла?
Заранее спасибо.
Пожалуйста, Антон!
По идеи не должны, это всё равно, что счесть за спам любое повторяющееся сравнение или обращение на сайте. А вообще просто попробуйте склонать — «для собачек» «для четвероногих» и т.д. Смотря что Вы продвигаете! Это будет лучшим вариантом!
Ну ум еня интернет магазин. Соответственно есть несколько карточек товаров с обувью. И в каждой разновидности (карточке): «обувь летняя», «обувь спортивная» и т.д. окончание фразы «для собак».
Да я как раз склоняю сейчас, спасибо!
Пожалуйста! По идеи не должны счесть за спам, но лучше разбавлять склонениями.
Добрый день! С помощью какой программы редактировать alt и tittle?
Привет! Всё делается ручками!
почему-то мои сообщения не выводятся в этот форум
Вы о чём?
По шагам как сделать ?
Что именно?
Привет Денис! По поводу прописывания Alt и Title понятно, но с названиями картинок не очень: название должно быть только на английском языке ?; т.е., например картинка называется — «Большое яблоко», тогда название на английском напрашивается — «big-apple.jpg» или «Bolshoe jabloko.jpg» получается, что и то и это название будет правильно, но для каких поисковых систем (для Google или Яндекса)
Спасибо!
Привет! Не нужно никаких английских названий! Вы же сайт для русских делаете!?
Денис, для меня, как для чайника ваши статьи просто находка и спасение. Но вот здесь я совсем запуталась. У меня на сайте все фотографии уникальны, я занимаюсь ручной работой и публикую мастер классы. Например я добавила картинку и вот справа 4 окошка «Заголовок» «Подпись» «Артрибут alt» «Описание»… У меня картинка с развивающим ковриком и вот, что у меня в итоге «1» (так я сохраняла фотку в фотошопе), а все остальные окна «развивающий коврик». Как я поняла по статье у меня полный провал с оптимизацией картинок! Только я запуталась, подскажите мне, пожалуйста на моем примере, что где можно написать, чтоб было правильно. Спасибо!
Наталья, Вам нужно только прописывать Артрибут alt и Title! Больше ничего не требуется! Ну и соответственно главную картинку в начале поста делать ссылкой на сам пост! Ссылки с картинок внутри поста (кроме заглавной картинки) нужно удалять, чтобы они не открывались в чёрных окнах!
Денис! А что такое чёрные окна????
здравствуйте Денис!Скажите я прописывал в атрибутах alt и title одну и туже ключевую фразу по которой продвигается сама статья. Это очень не правильно?
Здравствуйте, Валерий! Ничего страшного в этом нет, alt для роботов, title для людей и не важно одинаковые они или разные. На мой взгляд это заблуждение, что нужно их делать разными, если робот title не принимает во внимание, какая тогда ему разница!
Я тоже так считаю но прочитав вашу статью,а именно комментарии усомнился. Еще такой вопрос при наведении на картинку не появляется окошко с надписью, в чем может причина не знаете?
Статья была написана давно, много воды утекло! Если окно не появилось значит тайтл не так прописали!
Да нет все так, работало раньше, что возможно вкоде намудрил сразу не заметил, теперь не знаю где искать.
Нужно искать!
Только где вот искать?
Не знаю, нужно изучать ситуацию!