Как оптимизировать картинки для сайта

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

как оптимизировать картинки для сайта

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

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

1. Не размещайте в своих статьях картинки слишком большого размера. Запомните: где бы вы не нашли изображение для той или иной своей статьи всегда сначала проверяйте его размер.

Лично я обычно стараюсь, чтобы картинки на страницах моего блога весили в пределах 30 – 80 КБ. Не советую вставлять в свои статьи изображения весом в несколько мегабайт.

Оптимизация размера картинок для сайта позволит в будущем избежать серьезных нагрузок на хостинг. Дело в том, что чем больше будут весить картинки, тем больше будут весить и страницы вашего сайта. И, конечно же, чем больше будут весить страницы вашего сайта, тем дольше они будут загружаться на экранах пользователей интернета (Что такое хостинг сайта и для чего он нужен).

оптимизировать картинки для сайта

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

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

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

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

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

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

Оптимизация картинок под поисковые запросы

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

Как? Да очень просто. Когда пользователи интернета ищут в сети какую-либо информацию, результатом поисковой выдачи для них зачастую являются не только ссылки на какие-либо статьи сайтов, но и отдельные картинки различных интернет-ресурсов.

как оптимизировать картинки

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

Они щелкают по понравившейся картинке и переходят на сайт, где она расположена. Вот примерно, таким образом, картинки и приводят на наши сайты посетителей. Кстати, ниже на картинке подтверждение моих слов – это реальная статистика посещаемости сайта с сервиса LiveInternet.

как оптимизировать картинки для сайта

Что необходимо сделать, чтобы картинки оказывались в выдаче? Необходимо оптимизировать картинки под определенные ключевые слова или поисковые запросы (поисковая выдача).

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

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

Однако стоит отметить, что добавлять картинки на сайт необходимо только после установки очень полезного плагина, который переделывает русские названия картинок и адресов страниц на английский лад — плагин cyr to lat.

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

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

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

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

Оптимизация картинок в статье

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

как оптимизировать изображния для сайта

После чего заполнить поля «Заголовок» и «Атрибут Alt» все теми же пользовательскими запросами, на которые отвечает сама статья и данная картинка. И затем нажать кнопку «Обновить», которая расположена в самом низу окна редактирования. Вот и все теперь наше изображение оптимизировано и в самой статье.

как оптимизировать картинки для сайта

Кстати, в одной из следующих своих статей я обязательно расскажу вам свои способы и методы создания классных картинок, поэтому кому это интересно можете подписаться на мою E-mail рассылку , будет интересно.

Подводя итог этой статье, стоит отметить несколько важных моментов. Как я уже говорил в начале, понимать и знать, как оптимизировать картинки для сайта нужно обязательно. Это позволит вам сделать огромный шаг на пути продвижения сайта, а также позволит вашему интернет-ресурсу выйти на новый уровень (что такое микроразметка).

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

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

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

С уважением, ShowFLinks(); // Отступ от блока echo "

"; // Вывод ссылок echo $client_lnk->ShowLinks(); ?> автор блога stroika-saitov.ru Андрей Наседкин.

Также полезные статьи для вас:

Кто такие асессоры поисковых систем

Что такое зеркало сайта

Проверка сайта на АГС

Что такое Alexa Rank сайта

Что такое партнерская программа

Что такое аптайм сервера и сайта

Что такое WWW: понятие + www8 и www2

Что такое тизерная сеть

«

»

7 комментариев

  1. Милена говорит:

    в 11:39

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

    Ответить
    • Екатерина Золотова говорит:

      в 22:22

      Мне нравится, когда в углу картинок автор оставляет свой логотип.
      Это сразу придаёт картинкам серьёзность и авторитетность.

      Ответить
  2. Vadim говорит:

    в 18:09

    Спасибо за полезную и интересную информацию. Продвижение сайтов и оптимизация дает возможность повысить их ранжирование в поисковиках, а, следовательно, увеличить посещаемость. Наращивание количества посещений обязательно приводит к увеличению продаж, расширению клиентской базы и возрастанию доходов. Раскрученный сайт – это работающий на вас ресурс, а не просто страничка в интернете.

    Ответить
  3. Петр говорит:

    в 12:17

    Оптимизирую размер изображений с помощью программы ImageMagic. Маленькая быстрая программка, мне нравится.

    Ответить
    • Андрей Наседкин говорит:

      в 21:51

      Попробую обязательно!

      Ответить
  4. Петр говорит:

    в 12:20

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

    Ответить
  5. Петр говорит:

    в 12:23

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

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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