Блог Евгения Вергуса
Советы Вебмастера
Хотите начать зарабатывать на партнерских программах прямо сейчас?

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

Разместить картинкуУважаемые друзья, рад снова Вас всех приветствовать на сайте «Советы веб-мастера» и сегодня я расскажу Вам как правильно разместить картинку на сайте и оптимизировать её для поисковых систем. Мне неоднократно задают вопрос, как разместить картинки на сайте, но картинки надо еще и оптимизировать и это очень важно, даже на моем молодом сайте, а ему нет еще и четырех месяцев, бывает что поисковый трафик, именно с правильно оптимизированных картинок, дает мне от 30 до 50 посетителей в день, кстати как увеличить посещаемость можно посмотреть мой видеоурок здесь. Вывод прост, оптимизируйте картинку и получайте посетителей на свой сайт, кстати как правильно оптимизировать картинку, есть в моем бесплатном видеокурсе «Как сделать сайт легко и просто», кому интересно, можете получить его совершенно бесплатно и просмотреть все видеоуроки, доступ по данной ссылке.

Итак, как же нам разместить картику, для этого заходим в редактор статьи, ставим курсор в нужном месте и нажимаем на символ картинки или на звездочку, загрузить медиафайл, разницы никакой нет, смотрим скриншоты:

как разместить картинку на сайте

далее выбираем и загружаем картинку, нажмите для увеличения.

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

Заголовок пишем латиницей, а то в выдаче будет ссылка с процентами и закарлючками, как сделать на сто процентов правильно, кроме поисковиков не знает никто, я делаю именно так и это работает. Затем в поле Альтернативный текст пишем название нашей картинки оптимизированное под нч запрос, а лучше запрос плюс какое-нибудь слово, в описании тоже самое или даже более, я к данной картинке добавил сразу два запроса, так как по ним итак мало запросов, около 80-90 в месяц, так что это самые что не наесть НЧ запросы. Затем выбираем место, слева, справа или по центру, также можно выбрать размер, но это не столь важно, размер мы можем изменить чуть позже, после всего проделанного нажимаем на кнопку «Вставить в запись». Если нам надо сделать отступы от текста или поиграть с размером картинки, надо кликнуть на нее мышкой и после этого нажать на синее окошко, в верхнем левом углу, редактировать изображение, далее смотрим скриншоты.

как уменьшить картинку

*

Уменьшаем изображение, если нужно и нажимаем обновление, если необходимо сделать отступ, идем в расширенные настройки и делаем нужный вертикальный или горизонтальный отступ в пикселях, 5, 10 и так далее, сколько Вам нужно, внизу ставим галочку «Открывать в новом окне» и сохраняем.

*** 

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

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

Жду Ваших комментариев к статье и как всегда с удовольствием отвечу на все Ваши вопросы. Также еще раз хочу напомнить о своем новом бесплатном курсе «Как сделать свой сайт легко и просто», получить доступ можно по ссылке ниже.

Как сделать сайт легко и просто

«КАК СДЕЛАТЬ САЙТ ЛЕГКО И ПРОСТО»

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Оценок статьи ещё нет. Будьте первыми!)
Загрузка...

Спасибо Вам за то, что поделились статьей в социальных сетях!
Подпишитесь на RSS-рассылку и будьте в курсе всех новых статей
К данной статье оставлено: 79 ком.
  1. Сергей
    Ответить
    22 января 2012 в 0:15

    Здравствуйте, Евгений! Спасибо за статью. У меня давно возник вопрос — пытался сам его решить, но не получается. как вы вставляете картинки которые находятся у вас перед комметариями. Если по типу " добавить медиофайл ", то там три места размещения, а у вас 4 картинки.

    С уважением, Сергей.

    • Евгений Вергус
      Ответить
      22 января 2012 в 0:19

      Да, нет это виджет с сайта get.2leep.com, все никак не доберусь до него, чтобы написать пост.

      • Лариса
        Ответить
        22 января 2012 в 12:46

        Ух ты, классно, это покруче Related Posts, тоже хочу такой.

        Только тут у Вас я в них вижу другие сайты, думала это просто реклама такая.

        • Евгений Вергус
          Ответить
          22 января 2012 в 12:52

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

        • Лариса
          Ответить
          22 января 2012 в 12:54

          А можно и свои, и чужие одновременно?

        • Евгений Вергус
          Ответить
          22 января 2012 в 12:56

          Нет, если в группах то чужие, но Ваши будут на чужих сайтах показываться, оттуда тоже трафик идет, но небольшой, несколько человек в день, а если в не групп, то просто Ваши и все.

        • Лариса
          Ответить
          22 января 2012 в 13:48

          А куда размещать? Я попробовала вставить код в редакторе дизайна в «шаблон страницы» — не отображается. Вставила в «основной шаблон» — появляется и в посте, и на главной странице в общем списке.

        • Евгений Вергус
          Ответить
          22 января 2012 в 13:50

          Надо размещать в одиночную запись, перед комментами (single.php)

        • Лариса
          Ответить
          22 января 2012 в 13:57

          Ясно, у меня в теме такого нет, только page и index.

        • Евгений Вергус
          Ответить
          22 января 2012 в 14:02

          Лариса, тем огромное количество, надо разбираться, значит где-то в коде index, надо пробовать.

        • Лариса
          Ответить
          22 января 2012 в 14:14

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

          Спасибо, не буду больше Вас отвлекать.

        • Евгений Вергус
          Ответить
          22 января 2012 в 14:15

          Всегда рад помочь.

  2. Светлана

    Евгений ну почему вы раньше не написали этот пост?:) Я на всех картинках прописывала заголовок русскими буквами, а потом еще и удивляюсь, почему в поисковиках они идут без заголовка, да с какой-то абракадаброй. Теперь буду все переделывать. Спасибо ,что подсказали.

    • Евгений Вергус
      Ответить
      22 января 2012 в 11:13

      Светлана, я сам пока разобрался, пока проверил, да обо всем невозможно написать одновременно.

  3. Лариса
    Ответить
    22 января 2012 в 12:41

    Спасибо, Евгений! У меня много картинок, и все тоже с кириллицей. Теперь буду исправлять. Я читала, что надо в alt прописывать название, так это альтернативный текст и есть, оказывается. Точно век живи — век учись.

    • Евгений Вергус
      Ответить
      22 января 2012 в 12:51

      Это точно, по-поводу, век живи — век учись!

      • Лариса
        Ответить
        25 января 2012 в 14:50

        Мда, плохо у меня с картинками на яндексе... может, их в какую-нибудь аддурилку добавить?

        • Евгений Вергус
          Ответить
          25 января 2012 в 16:49

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

  4. Игорь
    Ответить
    25 января 2012 в 1:38

    Мне одно непонятно, с картинки ссылку ставить или на другую страницу, или на главную, так что ли? Если да то соответственно надо подумать нужно ли, чтобы не потерять вес данной страницы. Я правильно понимаю.

    • Евгений Вергус
      Ответить
      25 января 2012 в 11:06

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

  5. Игорь
    Ответить
    25 января 2012 в 1:58

    Вот добавил я в Описание, и что, ничего ни где не видно, как убедиться.

    • Евгений Вергус
      Ответить
      25 января 2012 в 11:04

      Все прописано в коде, если все сделали как написано, то все нормально.

      • Игорь
        Ответить
        5 февраля 2012 в 13:10

        Но все таки хотелось бы узнать как можно проверить именно «Описание» где это видно. Да и еще, в описание можно ли писать на два ключа?

        • Евгений Вергус
          Ответить
          5 февраля 2012 в 13:19

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

  6. Сергей Монеткин
    Ответить
    31 января 2012 в 4:14

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

    • Евгений Вергус
      Ответить
      31 января 2012 в 14:20

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

  7. Татьяна
    Ответить
    21 февраля 2012 в 0:45

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

    Вот как выгдядит lys-eco.com/wp-content/up...0%B2-%D1%831.jpg

    • Игорь
      Ответить
      14 марта 2013 в 18:45

      Насчет латинских букв в заголовке фото не совсем согласен. У меня все фото в Заголовке и Альт (описание) пишу русским, и все нормально. Надо просто прописать в Вордпрессе у себя УТ-8, тогда все заработает.

      Кому непонятно можете убедиться сами с моих любых фото на budizdorov.com.

      Но есть еще одна фишка с фото о которой здесь умалчивается.

      Чтобы самому догадаться нужно потрудиться.

      Могу дать подсказку, с моего сайта скачайте фото и проанализируйте ее.

      Если не получится — вторая, опять же любое фото установите у себя на сайте (хотя бы временно), потом просмотрите код страницы.

      Успехов кому интересно!

      • Евгений Вергус
        Ответить
        14 марта 2013 в 19:52

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

  8. Татьяна
    Ответить
    21 февраля 2012 в 0:52

    Ой,извините,получилась активная ссылка.Что-то я наверное «накосячила» с оптимизацией картинок.В чем я ошиблась?

    • Евгений Вергус
      Ответить
      21 февраля 2012 в 11:23

      Татьяна, возможно картинка раньше была прописана русскими буквами и попала в выдачу с такой ссылок, работать будет и так.

  9. Татьяна
    Ответить
    21 февраля 2012 в 11:50

    Спасибо, значит оптимизировать нужно только новые, а старые все равно останутся в выдаче прежними даже после их оптимизации?

    • Евгений Вергус
      Ответить
      21 февраля 2012 в 13:11

      Да и старые со временем изменятся, если их оптимизировать.

  10. Алёна

    Здравствуйте Евгений, пожалуйста помоги разобраться!!! Почему у меня не открывается картинка, когда хочу редактировать, не могу обрезать. В записи ставится, уменьшить могу, только обрезать не могу, открывается белое окошко и сверху маленькая иконка, а раньше работало все. Я на wordpress. А на тестовом могу редактировать. Попробовала и через internet explorer не получается. Не могу найти причину помоги пожалуйста если можешь.

    • Евгений Вергус
      Ответить
      17 марта 2012 в 11:08

      Алена, я всегда редактирую картинку в редакторе, еще до того как загрузить на сайт. Я использую вот эту программку sovetywebmastera.ru/polez...ekrana-videourok

  11. Константин

    Замечательно! Я этому не придавал значения.

    Спасибо за подсказку, Евгений.

    Применю обязательно.

    Процветания тебе и заходи в гости — есть чем угостить...

    • Евгений Вергус
      Ответить
      25 марта 2012 в 12:17

      Константин, спасибо. Обязательно загляну в гости.

  12. Юрий
    Ответить
    23 октября 2012 в 10:34

    Превосходная информация Евгений! За четыре месяца создать такой сайт с нуля с такой посещаемостью, достойно уважения!

    • Евгений Вергус
      Ответить
      23 октября 2012 в 10:57

      Спасибо, Юрий, но сейчас блогу уже год.

  13. nikolai12
    Ответить
    10 декабря 2012 в 21:30

    Евгений, я учусь в бесплатной школе, нас там заставляют URL ссылки обрезать до самого названия сайта, а у вас я вижу wp-content/uploads/2012/01. Может я чего не понял? Или это не принципиально?

    • Евгений Вергус
      Ответить
      10 декабря 2012 в 21:38

      Не совсем понятно, что значит обрезать ссылку до самого названия, Вы имеете в виду это применительно к картинкам?

  14. Алексей

    Добрый вечер!Евгений а у меня сайт на Umi.cms,там в редакторе фоток,только 2 поля: описание изображения и название.Значит в описание я вставляю ключевые слова,а в название -как называется, и все на русском языке,я правильно понял,подскажите?Спасибо

    • Евгений Вергус
      Ответить
      13 марта 2013 в 23:28

      Алексей, я не работал с данной cms, но принцип одинаков везде, так что все правильно.

  15. Инга

    Хочу выразить огромную благодарность! Евгений, спасибо за статьи и видео уроки они очень помогают. Хочется сказать, что мое знакомство с вами было совершенно случайным, нашла где то на фейсбуке ссылку на ваш сайт и теперь делаю свой сайт о котором даже и не думала.Еще раз огромное спасибо, желаю Вам дальнейшего РОСТА И ПРОДВИЖЕНИЯ в сети интернет. Продолжайте в том же духе! =)

    • Евгений Вергус
      Ответить
      28 марта 2013 в 16:28

      Спасибо, Инга, я искренне рад, что мой блог и мой курс принесли Вам пользу. Желаю Вам удачи! И всегда рад видеть на своем блоге.

  16. alexeysviridenko

    Вот статья для людей! Спасибо огромное! Очень помогли 🙂

    • Евгений Вергус
      Ответить
      3 апреля 2013 в 13:08

      Пожалуйста, применяйте и пользуйтесь 🙂

  17. Алексей
    Ответить
    10 апреля 2013 в 12:57

    Добрый день!Евгений а подскажите,как правильно вставить 3 фотографии в одну линию по ширине,т.е у меня ширина 600,я хочу вставить 3 фотки по 180 примерно.Как это сделать на вордпресс?Спасибо

    • Евгений Вергус
      Ответить
      10 апреля 2013 в 14:53

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

  18. Татьяна
    Ответить
    24 мая 2013 в 21:56

    Жень вопрос. Когда поисковики индексируют новую статью, картинки ( а в моем случае уникальные фото) тоже индексируются, или для них отдельные пауки приходят )) и картинки попадают в индекс позже?

    • Евгений Вергус
      Ответить
      25 мая 2013 в 9:27

      Все сразу индексируется, статья целиком, так как индексируется весь код статьи, а не только текст.

      • Татьяна
        Ответить
        25 мая 2013 в 9:35

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

        • Евгений Вергус
          Ответить
          25 мая 2013 в 9:41

          Так здесь тоже просто все, не все проиндексированные картинки есть в выдаче.

  19. Мария

    Евгений как правильно подписать картинку

    Например. Статья "Вебинар Ольги Эсингу «Вдохни энергию в свою жизнь»

    в All in One SEO Pack пишу title «Ольга Эсингу» (смотрела запросы в wordstate)

    Как правильно подписать картинку?

    1. по названию статьи

    2. или по title

    🙁

    • Евгений Вергус
      Ответить
      24 ноября 2013 в 17:31

      Лучше прописать запрос и все будет нормально.

  20. Лариса
    Ответить
    23 декабря 2013 в 0:19

    Евгений, не понимаю, как это сделать: "Также с картинки можно сделать ссылку на свой сайт или статью на сайте, для этого кликнете на картинку и в редакторе нажмите на цепочку «Добавить ссылку».

    В каком РЕДАКТОРЕ? На какую ЦЕПОЧКУ?

    • Евгений Вергус
      Ответить
      23 декабря 2013 в 0:20

      В редакторе вордпресс, там где пишите статью 🙂

      • Лариса
        Ответить
        23 декабря 2013 в 1:05

        1.Евгений, верхняя картинка в вашей статье имеет заголовок русским текстом, а другие — латинским. Почему?

        2.Заголовок картинки не должен совпадать с заголовком статьи?

        3. У меня получились картинки большим весом — около 50 КБ. как уменьшить вес?

        4. Все картинки PNG, как из них сделать JPEG?

        • Евгений Вергус
          Ответить
          23 декабря 2013 в 23:30

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

          Заголовок может совпадать, но нужно понимать, что это еще одна ключевая фраза для статьи.

          Уменьшить вес можно в любом редакторе.

          Поменять расширение картинки тоже можно в специальных программах, можете почитать здесь sovetywebmastera.ru/polez...ekrana-videourok

    • Лариса
      Ответить
      23 декабря 2013 в 0:48

      Поняла.А почему сразу нельзя в Добавить медиафайл в строчке Ссылка выбрать Ссылка на страницу вложения?

      • Евгений Вергус
        Ответить
        23 декабря 2013 в 23:25

        Делать можно и по разному, я говорю о том, как это делаю я 🙂

  21. Миша
    Ответить
    9 мая 2014 в 13:13

    Евгений, а на каких сайтах можно брать картинки бесплатно?

    • Евгений Вергус
      Ответить
      10 мая 2014 в 10:52

      Я беру в поиске яндекса и потом переделываю в фотошопе.

  22. Диана

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

    Просто когда загружаю картинку, которая весит всего 30кб, качественная, с четким изображением...а после загрузки и опубликования, качество картинки чуть-чуть портится и уже не такая четкая, и не знаю как исправить.(

    • Евгений Вергус
      Ответить
      5 ноября 2014 в 14:46

      Ну так дело в само шаблоне, тогда и вопрос к разработчику.

  23. Ирина
    Ответить
    2 августа 2015 в 10:20

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

    • Евгений Вергус
      Ответить
      2 августа 2015 в 11:55

      Имеет конечно, но я по этому поводу не заморачиваюсь сильно и беру картинки из поиска 🙂

  24. Анатолий
    Ответить
    7 декабря 2015 в 22:06

    Добрый день.

    Стал разбираться с изображениями и запутался.

    У меня на сайте совсем другие надписи в админке WordPress. В режиме редактирования изображения есть только такие графы:

    1. Подпись.

    2. Атрибут ALT

    3. Атрибут Title

    4. CSS-класс изображения

    5. Отношение

    6. CSS-класс ссылки

    Расскажите, пожалуйста, что куда писать. Как это все правильно заполнить?

    С уважением, надеюсь на вашу помощь.

    • Евгений Вергус
      Ответить
      8 декабря 2015 в 10:08

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

  25. Андрей
    Ответить
    1 февраля 2016 в 1:12

    Я новый подписчик. Мой сайт на WP, запущен 30 декабря. Интересует поисковая оптимизация текста и картинок.

    Разрешите вопрос: при оптимизации картинок в редакторе такие строки: ЗАГОЛОВОК, title, а в доп. настройках снова ЗАГОЛОВОК. Так где писать латиницей, а где кириллецей? Строки АЛЬТЕРНАТИВНЫЙ ТЕКСТ нет.

    При наведении курсора на картинку всплывает надпись в ЗАГОЛОВОКе, а должна всплывать из титла. А как надо?

    Спасибо.

    • Евгений Вергус
      Ответить
      1 февраля 2016 в 9:36

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

  26. Андрей
    Ответить
    1 февраля 2016 в 21:08

    Понял. Спасибо.

    Попутный момент вызывает недоумение — спрашиваю у Google индексацию картинок, всё в порядке, а спрашиваю в Yandex, ответ — загрузите свой сайт на хостинг хостия.ру и т д., картинок нет.

    При этом, права на сайт в яндексе подтверждены?

    Ваш короткий коммент моя просьба.

    • Евгений Вергус
      Ответить
      3 февраля 2016 в 17:12

      Я вообще не понял ваш вопрос )

  27. Андрей
    Ответить
    4 февраля 2016 в 20:40

    Извините, ещё раз:

    Вот здесь pr-cy.ru/a/infookno.ru проверяю индексацию картинок в Яндексе и Гугле. Гугл показывает все картинки до одной вместе с уже удалёнными ранее одно страничниками партнёрки, а Яндекс вообще не показывает ни одной картинки самого сайта, а только удалённые ранее одностраничники.

    Вот об этом и вопрос.

    Спасибо за ваш ответ.

    • Евгений Вергус
      Ответить
      5 февраля 2016 в 10:38

      Все у вас нормально. Поисковики постоянно индексируют страницы и картинки и информация всегда меняется.

  28. Надежда
    Ответить
    31 августа 2016 в 1:55

    Здравствуйте!

    Наконец-то узнала четко и понятно, что надо делать с картинкой.

    Теперь вернусь и доработаю все картинки.

    Только надо разобраться с URL ссылкой, как она получается.

    Спасибо за полезную статью!

  29. Deri
    Ответить
    31 августа 2016 в 12:11

    Хорошо что получил уведомление на почту о новом комментарии. Еще перечитал статью и комменты, как говориться: повторение — мать учение.

  30. Vadim
    Ответить
    22 октября 2016 в 14:46

    Спасибо за полезную и интересную информацию. Продвижение сайтов и оптимизация дает возможность повысить их ранжирование в поисковиках, а, следовательно, увеличить посещаемость. Наращивание количества посещений обязательно приводит к увеличению продаж, расширению клиентской базы и возрастанию доходов. Раскрученный сайт – это работающий на вас ресурс, а не просто страничка в интернете: topmayseo.ru

  31. Айк
    Ответить
    21 декабря 2016 в 2:33

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

    21 век на дворе,нужно автоматизировать процесс сжатия,а не оптимизировать каждое изображение по отдельности.

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

Оставить свой комментарий