Как вставить картинку на сайт (оптимизация картинок)

Оптимизация картинокКак вставить картинку на сайт так, чтобы она служила не только для украшения, а приносила пользу и способствовала продвижению сайта в поиске?

Ответ простой – ее нужно оптимизировать.

Оптимизация картинок очень полезна. Она способствует увеличению числа посетителей на сайте.

Расскажу на примере своей статьи «Заходите в Мой мир». Это была моя первая статья, попавшая в ТОП Яндекса по поисковой фразе «Мой мир — социальная национальная сеть».

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

Чудеса! Неужели люди пролистывали несколько страниц, чтобы попасть именно ко мне?

Вовсе нет! Анализ показал следующее. Оказалось, что для оформления статьи я использовала картинку. И именно эта картинка с надписью «Что такое мой мир?» попала в ТОП Яндекса.

Этому способствовала оптимизация картинки.

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

В поисковой выдаче Яндекс предлагает посмотреть картинки по заданному запросу.

Взгляните из любопытства, как это выглядит (возможно сейчас немного иначе). Убедитесь, что все так и есть.

Поисковая оптимизация картинок

Кроме того иллюстрации статьи фигурируют и при поиске картинок в Яндексе и в Гугле, и посетители могут прийти  на Ваш сайт и оттуда. Польза получается двойная.

Выполнить оптимизацию картинки очень просто.

Нужно всего-навсего заполнить три поля (заголовок, альтернативный текст и описание) при загрузке картинки на сайт. Причем здесь должны фигурировать ключевые слова или фразы, по которым Вы оптимизируете статью.

И тогда все сольется воедино и будет способствовать продвижению Вашей статьи в ТОП.

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

Писать все это можно на русском, предварительно установив плагин русификации для WordPress (типа Cyr To Lat).

Для тех, кто ведет сайты на других языках, наверное, есть свои аналогичные плагины.

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

Путешествуя по блогам в интернете, я нашла хвалебные отзывы по поводу одного плагина WordPress. Называ ется он  WP Smush.it

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

Вот только тут проявляется известная дилемма: ставить или не ставить плагин. Чем больше плагинов установлено, тем медленней работает сайт. Поэтому определяемся так: если польза  перевешивает, то ставим.

Я решила пока не ставить и оптимизировать свои картинки вручную. У меня их не так много.

Успешной оптимизации картинок и продвижения в ТОП Яндекса и ТОП Google!

Внимание!

Важно!

P.S. Перед тем, как добавлять картинку на сайт , обязательно узнайте, как сжать фото или картинку.

P.P.S. А о том, как вставить фото или картинку в сайдбар, чтобы не занести вредоносный код, см. здесь.

P.P.P.S. Другие способы добавления изображений, в том числе, как вставить картинку с сайта на сайт описаны в статье «Великолепная галерея WordPress» .

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

Не забывайте про миниатюры!

Новички часто упускают из виду загрузку и создание миниатюры WordPress для каждой записи (статьи). Очень советую использовать миниатюры сразу же с момента создания сайта. Это Вам очень пригодится!

Новые возможности добавления и обработки изображений на сайте с движком WordPress.

Попалась интересная статья, которая рассказывает о новых функциях вставки изображений для версии WordPress, начиная с 3.9.

Посмотрите, может, это поможет решить Ваши проблемы. Вот ссылка на статью.
Там показаны способы обработки изображений непосредственно на сайте.

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

Елена и tvoy-internet.ru

 

Понравилась статья? Поделиться с друзьями:
Комментарии: 49
  1. Наталья

    Спасибо,очень своевременно! Я не знала как это делается и вставляла картинку в статью, просто копируя её.У вас есть ещё статьи по картинкам? Какие последствия если просто скопировать, а не загружать файл с картинкой?

  2. Фёдор

    Спасибо, интересная статья, очень полезный сайт! Буду часто к вам наведоваться

  3. Денис

    Все прочитал, именно так и делаю. Вчера тоже обнаружил свой сайт в топе, сделал скрин на память ))

    Спасибо! Интересно описали!

  4. Дина

    Спасибо огромное за информацию, сама бы я точно до этого не додумалась!

  5. Антонина

    Классно! Надо поработать над своими фотками — у меня их куча!

  6. Светлана

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

  7. Владимир

    Елена! Огромное спасибо за столь познавательный прием продвижения своего сайта!

  8. Евгений Ковтунов

    Спасибо вам Елена за плагин. Мне он очень кстати. Удачи вам.

  9. Елена Колонтаева

    Здравствуйте, Елена! Почему я первый раз у вас? Ваш сайт мне оказался очень нужен и полезен! Подпишусь на обновления, нашла очень много полезного для себя! Спасибо!

  10. Сергей

    Все совершенно верно. Ваша статья полезная, она для людей, а это самое главное. Успехов Вам и Вашему сайту!

  11. Анатолий

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

    Вы не в курсе случайно? а то и сам не знаю, что правильно

  12. admin

    Это приветствуется также, как и при оптимизации статей. Технология одна

  13. Татьяна

    Очень хорошо и доступно изложено, спасибо!

  14. Антонина

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

  15. Луиза

    Елена, на Вашем сайте много нужной и полезной информации для нас новичков. Кое-что уже присмотрела у вас.

  16. Алла

    спасибо.

  17. Елена

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

  18. Роберт

    Очень интересный и полезнейший сайт! Желаю дальнейших успехов в развитии и продвижения)

  19. Леночка

    Елена! Огромная польза нам, новичкам от ваших статей! главное — не надо никуда ходить и далеко искать, все можно найти у вас на сайте, повезло тому, кто зайдет к вам! И еще немаловажно: ваши статьи в ТОПе, и значит, если я буду к вам заходить чаще и оставлять комментарии, то и я со своим сайтом попаду в топ, так или нет?

  20. admin

    К сожалению, в ТОП статьи попадают по запросам, которые многим людям очень интересны.

  21. Алла

    Я тоже оптимизирую картинки, в ТОПе их пока еще не видела, а вот при индексации сайта их количество растет.

  22. Нина

    Лена, спасибо большое.

  23. Ольга Коновалова

    Спасибо, Елена! Хоть я об этом и знала, но как говорят:»Закрепила свои знания». А вот про сжатие картинок, и про плагин подумать надо. У меня много фотографий и картинок и они достаточно тяжелые

  24. Инна (Сосед-Домосед)

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

  25. Elena

    Елена, вы прям мысли читаете! Только я озабочусь каким-нибудь вопросом, а Вы бац! и уже статья готова, что очень помогает. Всегда четко и понятно. Вот и опять про картинки… Спасибо:-)

  26. Галина

    Елена, спасибо за статью, а то я не понимала, как подписать картинку, а «ларчик просто открывался».

  27. Елена

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

  28. admin

    Не обязательно, но должен стоять плагин Cyr To Lat.

  29. Максим

    Спасибо за классную информацию на моем сайте мало плагинов WordPress — он пока еще очень молод , а вот оптимизация фото о татуаже это мысль! респект и жму руку ?

  30. Светлана

    Елена, большое спасибо за пост — мой сайт просто базируется на картинках. И еще спасибо за то, что узнала об этом плагине WP Smush.it — первый раз слышу. Надо разобраться, возможно он мне очень кстати. Спасибо еще раз!

  31. Александр Попов

    На много проще работать с картинками (да и вообще оформлять блог) с помощью редактора Windows Live Writer Portable.
    Ее интерфейс проще, чем в Word и в нем содержится все необходимые функции для форматирования текста, работы с изображениями (изменить размер, добавить поля, эффекты, Название) и гиперссылками (например, назначать атрибуты rel=»nofollow» и target=»_blank) и при этом не надо разбираться в тонкостях HTML-кода. Возможность просматривать и редактировать Исходный код HTML статьи тоже имеется.
    Еще для картинок можно добавлять Описание (alt) и защищать их водяным знаком.

    Очень рекомендую!
    Для поискового продвижения через картинки очень желательно, чтобы на вашем сайте они были уникальными, т.е. чтобы их до вас поисковики не проиндексировали на других сайтах.
    И это не значит, что вы должны становиться фотохудожником — «свободные» картинки можно брать из Интернета, но перед использованием их стоит подправить: добавить свою надпись или сделать из нескольких фрагментов новую иллюстрацию (коллаж).
    Можно обойтись даже без ФотоШопа — сделать свой коллаж онлайн: http://youtu.be/t7cOlDk-UUA

  32. Ольга

    Как всегда на вашем сайте полезнейшая информация.Большая благодарность за отличную работу!

  33. Наталья

    Стоит попробовать и решить оставлять его или нет ? Спасибо!

  34. Валентина

    Елена, спасибо. У меня молодой блог (даже можно сказать новорождённый). Много трудностей. На Вашем блоге нахожу очень нужные и полезные рекомендации.

  35. Вероника

    Спасибо за полезный и нужный материал! У меня сайт еще молоденький,картинки — в каждой статье! Очень вовремя прочитала Вашу статью!

  36. Светлана

    Елена!

    Еще одна полезная для меня информация о картинках!Спасибо! Мало того, что вы даете советы , которые помогают в продвижении сайта, так это сделано еще и доступным и абсолютно каждому понятным языком!Читая, не чувствуешь себя чайником! )))

  37. Екатерина

    Елена, спасибо Вам за полезную информацию.Я вот тоже стала наведываться к Вам довольно часто, чтобы развивать свой молодой сайт. Только у меня вопрос возникает: почему у Вас на сайте Поиска нет? это ведь удобно! — зашла на сайт — хочу найти какой-то конкретный вопрос — набрала поиск — получила ответ. А то перелистывать все статьи как-то неудобно выходит.

  38. admin

    Екатерина! На сайте есть карта для посетителей (по сути содержание), где легко можно найти нужную информацию. А о том, как на структурирована информация рассказано на странице «О сайте» . Но по Вашей просьбе я добавила еще и ПОИСК.

  39. Марина Умникова

    Елена, спасибо большое за статью! У меня были некоторые сомнения по поводу оптимизации картинок. А теперь их нет)

  40. Наталья

    А чего же вы не пишете до какого объема или размера нужно сжимать картинку. Получается половинчатая информация.

  41. Ирина Гончарова

    Елена, спасибо за чёткие инструкции. Наконец-то я поняла, почему Яндекс не выпускает мои картинки. Опять придётся всё переделывать.

    Остался вопрос. Имена файлов (в Вашем случае «Moy-mir.jpg») тоже надо писать разные, если картинок в статье 10-20, или достаточно указать к каждой картинке одно имя файла? Насколько я знаю, оно должно быть коротким. А ключевик к статье бывает длинным. Да и запутаться легко, если каждому файлу присваивать новое имя.

  42. Елена Молгачева

    Ирина Гончарова! Названия и описания картинок должны быть разными. Только одну картинку можно оптимизировать под ключевую фразу, которая фигурирует в названии статьи.

  43. Ирина

    1. Елена, я не про названия. Про всё, что мы оформляем после загрузки в блог, я поняла.

    Я — про имя файла ДО заливки на блог (латиницей). Каждому файлу присваивать своё имя? Спасибо.
    2. И, кстати, дочь просила сделать подписи к её фотографиям. После таких операций её сайт сразу получил PR1. Получилось, что мой сайт оказался для него сателлитом?

    С одной стороны, это хорошо. Мы радуемся. С другой, — в выдаче он, почему-то понизился. — Парадокс!
    3. Я давно ищу причины клея своего блога. Может, склейка произошла с её блогом?

    Или клей — это много картинок, у которых имя файла совпадает (или совпадают названия, описания, Alt)?

    Не могу найти хорошую информацию по клею. (RDS бар «Рейтинг Я.Б:Склеен»). Подскажите, пожалуйста, как с этим бороться?

  44. Елена Молгачева

    Ирина!

    1 Разумеется, что названия (имена) файлов должны быть разные. Это логически понятно, иначе будет не ясно, где что находится. Программисты обычно присваивают, так называемые прозрачные имена, чтобы они отражали содержание рисунка. И по имени можно было сразу понять, что там изображено.

    2 На PR влияют только внешние ссылки. Если это просто подписи (без всяких ссылок), то никакого действия они не оказывают.

    А в поисковой выдаче учитываются многие факторы. И PR тут не самое главное.

    В 2013 году Гугл хотел его вообще отменить. Я перестала уделять этому внимание и в результате PR потеряла. Но это не повлияло на позиции моего сайта в поиске.

    3 Проблему склеек я не исследовала.

  45. Зоя Цвирко

    Ваше последнеe P.P.P.P.S ответило мне на вопрос, который я задаю всем гуру уже два года. И большинство советовали, оптимизировать с основным ключевиком все фото. А их у меня по 15-25 к каждой статье (я — художник, веду бесплатную программу по создаю красивых садов своими руками, как без фото?), более 3000 фото на сайте и почти все оптимизированы. Всегда опасалась, что это перенасыщение статей ключевой фразой, но внимала советам «опытных».

    Теперь понимаю, почему Гугл снизил мне PR c 3 до 1.
    Может быть Вы знаете, если я теперь поменяю постепенно во всех фото эти подписи, это пройдет нормально, или появится куча битых ссылок на мои фото?
    И еще вопрос: для того, чтоб теперь сжать мои фото, это нужно опять все перезагрузить, нельзя как-то сделать прямо на сайте? И снова: если перезагружу, это не повлечет за собой битые ссылки на прежние фото?
    Спасибо Вам большое! Вы, на самом деле, даете массу полезной информации. Дай Вам Бог здоровья и процветания!

  46. Зоя Цвирко

    Еще, простите, вопрос. Вы пишете, что этот плагин оптимизирует все картинки на сайте. А он автоматически не соптимизирует 20 картинок в одной статье под один ключевик?

  47. Елена Молгачева

    Зоя Цвирко! У меня этот плагин не установлен. Надо пробовать и проверять. Желательно на тренировочном сайте.

  48. Елена

    Зоя Цвирко! Если картинки называются все одинаково, то это нужно срочно исправить. Исправления непосредственно на сайте не влекут за собой битые ссылки. При условии, что у Вас стоит плагин Cyr To Lat, который преобразует названия в латиницу.
    На значение PR это не влияет.

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

    Понятно, что такое нежелательно владельцу сайта.

  49. Айк

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

    Загрузил на сайт-плагин оптимизировал и все -автоматизировать,не все нужно руками делать,цените время друзья !

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

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