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

  Автор:
  2874

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

Иногда, когда заходишь на некоторые блоги или сайты, и начинаешь изучать их, то видишь, насколько правильно подобрана картинка к содержанию текста в статье. И ты ловишь себя на мысли, что здесь нужно задержаться… И на вопрос : «Зачем вообще нужны изображения на блоге?» сразу появляется два отличных варианта ответа:

  • Чтобы захватить внимание читателя
  • Что бы дополнить содержание текста

Но, конечно, во всём нужно знать меру. Перегружать картинками тоже не совсем желательно, так как возможен противоположный эффект.

Но речь сегодня пойдёт не о эстетической стороне внешнего вида сайта/блога, хотя это тоже очень важно, а о технической, и это касается изображений в статьях. У картинок есть ещё одна важная и нужная особенность, помимо их красоты и внешней эффективности – они могут привлекать дополнительный трафик. Вернее сказать, могут быть хорошим бесплатным инструментом для привлечения регулярного притока посетителей из поисковых систем на ваш ресурс.

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

Формат изображения.

Используйте правильный формат изображения и он может быть а трёх вариантах:

  • .png
  • .jpeg
  • .gif

Принято считать их самыми рабочими. В конце каждого названия картинки указан её тип (формат). Его можно ещё посмотреть, зайдя в «Свойства» изображения. Для этого кликаем на изображение и правой кнопкой мишки открываем меню, внизу находим свойства.И если есть выбор, то специалисты советуют .jpeg. Почему? Потому что изображение в разных форматах могут выглядеть на сайте по-разному. Принято считать, что картинки в формате .jpeg  считают более корректными в  отображении.

Размер изображения.

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

Я лично работаю на шаблоне блога «AB-Inspiration» и всегда для статьи загружаю изображение не меньше 800 пикселей в ширину, но не больше. Использую его и для миниатюры  и для самой статьи.

Я пользуюсь для этого онлайн редактором:  https://pixlr.com/editor/.  Здесь же я уменьшаю вес картинки, но обязательно смотрю на качество изображения, обрезаю, зеркалю, накладываю текст и прочее. Когда у меня много картинок, например скрины чего-либо, то я их все оптимизирую по весу на этом онлайн сервисе:  https://tinypng.com/ Как это делать, показано в видео уроке внизу статьи.

Имя файла.

Как правило, ваше новое изображение, которое вы планируете разместить в статье, имеет чисто техническое название, обычно, это набор букв и цифр. Обязательно дайте ему своё имя. Желательно, что бы оно было на латинице и имело то слово или фразу, по которой вы продвигаете эту статью. Например, я пишу статью на тему заработка в интернете и моя ключевая фраза, по которой я продвигаю этот материал, это «виды зарaбoтка», значит, моё изображение будет иметь название: vidy-zarabotka. Если у меня статья-инструкция, где много размещено скринов, то я в порядке очерёдности каждому изображению присваиваю номер, напимер, vidy-zarabotka-1; vidy-zarabotka-2.

Название и описание.

Когда вы загружаете свою картинку на сайт, то следует в атрибуте alt прописывать русскими словами несколько слов, которые напрямую указывают на тему статьи. Это так же может быть ваше ключевое слово/фраза, как главное, так и второстепенное. Так же в атрибуте title ставьте название статьи, в котором так же должна быть ключевая фраза/слово.

Ну и последнее правило, пятое, оно необязательное, но тем не менее… Ищите картинку и редактируйте её в редакторе, что бы она становилась уникальнее и имела интересный вид. То есть, отрезайте ненужные части, переворачивайте её, накладывайте текст, одним словом, придавайте ей свой индивидуальный стиль и тематический смысл. Оптимизация изображения — это ещё и кусочек креатива)

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

Полезные статьи на тему блоггинга:

Успехов и Удачи!

P.S. Буду Благодарна Вам За Репост! :)
Оставьте свой комментарий:
8 комментариев
  1. Спасибо, для меня статья полезна. Взяла в закладки рекомендуемые сервисы. =)

  2. Спасибо!!! Мне как раз надо немного вес картинок уменьшить.

  3. Подробно и полезно…. Сейчас работает такой метод продвижения сайтов как преобразование ссылок в изображения….Так что изображения вещь полезная и до конца свой потенциал они еще не исчерпали….

  4. Сжал на сервисе да делов то.

  5. Лидия

    Спасибо, Татьяна, узнала как переименовать картинку и ещё кое какие детали.
    Спасибо большое. Успеха во всех делах !!!

на Блоге
в Вконтакте
в Фейсбук