Быстрый способ оптимизации изображений для блога
Опубликовано: 06.09.2018
Здравствуйте, посетители моего блога!
Сегодня я решил написать статью о том как можно очень быстро и без лишних усилий оптимизировать изображения для Вашего блога.
Ни для кого не секрет, что изображения в статьях на блоге играют важную роль. Они придают живой облик скучному тексту, улучшают восприятие информации.
Как оптимизировать изображения для сайта в Photoshop
Также изображения необходимы для наглядной иллюстрации Ваших уроков по сайтостроению и продвижению (увеличению посещаемости) блога.
Оптимизация изображений играет очень важную роль, так как многие картинки, которые Вы скачиваете с интернета, имеют очень большой объём(вес)!
SiteOrigin Css - удобный плагин для тех, кто не владеет css или легкий способ изменения стилей
После их установки, повышается нагрузка и загрузка страниц блога занимает больше времени. Кроме того, они быстро «поедают» Ваши свободные мегабайты на хостинге.
Начинающие сео-оптимизаторы не уделяют должного внимания этому моменту и зачастую просто изменяют свои загруженные изображения в панели администрирования блога.
Но это не правильные действия! Достаточно просто знать, что существует очень простой и общедоступный инструмент.
Этот инструмент имеется у каждого на компьютере, установлен и его нужно использовать. С его помощью можно уменьшать вес изображений и изменять размер, обрезать ненужное в картинках.
Вы его легко можете найти на своём компьютере, так как он входит в стандартный пакет 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 :
Самое важное, чтобы в этих колонках были прописаны ключевые слова, с помощью которых Вы продвигаете свою статью. Кроме этого, заметьте, необходимо, чтобы Title и Alt были различны по содержанию ( не одинаковы).
Также следует отметить, что не требуется писать длинные тексты в этих колонках. Хватит пять-шесть слов в каждой, не больше. Но могут быть и исключения, в том случает, если это действительно нужно.
Текст, который Вы напишите в строке Title (заголовок), предназначается для посетителей Вашего сайта. Этот текст виден при наведении курсора к данному изображению. Текст Alt сканируют поисковые роботы и потом используют в поисковой выдаче среди других картинок.
Вот так выглядят прописанные теги изображений alt и title в редакторе HTML :
Из всего вышесказанного, если Вы будите соблюдать все эти условия оптимизации при написании своих статей , то в скором времени очень много Ваших картинок будут участвовать в поиске по изображениям. И будьте уверены, что очень скоро значительное количество посетителей Вы получите именно оттуда.
Онлайн сервис для проверки правильности написания тегов Alt и Title
Ко всему прочему, хочу напоследок предоставить Вам один очень хороший онлайн-сервис для проверки того, правильно ли Вы прописали в изображениях на своём блоге атрибуты alt и title в соответствии с оптимизацией страницы.
Итак, для того, чтобы проверить правильность, перейдите на онлайн-сервис , который называется Image SEO Tool по этой ссылке: http://www.feedthebot.com/tools/alt/
Для проверки нужно записать адрес проверяемой страницы своего блога в определённом поле «Enter URL below» и затем нажать «Submit» :
После этого внимательно посмотрите на результаты проведённой проверки страницы.
В том случае, если Вы видите кружок с жёлтым восклицательным знаком или красный крестик вместо синего восклицательного знака и галок зелёного цвета, то тогда это сигнализирует о том, что Ваше изображение плохо описано с позиции релевантности данной статьи . Покажу на примере:
В данном случае где указан красный крестик написано, что картинка не имеет альтернативного текста. Другими словами, просто-напросто не прописан alt-текст для поисковых машин. А это очень важно для продвижения вашей статьи и блога в частности.
Где восклицательный знак написано, что необходимо добавить альтернативный текст(описание картинки) для продвижения в поисковике Google.
Всё это говорит о том, что нужно поработать, подредактировать описание тегов и улучшить эти результаты до нужного уровня. Постарайтесь привести все свои картинки вот к таким результатам :
Вот теперь всё в порядке! Ваши изображения правильно оптимизированы и я надеюсь,что на Ваш блог придёт определённый процент посетителей именно со станиц поиска изображений.
Очень рад, что был Вам полезен. Если есть вопросы, задавайте в комментариях!
Не забудьте подписаться на мои статьи — новые, интересные и познавательные, которые помогут Вам продвинуть свой сайт, увеличить число пользователей и заработать.
Советую вам прочитать очень полезную статью и узнать как дубли изображений в WordPress воруют ваши деньги .
До встречи, друзья, на страницах моего сайта!
Успехов Вам и Удачи С Уважением,