Оптимизация изображений для продвижения сайта

Здравствуйте дорогие читатели!

Сегодняшняя статья — оптимизация изображений, оптимизировать изображения необходима для продвижения сайта! Вы читали SEO статей, так вот это продолжение, статья посвящена теме – «как выйти в ТОП поисковых систем — продвижение сайта».

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

С начало я хочу задать Вам вопрос. Что Вам больше нравиться, статьи с картинками или без? Согласитесь, что с картинками статьи выглядит намного привлекательней, чем без них. Можно сделать так, чтобы картинка была не только привлекательна, а еще и добывала нам дополнительный трафик на сайт или блог.

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

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

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

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

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

Эта статья Вам расскажет подробно и в мельчайших деталях как оптимизировать изображения для продвижения сайта. Читайте дальше внимательно и у Вас все получиться. И так поехали.

ДЛЯ ЧЕГО НУЖНО ОПТИМИЗИРОВАТЬ КАРТИНКИ

В начале статьи я немного спалил тему, написал о том, что оптимизация изображений нужна для продвижения сайтов, но это еще не все!

Как Вы, наверное, знаете, изображения с web-ресурсов участвуют в поисковом ранжировании в популярных поисковых системах, то есть в Яндексе и Google есть поиск по картинкам. Поисковые роботы показывают их людям, отвечая на их поисковые запросы.

ГДЕ МОЖНО ВЗЯТЬ ИЗОБРАЖЕНИЯ ДЛЯ ВСТАВКИ НА САЙТ

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

Мне нравятся изображения на Яндексе, хотя на Google тоже не плохие. Короче захожу в эти поисковые системы, в первую или во вторую, пишу в поиске свой запрос, например, оптимизация и скачиваю любое понравившееся изображение на компьютер.

 КАК СКАЧАТЬ ИЗОБРАЖЕНИЯ

Зайдите в поисковую систему Google/ картинки и там пишите то, что Вы ищите:

Оптимизация изображений, продвижения сайта

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

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

 Как сделать скриншот с экрана своего компьютера

Для того чтобы сделать скриншот, можно использовать кнопку на клавиатуре – «PrtScr», но лучше использовать программу – «Snagit».

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

Теперь нажмите на кнопку – «Сбор данных», выберите ту область на экране своего компьютера, которая Вам нужна и сфотографируйте ее.

Оптимизация изображений | Продвижения сайта

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

Оптимизация изображений | Продвижения сайта

Можно обрезать края, добавить разные эффекты, например, эффект прозрачности и т.д.

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

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

КАК СДЕЛАТЬ САМОМУ, ОПТИМИЗИРОВАННОЕ ИЗОБРАЖЕНИЕ

Для оптимизации изображений, многие webmastera, и я в том числе используют классную программу — «Adobe Photoshop».

Оптимизация изображений | Продвижения сайта

Эта программа, отлично подходит для оптимизации изображений, об этом будет написано ниже.

Добавляем ключевые слова для оптимизации изображения

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

Например, посмотрите на название оптимизированного изображения, которое готовилось к этой статье:

Оптимизация изображений | Продвижения сайта

Как видите в названии картинки прописано ключевое слово – «optimicia-izobragenii». Ключевые слова, нужно прописать еще в тег Alt по-Русски и в title, смотрите на картинку ниже:

Оптимизация изображений | Продвижения сайта

КАК ОПТИМИЗИРОВАТЬ ИЗОБРАЖЕНИЯ ДЛЯ WEB

Под названием – «web», я имею введу, сохранения оптимизированного изображения с меньшим по размеру и с сохранением его качества.

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

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

КАК ОПТИМИЗИРОВАТЬ ИЗОБРАЖЕНИЯ В ADOBE PHOTOSHOP

Запустите программу – «Adobe Photoshop», вставьте в нее изображение и отредактируем. Тут я не буду давать уроки по фотошоп, так как уроков по этой теме полно и без меня. Вот, например, видеокурс по фотошоп.

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

Оптимизация изображений | Продвижения сайта

Чтобы «сохранить» без потери качества и установленным нами весом, выберите файл/ сохранить для web и устройств, если у Вас Английская версия, то «Save for web». Нажав по этому пункту, Вы сможете поменять много настроек для необходимой оптимизации изображений.

Оптимизация изображений | Продвижения сайта

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

Сделав все настройки, нажмите на кнопку – «Сохранить» и поместите ее где-то на Вашем компьютере, в названии не забываем писать ключевое слово латинскими буквами.

Чтобы Вам было все понятно до конца, посмотрите видео — «Как оптимизировать изображения для сайта в Photoshop»:

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

Обсуждение: 18 комментариев
  1. Александр:

    Алексей, здравствуйте! Я нашел ваш сайт через Subscribe, если интересно. Согласен с вами, что оптимизация картинок на сегодня является важной задачей каждого блоггера. Предлагаемая вами программы условно бесплатная (30 дней бесплатно). Статья думаю важная и нужная каждому ищущему блоггеру поэтому отмахиваться от заезженной идеи не нужно. То о чем вы пишите, в принципе можно обозвать по другому. Создание оптимизированной картинки — это то же самое, что создание статичного баннера, процесс редактирования картинки один и тот же. Я то же начал тему на моем сайте, как создавать картинки (баннеры). Поэтому поздравляю вас с удачным решением.

    • Алексей Кобзарев:

      Спасибо! Многие дают название своим статьям, как хотят А некоторые дают названия относительно поисковым запросам. Мое мнение: лучше объединять первый и второй вариант.

      А Какими вариантами Вы пользуетесь или у Вас есть свой метод?

  2. Александр:

    Если честно, я пока не очень обращаю внимание на поисковую оптимизацию, хотя прекрасно понимаю ее значимость. Сейчас раскручиваю сайт через социалки и сервисы типа Grabr.ru, Webice.ru, Postpr.ru и некоторые другие.

    • Алексей Кобзарев:

      Советую обратить внимание на оптимизацию текста. Я заходил к вам на блог, Вы пишите интересные статьи, если будете затачивать их под определенные поисковые запросы, то трафик начнет расти.

  3. Александр:

    Спасибо, обязательно учту ваш совет, для меня это очень важно.

  4. the best!:

    Здорово вы мне помогли. Честное слово, новыми красками все заиграло. Я понял теперь, как на самом деле все круто. Автор, низко кланяюсь ))) В каком, кстати, городе живете?

  5. Olga:

    Здравствуйте. Спасибо за интересную статью(прочитала несколько через ссылки). Узнала много нового.

  6. Елена Контиевская:

    Алексей, удали пожалуйста во всех своих постах ДВОЕТОЧИЯ в заголовках h2 (те, что выделены у тебя зеленым цветом) и тогда ОПТИМИЗАЦИЯ ТЕКСТОВ на твоем блоге будет 100%-ой! Нельзя в Заголовках и Подзаголовках h2, h3,h4 и т.д. ставить ни точку, ни двоеточие, ни тире.Исключением может быть только вопросительное словосочетание или предложение, в котором разрешено вставлять вопросительный знак. Эту фишку нужно не забывать при оптимизации текстов в блоге. 🙂

    • Алексей Кобзарев:

      А я думал, что знаки препинания мешают только в H1. Все конечно не удалю, статей у меня очень много, а заголовков и подзаголовков … Благодарю за дельный совет.

  7. Елена Контиевская:

    Лёшик, это не совет, это серьезное правило сео оптимизации текста. Нас этому учили на сео тренингах. И не делай центровку в этих заголовках…хотя тебе и очень этого хочется. Вот как-то так..:-) У тебя отличные посты, так приведи их в божеский вид и будет еще лучше.

  8. bytrina:

    Я фотошопом пока не пользуюсь, а картинки свои оптимизирую в программе FastStone Image Viewer она мне как-то ближе.

  9. Тарас:

    Спасибо, Алексей! Статья понравилась. Делаю вывод: для оптимизации изображения ключевые слова должны быть в названии изображения, в тегах alt и title. Размер изображения минимальный без потери качества.jpg ❗

  10. Александр:

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

    • Алексей Кобзарев:

      Александр, ссылка на изображение с атрибутом alt выглядит так:

       img src="урл адрес картинки" alt="Изображение" 

      .

  11. Александр:

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

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Поиск по блогу
Получать уникальные, полезные, интересные статьи

Я поменял хостинг-аккаунт и моя посещаемость увеличилась в двое. Советую и вам туда переходить. Даю вам ссылку для выбора заказа услуг: Макхост. Подробная статья: удавшийся эксперимент.

SEO юмор
Общение с заказчиком
Полезные ссылки


Copyright © 2013 - 2019 Блог Алексея Кобзарева - продвижение сайтов, как зарабатывать в интернете