Меню

Как оптимизировать картинки (2 типа оптимизации)

2756

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

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

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

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

Если вы знаете html, то помните, что у любой картинки есть атрибут alt. В визуальных редакторах этот атрибут помечается, как "название" или "описание" изображения.

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

  • 1. Возможно, ваша картинка попадёт в топ Яндекс и Гугл картинок по указанному запросу;
  • 2. Незрячие посетители не будут вас закидывать вопросами о том, что на том или ином изображении показано;
  • 3. Как я уже писал в предыдущей статье, прописанный запрос в описании фотки будет способствовать продвижению статьи.

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

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

Многие специалисты по продвижению сайтов пишут о том, что в title (подсказке при наведении мыши) надо прописывать запрос не в прямом вхождении. Я считаю, что это уже лишнее, потому что поисковики не тупые: они понимают, что подсказка должна давать посетителю понять, что произойдёт, когда они нажмут на изображение. Вставляйте в этот атрибут что-то типа: "Нажмите, чтобы посмотреть в полном размере", если это соответствует действительности: если посетитель нажмёт, он увидет её в полном размере.

Уменьшение размера картинки без потери качества

Большинство вебмастеров парятся по этому поводу: используют сторонние сервисы.

Я же всегда использую очень простой способ уменьшения размера без потери качества: сохраняю в формат .png и уменьшаю размер до 1200 на 500 пикселей (этого вполне достаточно, чтобы посмотреть изображение в полном размере).

Какой размер миниатюры, выводимой в статьях, оптимален

150 пикселей по ширине и 85 - по высоте. Этот размер оптимален, потому что в этом случае никаких сбоев в дизайне 100% не будет.


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

С вами был Денис Скрипник. До субботы.

Текущая оценка Общий бал: 0 Проголосовало Проголосовало: 0

help_share

Данная публикация была вам полезна?

Помоги автору сайта, расскажи друзьям...

    Буду благодарен за каждый оставленный вами комментарий

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

    grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question