Быстрый способ оптимизации изображений для блога | Заметки вебмастера






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

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

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

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

Также изображения необходимы для наглядной иллюстрации Ваших уроков по сайтостроению и продвижению (увеличению посещаемости) блога.

Оптимизация изображений играет очень важную роль, так как многие картинки, которые Вы скачиваете с интернета, имеют очень большой объём(вес)!

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

Начинающие сео-оптимизаторы не уделяют должного внимания этому моменту и зачастую просто изменяют свои загруженные изображения в панели администрирования блога.

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

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

Вы его легко можете найти на своём компьютере, так как он входит в стандартный пакет Microsoft Office. Эта программа называется Microsoft Office Picture Manager.

Она располагает отличными возможностями. И самое главное, что не нужно искать в интернете и скачивать всяческие дополнительные программы для этой цели.

Где находится программа Microsoft Office Picture Manager в вашем компьютере?

Данную программу найти просто. Нажимайте последовательно: Меню Пуск—> Все программы —> Microsoft Office —> Средства Microsoft Office —>Microsoft Office Picture Manager.

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

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

Нажимайте на папку со своей картинкой левой кнопкой и затем нажимайте на кнопку «Добавить». После этих действий изображение появится в основном поле программы.

Таким же образом можно добавлять для редактирования скриншоты (фотографии с экрана своего монитора) как это делаю я. Это очень помогает мне легко донести важную информацию до читателей моего блога и делает процесс обучения более простым и удобным.

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

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

Как уменьшить размер своего изображения

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

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

Чтобы изменить размер картинки, можно самому вписать нужные вам размеры. Также изменить размер пропорционально:

изменение размера картинки

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

Для выполнения этой операции нужно нажать кнопку «Обрезать» во вкладке «Рисунок» и передвинуть рамку, обозначенную пунктиром на необходимую длину, взяв её за края курсором мыши.

Соблюдайте пропорции картинки при обрезке, выбрав в появившейся вкладке справа параметры обрезки.

Как сжать изображение в Microsoft Office Picture Manager

В той же вкладке сверху, называемой «Рисунок» выбирайте «сжать рисунки». Затем нужно выбрать параметры сжатия в открывшейся вкладке справа. Выбирайте сжатие изображения  для документов, веб-страниц или сообщений электронной почты.

Затем нажимаете кнопку ОК и смотрите что получилось. В принципе всё просто. Надеюсь я всё доступно объяснил, но если есть вопросы — пишите в комментариях.

Важная роль атрибутов Alt и Title в оптимизации изображений

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

 Если Вы используете панель администрирования в WordPress для добавления картинок в свои статьи, то после выбора файла изображения появится окно редактирования, в котором необходимо прописать  значение атрибутов Alt и Title:

атрибуты alt и title

 Самое важное, чтобы в этих колонках были прописаны ключевые слова, с помощью которых Вы продвигаете свою статью. Кроме этого, заметьте, необходимо, чтобы Title и Alt были различны по содержанию ( не одинаковы).

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

Текст, который Вы напишите в строке Title (заголовок), предназначается для посетителей Вашего сайта. Этот текст виден при наведении курсора к данному изображению. Текст Alt сканируют поисковые роботы и потом используют в поисковой выдаче среди других картинок.

Вот так выглядят прописанные теги изображений alt и title в редакторе HTML :

Теги изображений alt и title

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

Онлайн сервис для проверки правильности написания тегов Alt и Title

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

Итак, для того, чтобы проверить правильность, перейдите на онлайн-сервис, который называется Image SEO Tool по этой ссылке: http://www.feedthebot.com/tools/alt/

Для проверки нужно записать адрес проверяемой страницы своего блога в определённом поле «Enter URL below» и затем нажать «Submit» :

Image seo tool

 После этого внимательно посмотрите на результаты проведённой проверки страницы.

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

онлайн проверка тегов alt и title

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

Где восклицательный знак написано, что необходимо добавить альтернативный текст(описание картинки) для продвижения в поисковике Google.

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

проверка тегов alt и title

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

Очень рад, что был Вам полезен. Если есть вопросы, задавайте в комментариях!

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

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

До встречи, друзья, на страницах моего сайта! 

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 12

  1. Евгения Куварина:

    Я оптимизирую изображения в основном фотошоп, а вот за сервис спасибо, надо будет воспользоваться

    Ответить

    • Сергей:

      Рад был помочь http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif

      Ответить

    • Alexandr:

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

      Ответить

      • Екатерина:

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

        Ответить

  2. Alexandr:

    Ни разу не пользовался Microsoft Office Picture Manager. Видел программу в Стандартных, а для чего она не интересовался. Попрообую граватар с её помощью сделать.

    Ответить

    • Екатерина:

      А я пользовалась, но мне не понравилось. Мне лучше в фотошопе все откорректировать.

      Ответить

  3. Виталий Охрименко:

    сервис классный: optimizila.com
    в последнее время всегда ним пользуюсь, даже после оптимизации изображения вручную через фотошоп оптимизила обязательно сожмет его ещё процентов на 15

    Ответить

    • Сергей Саранчин:

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

      Ответить

    • Артем:

      Решил попробовать что за сервис. Но увы! Он временно не работает.
      А сам в основном тоже работаю в онлайн-фотошопе с изображениями. Сжимаю их также как вы описали через Microsoft Office Picture Manager.

      Ответить

      • Игорь:

        Артем,уже все нормально работает.
        Я не раз пользовался.

        Ответить

      • Екатерина:

        Артем, Вам просто не повезло, что сервис не работал, когда Вы в него заходили.

        Ответить

    • Екатерина:

      Хм, не пробовала. Спасибо за совет. В скором времени испытаю. Может этим сервисом буду пользоваться тоже.

      Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: