Блог Евгения Вергуса Советы Вебмастера

Начните зарабатывать на партнерских программах, даже если у вас нет опыта и знаний! Скачайте бесплатный видеокурс по партнерским программам. Получить бесплатно
Евгений Вергус
Рубрики блога: Показать все

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

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

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

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

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

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

 

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

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

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

*

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

*** 

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

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

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

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

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

Спасибо Вам за то, что поделились статьей в социальных сетях!
Вконтакте
Телеграм
Рекомендую ознакомиться с похожими статьями:
Оставлено 82 комментария
  • Сергей

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

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

    • Евгений Вергус

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

      • Лариса

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

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

      • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

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

      • Лариса

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

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

      • Евгений Вергус

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

  • Светлана

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

    • Евгений Вергус

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

  • Лариса

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

    • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

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

  • Игорь

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

    • Евгений Вергус

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

  • Игорь

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

    • Евгений Вергус

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

      • Игорь

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

      • Евгений Вергус

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

  • Сергей Монеткин

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

    • Евгений Вергус

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

  • Татьяна

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

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

    • Игорь

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

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

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

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

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

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

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

      • Евгений Вергус

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

  • Татьяна

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

    • Евгений Вергус

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

  • Татьяна

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

    • Евгений Вергус

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

  • Алёна

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

    • Евгений Вергус

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

  • Константин

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

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

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

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

    • Евгений Вергус

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

  • Юрий

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

    • Евгений Вергус

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

  • nikolai12

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

    • Евгений Вергус

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

  • Алексей

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

    • Евгений Вергус

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

  • Инга

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

    • Евгений Вергус

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

  • alexeysviridenko

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

    • Евгений Вергус

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

  • Алексей

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

    • Евгений Вергус

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

  • Татьяна

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

    • Евгений Вергус

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

      • Татьяна

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

      • Евгений Вергус

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

  • Мария

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

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

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

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

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

    2. или по title

    🙁

    • Евгений Вергус

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

  • Лариса

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

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

    • Евгений Вергус

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

      • Лариса

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

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

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

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

      • Евгений Вергус

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

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

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

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

    • Лариса

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

      • Евгений Вергус

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

  • Миша

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

    • Евгений Вергус

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

  • Диана

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

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

    • Евгений Вергус

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

  • Ирина

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

    • Евгений Вергус

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

  • Анатолий

    Добрый день.

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

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

    1. Подпись.

    2. Атрибут ALT

    3. Атрибут Title

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

    5. Отношение

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

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

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

    • Евгений Вергус

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

  • Андрей

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

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

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

    Спасибо.

    • Евгений Вергус

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

  • Андрей

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

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

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

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

    • Евгений Вергус

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

  • Андрей

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

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

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

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

    • Евгений Вергус

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

  • Надежда

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

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

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

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

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

  • Deri

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

  • Vadim

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

  • Айк

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

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

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

    • Ирина

      Вот — у меня именно эта проблема: когда картинок уже много, все нужно оптимизировать...Рук не хватает. Но здорово, что имеется такой плагин, который выполняет большие объёмы работ по оптимизации картинок.

  • Василиса

    Добрый день. Вставляю картинку на сайт (с выравниванием картинки слева), далее добавляю текст. Первая строка остается справа от картинки, а все остальное съезжает вниз и влево под нее. Как это исправить?

  • Ирина

    Я вот выяснила, что картинки у меня на сайтах не только не правильно подписаны, но ещё и тяжелые. Вес нужно убирать тоже.

    Непросто вести свой блог — но интересно...Не заскучаешь)))...

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

Ваш адрес email не будет опубликован.