Как оптимизировать картинку на WordPress
Уважаемые друзья, рад снова Вас всех приветствовать на сайте «Советы веб-мастера» и сегодня я расскажу Вам как правильно разместить картинку на сайте и оптимизировать её для поисковых систем. Мне неоднократно задают вопрос, как разместить картинки на сайте, но картинки надо еще и оптимизировать и это очень важно, даже на моем молодом сайте, а ему нет еще и четырех месяцев, бывает что поисковый трафик, именно с правильно оптимизированных картинок, дает мне от 30 до 50 посетителей в день, кстати как увеличить посещаемость можно посмотреть мой видеоурок здесь. Вывод прост, оптимизируйте картинку и получайте посетителей на свой сайт, кстати как правильно оптимизировать картинку, есть в моем бесплатном видеокурсе «Как сделать сайт легко и просто», кому интересно, можете получить его совершенно бесплатно и просмотреть все видеоуроки, доступ по данной ссылке.Итак, как же нам разместить картику, для этого заходим в редактор статьи, ставим курсор в нужном месте и нажимаем на символ картинки или на звездочку, загрузить медиафайл, разницы никакой нет, смотрим скриншоты:
далее выбираем и загружаем картинку, нажмите для увеличения.
Заголовок пишем латиницей, а то в выдаче будет ссылка с процентами и закарлючками, как сделать на сто процентов правильно, кроме поисковиков не знает никто, я делаю именно так и это работает. Затем в поле Альтернативный текст пишем название нашей картинки оптимизированное под нч запрос, а лучше запрос плюс какое-нибудь слово, в описании тоже самое или даже более, я к данной картинке добавил сразу два запроса, так как по ним итак мало запросов, около 80-90 в месяц, так что это самые что не наесть НЧ запросы. Затем выбираем место, слева, справа или по центру, также можно выбрать размер, но это не столь важно, размер мы можем изменить чуть позже, после всего проделанного нажимаем на кнопку «Вставить в запись». Если нам надо сделать отступы от текста или поиграть с размером картинки, надо кликнуть на нее мышкой и после этого нажать на синее окошко, в верхнем левом углу, редактировать изображение, далее смотрим скриншоты.
*
Уменьшаем изображение, если нужно и нажимаем обновление, если необходимо сделать отступ, идем в расширенные настройки и делаем нужный вертикальный или горизонтальный отступ в пикселях, 5, 10 и так далее, сколько Вам нужно, внизу ставим галочку «Открывать в новом окне» и сохраняем.
***
Вот в принципе и все, все достаточно просто и легко, делайте так с Вашими картинками и все они будут оптимизированы и у Вас будет дополнительный трафик с поисковых систем. Также с картинки можно сделать ссылку на свой сайт или статью на сайте, для этого кликнете на картинку и в редакторе нажмите на цепочку «Добавить ссылку».
Жду Ваших комментариев к статье и как всегда с удовольствием отвечу на все Ваши вопросы. Также еще раз хочу напомнить о своем новом бесплатном курсе «Как сделать свой сайт легко и просто», получить доступ можно по ссылке ниже.
Здравствуйте, Евгений! Спасибо за статью. У меня давно возник вопрос — пытался сам его решить, но не получается. как вы вставляете картинки которые находятся у вас перед комметариями. Если по типу " добавить медиофайл ", то там три места размещения, а у вас 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
Замечательно! Я этому не придавал значения.
Спасибо за подсказку, Евгений.
Применю обязательно.
Процветания тебе и заходи в гости — есть чем угостить...
Константин, спасибо. Обязательно загляну в гости.
Превосходная информация Евгений! За четыре месяца создать такой сайт с нуля с такой посещаемостью, достойно уважения!
Спасибо, Юрий, но сейчас блогу уже год.
Евгений, я учусь в бесплатной школе, нас там заставляют URL ссылки обрезать до самого названия сайта, а у вас я вижу wp-content/uploads/2012/01. Может я чего не понял? Или это не принципиально?
Не совсем понятно, что значит обрезать ссылку до самого названия, Вы имеете в виду это применительно к картинкам?
Добрый вечер!Евгений а у меня сайт на Umi.cms,там в редакторе фоток,только 2 поля: описание изображения и название.Значит в описание я вставляю ключевые слова,а в название -как называется, и все на русском языке,я правильно понял,подскажите?Спасибо
Алексей, я не работал с данной cms, но принцип одинаков везде, так что все правильно.
Хочу выразить огромную благодарность! Евгений, спасибо за статьи и видео уроки они очень помогают. Хочется сказать, что мое знакомство с вами было совершенно случайным, нашла где то на фейсбуке ссылку на ваш сайт и теперь делаю свой сайт о котором даже и не думала.Еще раз огромное спасибо, желаю Вам дальнейшего РОСТА И ПРОДВИЖЕНИЯ в сети интернет. Продолжайте в том же духе! =)
Спасибо, Инга, я искренне рад, что мой блог и мой курс принесли Вам пользу. Желаю Вам удачи! И всегда рад видеть на своем блоге.
Вот статья для людей! Спасибо огромное! Очень помогли 🙂
Пожалуйста, применяйте и пользуйтесь 🙂
Добрый день!Евгений а подскажите,как правильно вставить 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 ссылкой, как она получается.
Спасибо за полезную статью!
Хорошо что получил уведомление на почту о новом комментарии. Еще перечитал статью и комменты, как говориться: повторение — мать учение.
Спасибо за полезную и интересную информацию. Продвижение сайтов и оптимизация дает возможность повысить их ранжирование в поисковиках, а, следовательно, увеличить посещаемость. Наращивание количества посещений обязательно приводит к увеличению продаж, расширению клиентской базы и возрастанию доходов. Раскрученный сайт – это работающий на вас ресурс, а не просто страничка в интернете: topmayseo.ru
А как оптимизировать 40.000 изображений которые на сайте уже,кто знает хороший плагин?
21 век на дворе,нужно автоматизировать процесс сжатия,а не оптимизировать каждое изображение по отдельности.
Загрузил на сайт-плагин оптимизировал и все -автоматизировать,не все нужно руками делать,цените время друзья !
Вот — у меня именно эта проблема: когда картинок уже много, все нужно оптимизировать...Рук не хватает. Но здорово, что имеется такой плагин, который выполняет большие объёмы работ по оптимизации картинок.
Добрый день. Вставляю картинку на сайт (с выравниванием картинки слева), далее добавляю текст. Первая строка остается справа от картинки, а все остальное съезжает вниз и влево под нее. Как это исправить?
Я вот выяснила, что картинки у меня на сайтах не только не правильно подписаны, но ещё и тяжелые. Вес нужно убирать тоже.
Непросто вести свой блог — но интересно...Не заскучаешь)))...