Smush.it + PunyPNG=онлайн сервис для оптимизации изображений на блоге

  Автор:
  45


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

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

.Новички наверное думают, что это за тег ALT, тег TITLE ,что за странные слова? И нигде нет описания того, что за теги такие и с чем их едят. Решила кратенько рассказать об этом и вообще об оптимизации именно картинок для блога.

Сейчас основные правила оптимизации.

1.Не злоупотребляйте анимированными картинками! А лучше вообще не применяйте их.

2.Название картинки или любого файла должно быть написано латинскими буквами и быть близким к названию статьи.

3.Слова в названии файла соедините тире.( нижнее подчеркивание я не применяю)

Это основные правила.

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

Все когда либо искали картинки в яндексе? И конечно видели внизу картинки ссылку? А проходили по ней? Здорово! Это и есть привлечение трафика. Вас привлекли.

Еще хочу сказать о картинках, они должны соответствовать не только тем правилам о которых я писала выше, но и быть достаточно легкими и обязательно уникальными!Уникальной картинку почти невозможно сделать ни уменьшением, ни обрезкой, у одного автора я видела совет – повернуть картинку на 17 градусов- сетка смещается и поисковые машины сичтают , что картинка уникальная. Я еще не пробовала так делать. Попробуйте вы.

И так …размер картинки должен быть минимум 250-300рх, максимум 600-640рх. Для блога это самые удачные размеры. Например для такого как мой. В Правую колонку у меня встают изображения шириной  260 пх

Еще было бы неплохо картинки сжать . и я делаю это программой Smush.it

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

1.Открываем программуsmush.it

2.Кликаем по кнопке «домой»и выбираем нужное изображение у себя на компе.

3.Картинка обрабатывается за несколько секунд.Вот видно что она стала «легче» уже на 16%

4.Скачиваем файл обратно себе на компьютер.

Вот на нижнем фото показано, что я еще раз прокачала файл через Smush.it и

Файл стал «легче» еще на 16% и на 475кб

В итоге наша картиночка полегчала почти на 35 %!.А на вид все та же!

И на второй раз прогоним в онлайн сервисе PunyPNG. Вот и полегчало:)

Теперь имя файла ..Оно должно соответствовать тегу ALT, то есть быть не F4568.jpg, а например : otdih-v-gretsi.jpg  Это было об ALT. А вот  TITLE показывает посетителю дополнительную краткую информацию по теме статьи. ВЫ видели title , когда к изображению подводишь мышку, там появляется какая то надпись это и есть title . Вот на фото я показываю где пишется ALT , а где TITLEalt, title,

Я читала , что «Google уже официально подтвердил , что он, главным образом, при поиске сосредотачивается на тексте в теге ALT, пытаясь понять, что изображено на рисунке. Отношение к ALT поисковиков вполне  оправдано, потому, что именно в этом атрибуте тега картинки прописывается альтернативный текст, который в этом случае является прямым идентификатором картинки.

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

Теги Height и Width

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

Ну и конечно контент вокруг изображения должен соответствовать тегам ALT и TITLE

Я с успехом применяю эти несложные правила , в дебри HTML не лезу и мои сайт всегда на первых позициях в поисковиках!
Пока пока.
Жду ваших комментариев
.Как вам статья? Была полезной?
Можете посмотреть записанное  мной видео [youtube]http://www.youtube.com/watch?v=6CnCCzmphtA&feature=relmfu[/youtube]

Интересная статья? Поделитесь ею пожалуйста с друзьями :
Оставьте свой комментарий:

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