 |
| Оптимизация изображений |
Оптимизация изображений, без сомнения, один из способов продвижения
блога и важный фактор его раскрутки.
Какова роль изображений на блоге?
Картинки блога приносят
дополнительный трафик, а также делают наши статьи интересней и красочней.
Зачем нужна оптимизация изображений?
- в названии и свойствах картинки можно прописать ключевые фразы, по
которым продвигается статья, что повысит качество поисковой оптимизации
статьи,
- картинки участвуют в поисковых запросах - поиск картинок, что
увеличивает трафик на блог,
К примеру, я набрала в поисковике "Google.Картинки" ключевую фразу своего блога "Oптимизация блога, созданного в Blogger.com" и получила результат:
несколько оптимизированных картинок с моего блога соответствуют запросу
 |
| Картинки с моего блога |
Нажав на одну из них, я спокойно перешла на мой блог "Бизнес-центр Татьяны Ошариной"
 |
| Переход по картинке на блог |
- оптимизация изображений увеличивает скорость загрузки страниц блога,
что важно и для поисковых систем и
посетителей,
- за счет подписи под изображением, включающей ключевые фразы, можно
повысить плотность содержания ключевых фраз статьи и её релевантность в целом.
2. С помощью изображений
можно продвигать свой бренд
На картинке можно поставить водяной знак (с помощью фотошопа) с
названием блога или имени и фамилии
автора картинки. Если картинки интересны, то пользователи будут знать автора
или его блог. Это хороший способ получить дополнительных посетителей к себе на
блог. Водяные знаки позволяют также защитить ваши картинки от воровства.
Где брать картинки на блог, уверена, вы знаете:
– в поисковиках ЯНДЕКС КАРТИНКИ,
ГУГЛ КАРТИНКИ,
- делать скриншоты с компьютера,
- создавать самим при помощи графических редакторов, программ Paint,
PowerPoint и так далее.
Скаченную из интернета или созданную картинку ставим в статью блога,
нажав на картинку «Добавить изображение» в редакторе текста, далее –
«Выбрать файлы» - «Добавить выбранное изображение».
 |
| Заполните параметры картинки |
 |
| Свойства изображения |
При оптимизации изображений блога всегда нужно помнить:
- от правильно выполненной
оптимизации изображений зависит посещаемость блога,
- ставьте на блог картинки размером меньше 50 KB., чтобы страница быстрее загружалась,
- ставьте больше информации о вас или о блоге (ссылка, имя) на свою
картинку, заполняйте все параметры.
Чем больше информации будет иметь изображение, тем лучше оно будет индексироваться поисковыми системами.
Чем больше информации будет иметь изображение, тем лучше оно будет индексироваться поисковыми системами.
Теперь вы знаете о важности оптимизации картинок на блоге.
А сейчас, маленькая фишка для вас, мои читатели, - элемент оптимизации картинок блога.
Подведите курсор к моим картинкам и увидите, что они немного
увеличиваются, совсем немного, чтобы не портить дизайн блога.
Правда,
при нажатии на картинку, она становится большой – удобной для просмотра.
Небольшое увеличение картинки при приближении к ней курсора делается с
помощью скрипта. Если эффект небольшого увеличения картинок вам понравился, то…
Зайдите в административную панель блога, нажмите вкладки
«Дизайн» - «Добавить гаджет» - «HTML/JavaScript».
В открывшееся окно гаджета вставьте скопированный ниже HTML-код скрипта для увеличения картинок.
Скрипт применит этот эффект сразу для всех картинок вашего блога.
Скрипт для увеличения картинок
<style>.post-body img {
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition:
all 0.4s ease;
padding: 8px;
background: #ffffff;
border: 1px solid #d0d0d0;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0,
.2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.post-body img:hover {-moz-transform:
scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform:
scale(1.1);transform: scale(1.1);
background: #ffffff;
border: 1px solid #cccccc;
text-decoration: none;
text-shadow: none;
-moz-box-shadow: 1em 1em 1em -0.5em
rgba(0,0,6,0.5);
-webkid-box-shadow: 1em 1em 1em -0.5em
rgba(0,0,6,0.5);
box-shadow: 1em 1em 1em -0.5em
rgba(0,0,6,0.5);
}</style>
Уверена, что оптимизация изображений, при качественных статьях, конечно,
сделает ваш блог уникальным.
Оказывается на блоге нужна еще и оптимизация изображений. Я находила свои картинки с блогов в гугле и яндексе, хотя они не были оптимизированы, а если все оформить как надо, то моих картинок будет больше. Спасибо за фишку.
ОтветитьУдалитьКартинки двигаются, Александра?
УдалитьУдивительные вещи можно делать с блогом в блоггере, правда, Александра? Мне очень нравится изо дня в день оптимизировать свои блоги. Времени, правда, не хватает на чистку блогов от старых записей и на оптимизацию старых записей. Буду стараться делать и это.
ОтветитьУдалитьСкрипт понравился, все получилось, картинки ожили
ОтветитьУдалитьРада! Уверена, что статья Оптимизация изображений блога поможет Вам, Татьяна, в продвижении и картинок и блога.
УдалитьЗабыла сказать: что все изображения, картинки и фотографии, которые вы загружаете через окно визуального редактора при написании статей, автоматически загружаются в специально созданный автоматически закрытый альбом на хостинге Picasa. Из-за того, что альбом закрыт - ваши картинки не участвуют в поиске по картинкам в поисковых системах. Хотя, какие-то картинки выскакивали в поиске, но позже пропадали. Если вы хотите, чтобы ваши картинки участвовали в поиске по картинкам, то вам просто необходимо зайти из своего аккаунта Google в Веб-альбомы Picasa. Там вы увидите свой альбом, у него будет такое же название, как и у вашего блога, нажимаете на свой альбом, далее, в верхнем меню будет кнопка "Изменить" - "Свойства альбома". Откроется окошко, находите пункт "Совместный доступ", выбираете "Открытый альбом". Все, с этого момента, когда поисковые роботы будут индексировать страницы вашего блога, они смогут проиндексировать все картинки, после чего картинки начнут участвовать в поиске - а это дополнительный поисковый трафик на ваш блог. Но не забудьте, что картинки так же необходимо оптимизировать.
ОтветитьУдалитьБлагодарю, Татьяна, картинки ожили, оптимизация изображений видна, но размер не увеличивается настолько, как у Вас. Что-то ещё можно применить?
ОтветитьУдалитьНа много увеличивать и не надо, Валентина. Главное, оптимизировать картинки в статьях.
УдалитьТатьяна, очень симпатичный скрипт, картинки принимают оптимальный размер. Информацию только у вас нашла, большое спасибо!
ОтветитьУдалитьКонечно, я не автор этого удивительного скрипта. Источник указан.
УдалитьЗдравствуйте,Татьяна.У меня вопрос про адрес картинки.Я посмотрела в коде ссылку.Она ни о чем. Как сделать,чтобы у картинки была ссылка на мой блог и статью?
ОтветитьУдалить