16 апреля 6:14
Рубрика: Внутренняя оптимизация 23 комментария

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

Привет всем читателям моего блога er-krasnogorsk.ru. Оптимизация изображений- что это такое и зачем мне тратить на нее свое драгоценное время? Ответы на эти и другие вопросы я постараюсь дать в сегодняшнем посте.

 

 

 

Содержание

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

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

 

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

Вот несколько причин:

  • Как и контент, картинки тоже индексируются поисковыми системами, следовательно они могут приносить на ваш сайт пусть небольшой, но все же трафик. Пренебрегать этим я думаю не стоит.
  •  Чем меньше «вес»картинок, тем меньше места занимает на хостинге. Обычное фото может «весить» порядка 1-2 мб а то и больше, а после оптимизации в десятки раз меньше. К примеру у вас, скажем, тот же кулинарный сайт и изначально места на сервере 1 гб. Если вы будете каждое свое блюдо фотографировать и выкладывать на свой ресурс неоптимизируя, то места хватит максимум на полгода.
  • Чем меньше вес картинки, тем быстрее загружается страница. Согласитесь, это немаловажный фактор. Лично я больше пяти секунд не могу ждать, не хватает терпения.
  •  Хорошо подогнанное и оптимизированное изображение оставляет благоприятное впечатление о себе у поисковых систем, тем самым внося свою скромную лепту в дело продвижения как страницы, так и сайта в целом.

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

Как оптимизировать изображения

Сначала эти самые картинки нужно найти. Тут следует сказать, что идеальным вариантом было бы создать, придумать их самому, тогда вопрос об уникальности отпал бы сам по себе. Некоторые, возможно так и делают, но большинство, и я в том числе, пользуются сервисами Яндекса и Гугла. Заходим в поисковую систему Яндекс, нажимаем на слово «Картинки» и в строку поиска пишем тот поисковый запрос, по которому нам нужно подобрать изображение.

Из огромного количества картинок по данной теме выбираете ту, которая вам больше по душе. Вот тут есть один момент. Многие скачивают картинку к себе на компьютер, затем чаще всего с помощью фотошоп долго возятся, чтобы довести ее размер и «вес» до нужных кондиций. Все это можно сделать до безобразия быстро и качественно с помощью программы «Snagit». Во-первых, я не скачиваю, а сразу делаю там же скриншот. Скачанное изображение размером 500×375 весит 104 кб, а на скриншоте 33,3 кб, причем качество картинки остается таким же. А если это фото размером в 5 мб?  Представляете, какая разница?

Во-вторых, после того как мы «сфотографировали» нужную часть экрана, программа перекидывает нас в графический редактор, что очень удобно.

Здесь можно выполнить огромное количество различных действий по уникализации картинки: взять в рамочку, сделать рваные края, отогнуть один край, изменить размер, цвет и т.д. У меня, конечно, тоже есть Fotoshop, но в этом плане «Snagit» нравится больше. Рекомендую всем, скачайте с официального сайта и пользуйтесь на здоровье, радуя себя и своих читателей качественными снимками.

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

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

Затем уже в админпанели, загрузив ее, прописываем теги Title и Alt. Я не буду здесь особо умничать, рассуждая о значении и важности этих тегов, скажу лишь, что title переводится как «заголовок» и предназначен для людей, поэтому заполняется русскими буквами. Alt- это краткое описание картинки и предназначен для роботов. Сведущие люди говорят, что со времен динозавров этот тег было принято транслитом писать, но уже давненько пишут русскими. Пусть так и будет.

И еще один маленький нюанс: если размещаете картинку не по центру, а скажем с левой стороны, то она и текст находятся вплотную друг к другу, что не очень эстетично смотрится. Чтобы исправить это, щелкните по снимку, зайдите в редактирование, выберите пункт «Дополнительно» и в графе  поставьте цифру 10.

В завершение представляю вам очень интересный и безусловно полезный сервис для проверки изображений на странице, который называется Image SEO Tool. Он показывает, насколько правильно заполнен ваш атрибут ALT. Перейдите по ссылке на этот сервис, введите URL проверяемой страницы и щелкните по кнопочке  "GO".

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

Image name:  название картинки.

Первая зеленая галочка: альтернативный текст состоит из 2 слов.

Синий значок: альтернативный текст соответствует требованиям Google,хотя мог бы быть более наглядным.

Вторая зеленая галочка: изображение имеет размеры(высота/ширина).

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

P.S. Как вам статья?

С уважением Баяс Батуев

Хочешь получать статьи этого блога на почту?
23 комментария
  • Мария

    А я-то ковыряюсь через fastpic, через другие хостинги, а они меня подводят постоянно и времени уходит масса. Снова - спасибо за совет. У Вас очень дельный сайт - буду следить за новыми статьями. Большинство пишущих о блоговедении переписывают одно и то же, а пользы ноль. Буду пытаться воплотить Ваши подсказки у себя. А Вам, Баяс, желаю активного развития и успеха. Уверена, что Ваш сайт найдет своих читателей. Я чур первая.

    2014-05-10
  • Баяс Батуев

    Спасибо,Мария,на добром слове.Думаю я тоже стану вашим постоянным читателем,тем более что путешествия меня интересовали всегда. :razz:

    2014-05-10
  • Елена

    Баяс, спасибо за пост! Проблема уменьшения веса изображений для меня сейчас стоит довольно остро. Большинство моих постов представляют собой мастер-классы, содержащие от 15 до 30 изображений, каждое из которых мне приходится предварительно уменьшать в размерах в фотошопе. И тем не менее, в панели веб-мастера Гугл регулярно нахожу сообщение о необходимости сжатия фото на сайте. Предложенным Вами сервисом пользоваться не могу, так как все изображения - мои личные фото. Что бы Вы посоветовали в моем случае, когда необходимо значительно уменьшить вес фото, не теряя при этом качества изображения? Заранее спасибо и успехов Вашему проекту!

    2014-07-31
  • Баяс Батуев

    Спасибо, Елена, за комментарий. Первым делом посоветовал бы сделать скриншот ваших фотографий с помощью программы "Snagit", ссылка на скачивание дана чуть ниже. В этом случае качество изображения останется таким же, но "вес" уменьшится в десятки раз. Затем с помощью великолепного сервиса "Kraken.io" можно еще сжать на 35-40 процентов, причем опять же без потери качества. О том как пользоваться этим сервисом писал вот здесь. Желаю удачи.

    2014-08-01
  • Сергей

    Программа SnagIt платная, пришлось скачать с торрент-трекера. Попробую,что за зверь.Я пользуюсь бесплатным графическим редактором PicPick. :razz:

    2014-08-13
  • Руслан Ахтамьянов

    Snagit я не юзал. У меня FSCapture, принцип тот же, но в ней есть еще экранная линейка, экранная пипетка и самое вкусное - она видео пишет!)))

    2014-08-13
  • Баяс Батуев

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

    2014-08-14
  • Баяс Батуев

    Руслан, у Snagit еще более богатый функционал: и видео пишет, и еще много чего, а качество на порядок выше. Скачай программку по ссылке выше и посмотри сам, не пожалеешь.

    2014-08-14
  • Руслан Ахтамьянов

    Убедили, Баяс. Только я вот чего не пойму - комментарии с Вашего блога приходят на почту, а переходя на Ваш блог я не вижу ни своих, ни вообще новых комментариев.... Вроде и куки и кэш браузера почистил, все равно не вижу... У Вас какой плагин кэширования установлен?

    2014-08-14
  • Баяс Батуев

    В последнее время экспериментировал с кешированием, видимо, где-то допустил ошибку. Сделал откат, посмотри, пожалуйста, теперь все нормально отображается?

    2014-08-14
  • Руслан Ахтамьянов

    Сейчас проверил другими браузерами (IE, Opera, Яндекс Браузер) - все работает. А Гугл Хром снова почистил кэш и куки, но уже за все время, тоже стали отображаться комментарии. Значит все нормально, но Вам наверное нужно будет принять во внимание что не все читатели в курсе что нужно чистить кэш и куки. Поэтому, возможно что-то нужно делать...

    2014-08-14
  • Баяс Батуев

    Cпасибо, Руслан, восстановил прежние данные путем отката, теперь все должно быть нормально.

    2014-08-14
  • Сергей

    Да,комменты не видны пока кеш не почистил.Программка хорошая - скачал последнею версию программы :lol:

    2014-08-14
  • Баяс Батуев

    Я еще мудрил с кешем в браузере, сделал восстановление системы на компьютере, теперь уж точно все должно быть ОК.

    2014-08-14
  • Лилия

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

    2014-08-28
  • Наталья

    Спасибо Баяс. Почерпнула много полезной информации. Мои изображения весят от 30 до 55, но видимо надо еще больше сжимать. Вот только подскажите, по Вашей ссылке SnagIt я скачаю платно или бесплатно, пока я за такие вещички платить не готова, если что буду продолжать мучать Фотошоп. И еще пару вопросов, а если прописывать разные Альты и Тайтлы - это тоже будет переоптимизация? Подскажите, а где Вы посоветовали бы хранить целую гору нужных в будущем фотографий?

    2014-09-03
  • Баяс Батуев

    Наталья, спасибо за комментарий. 1. Snagit бесплатно можно скачать с торрент-трекера по этому адресу: 2. Есть печальный опыт у Дмитрия, владельца популярного сайта "Ктонановенького.ру". Одной из причин фильтра, наложенного Яндексом и Гуглом одновременно, он называл именно переоптимизацию в тегах Alt и Title. Подробности можете узнать из этой его статьи: "Фильтры Яндекса и Google — за что можно получить пессимизацию или бан от поисковых систем". 3. Я, конечно, не истина в последней инстанции, но мне кажется для этого идеально подходит Яндекс.Диск.

    2014-09-04
  • Валентина

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

    2014-09-08
  • Баяс Батуев

    Пожалуйста, Валентина.

    2014-09-09
  • Ольга Андреева

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

    2014-10-08
  • Ольга Андреева

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

    2014-10-08
  • Баяс Батуев

    Обязательно попробуйте, великолепная программа.

    2014-10-13
  • Баяс Батуев

    Был в коммандировке, вернулся только вчера, так что все ОК.

    2014-10-13

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