Многие начинающие блогеры не придают значения оптимизации изображений для сайта.

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

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

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

Зачем нужны картинки wordpress

Медиафайлы: фотографии и графика, если они имеют отношение к теме, привлекают внимание читателей. Они разбивают текст и облегчают его чтение с экрана.

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

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

Поэтому давайте разбираться, в чем заключается оптимизация картинок для сайта. Может ли Seo оптимизация изображений wordpress, придание им нужных размеров и веса сделать их привлекательными для читателей и для поисковых роботов.

Почему нужна оптимизация изображений wordpress

Изображение БОЛЬШОЕ ПО РАЗМЕРУ – вместо дополнительного элемента статьи оно превращается в главный, берет на себя все внимание.

Большой размер картинки – ТЯЖЕЛЫЙ файл. Это ведет к медленной загрузке страницы. Это минус в глазах поисковых систем. Далеко не каждый посетитель будет долго ждать, пока ваша страница грузится в браузере. Не у всех есть скоростной канал подключения к интернету.

В рамках вашего тарифа хостер предоставляет определенный объем дискового пространства. Превысите его - придется менять тариф (платить больше) или оптимизировать изображения на сайте wordpress. Так лучше уж делать оптимизацию с самого начала.

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

Оптимизировать изображения wordpress можете в программе Adobe Photoshop. Однако программа платная, не всякий новичок умеет в ней работать. Начинающим блогерам помогут программы Microsoft Office Picture Manager или Paint, которые у каждого есть на компьютере. Подробнее об оптимизации картинок перед загрузкой здесь.

Оптимизация картинок для сайта

НАЧНИТЕ с названия. Дайте картинке правильное имя. ПЕРЕИМЕНУЙТЕ ее на компьютере, до загрузки изображения на блог.

Часто медиафайлы называют i234 или 0_3a3d7_8ab70ec_XL. Такое название не несет никакой смысловой нагрузки и абсолютно бесполезно в плане продвижения.

Другое дело, если у файла будет осмысленный тайтл (заголовок), который поможет продвижению в Гугле (в заголовке транслитерация) или Яндексе (заголовок написан по-русски).

Имя файла (картинки) пишите по-английски, используйте латинские буквы, так как кириллицу (русские буквы) поисковые машины читать еще не научились. В моем случае изображение можно назвать так: optimizacia-kartinok или optimizacia_kartinok.

Вначале по незнанию я называла картинки по-русски. Плагин Broken Link Checker все ссылки на такие картинки считает битыми, ошибочными. Переделываю...

Seo оптимизация изображений wordpress

Она заключается в заполнении текстового описания изображений непосредственно на сайте. 

Желательно, нет, обязательно используйте ключевое слово, по которому продвигается статья. Поисковики любят атрибуты тега Img ( Title и Alt). Подскажите поисковым роботам, что у вас есть замечательная картинка по данному поисковому запросу.

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

Вот как выглядит это изображение в формате Html

Гугл индексирует только уникальные картинки, поэтому старайтесь выкладывать или уникальные изображения, или придать им уникальность (поворот на 15%, сделать коллаж).

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

Это подтверждает сервис MegaIndex.ru, в котором можете выполнить Seo аудит каждой вашей статьи. 

Как вставить изображение на сайт правильно

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

Если вы нашли такие ошибки у себя на сайте, не ленитесь, исправьте.

Сделайте оптимизацию картинок для сайта и вновь загрузите их в публикацию.

Не забудьте про описание (Seo оптимизация отлично работает для изображений wordpress).

Удалите ненужные копии картинок из библиотеки медиафайлов.

Оптимизируйте базы данных сайта. После этого он заметно похудеет, что позволит ускорить загрузку сайта. Как оптимизировать базы данных читайте тут и здесь. Это материал об ошибках начинающих блоггеров.

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

Метки:

Внутренняя оптимизация сайта

ПОХОЖИЕ СТАТЬИ:

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

20 отзывов к “Оптимизация изображений для сайта

  • Елена:

    Спасибо. Очень полезная статья. Не знала, что редакция изображений в вордпресс нежелательна. Хотелось бы добавить, что не у всех новичков есть фотошоп. Это довольно дорогая программа, и не каждый может себе позволить ее купить, тем более, если использовать ее только для оптимизации изображений. Недавно у меня сломался компьютер и мне пришлось срочно искать замену фотошопу. И я нашла бесплатную программу GIMP. В ней практически все те же функции. Конечно, после фотошопа она кажется не такой удобной, и не все сразу понятно, но на сайте разработчика есть подробная инструкция по работе, так что разобраться совсем не сложно. Ну а для оптимизации картинок для сайта и вовсе это отличное подспорье, большего и не надо.

    • Ольга:

      Елена, конечно, Фотошоп не у всех есть.
      А вот Microsoft Office Picture Manager есть у каждого. Элементарное редактирование с ним выполнить можно (до загрузки на сайт).
      Редактирование в Вордпресс — это создание копий, дублей и лишняя работа по удалению этого мусора.

  • Katerina:

    Полезная статья! только я уже несколько раз встречаюсь с тем, что Вы пишете, что может быть ошибка в в файле robots.txt. А как узнать все ли в порядке с этим файлом? как он должен правильно выглядеть?

    • Ольга:

      Katerina, образец файла robots.txt Вы можете посмотреть в интернете. Наберите «правильный robots.txt для WordPress». Настраивает его каждый блогер самостоятельно в зависимости от своих нужд.
      Наиболее частые ошибки: запрет индексирования Disallow: /*? — запрещено индексирование страниц http: // адрес сайта/?p=225 (не установлен плагин RusToLat). В неправильном файле все может быть запрещено от индексирования.
      Как выглядит Ваш robots.txt можно посмотреть, если на открытой странице к адресу сайта добавить /robots.txt.

  • Таисия:

    Спасибо за подробные пояснения. Но я не совсем поняла фразу: Если вам нужно, чтобы при нажатии на картинку она увеличивалась, правильно запишите в поле ссылку с анкором и тегами «noindex». Как сделать такую ссылку? Если возможно какой-нибудь пример бы посмотреть)) Заранее благодарю.

    • Ольга:

      Таисия, вот пример.
      Нажимайте, картинка кликабельна, но открывается в новом окне.
      Для увеличения картинки при нажатии на нее надо:
      1. загрузить в библиотеку медиафайлов 2 картинки (большую и маленькую);
      2. в записи в формате html прописать ссылку

      ссылка
      где ширину и высоту указываете сами.

      Второй вариант — применить плагин Auto Highslide.

  • Таисия:

    Ольга, спасибо. Я как раз использую Auto Highslide. Но после вашей статьи, попробовала убрать ссылку (нажав на НЕТ), после чего картинка просто неподвижна, т.е. плагин не срабатывает. А так получается, что в библиотеке в итоге будет 2 одинаковые картинки (кроме размера)? Не будет ли это наоборот делать блог тяжелым? Если каждая картинка будет удваиваться? Или я опять не правильно что-то поняла?

    • Ольга:

      1.Не всем надо, чтобы картинка увеличивалась. Некоторые просто ищут эту кнопочку НЕТ.

      2.Да, в библиотеке медиафайлов будет по 2 картинки.
      Если Вы используете в постах немного картинок, это не сыграет плохой роли для блога (Вам ведь не надо увеличивать все картинки, только слишком мелкие).

      3.Если картинок много — тогда лучше использовать плагин или скрипт. Чтобы внедрить скрипт — надо изменить код шаблона.

      • Таисия:

        благодарю.

  • Новикова Марина:

    Как узнать сколько копий картинки в библиотеке медиафайлов?

    • Ольга:

      Два пути:
      1. открыть папку медиафайлы (справа в админпанели) и посмотреть. Если изображения одинаковые (загружали несколько раз)- убрать более старые копии.
      2. когда в записи вы вставляете изображение, в верхней части видно вставку Галерея. Нажмите ее и посмотрите, какие изображения прикреплены именно к этой записи, и нужны ли они вам.

      • Kiddie:

        Я не в тему.
        Вопрос:Где у Вас находится «поиск по сайту»?
        Возможно ответ уже есть,но я не знаю как найти.
        И вот что я ищу:после обновления Вордпресс на сайте перестал работать тег «more.» Ну и неясно как же быть.Вроде и обновляться надо и вроде и тега крайне жалко.

      • Ольга:

        У меня нет информации на сайте по этому вопросу.
        И обновления Вордпресс я не делаю сразу после их опубликования — слишком много багов и глюков.

  • Новикова Марина:

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

    • Ольга:

      У меня такой статьи нет.
      Очень хорошо написано вот здесь http: // chironova.ru/kartinki-dlya-bloga-kak-udalit-nevidimyie-dubli-izobrazheniy/
      Почитайте, Марина.

  • Ирина:

    Ольга, спасибо большое! Очень полезная статья! Подскажите, пожалуйста, — 1. к какому результату должна меня привести установка «нет» в графе «ссылка» медиафайла? сколько в таком случае должно получаться картинок на сервере? 2. зашла на сервер вижу с каждой картинкой примерно такое: три вида фалов на каждую: картинка.jpg картинка300х200(изначальный размер при добавлении) картинка150х150. Собственно — зачем их столько, нужно ли какие-то из них удалить и если да, то — какие? 🙂 Заранее спасибо!!

    • Ольга:

      Ирина, три картинки — это особенности движка WordPress. Ненужные надо убирать вручную.
      Установка Нет в графе ссылка приводит к тому, что изображение в новой вкладке открывается в том же размере. Если не нажать — будет открываться в увеличенном размере (иногда так и надо).

  • Гарольд:

    Интересно читать. Спасибо.один вопрос -читая про оптимизацию изображений (фото- картинок) разные авторы дают разное толкование общих вопросов.Вопрос — на каком языке все таки правильно писать название фото (.JPG) .у меня русскоязычный сайт и я думал что и название должны быть на русском.а многие пишут что роботы их не индексируют и выдают ошибки. Кто прав ? Спасибо

    • Ольга:

      Для русскоязычных сайтов лучше всего применять транслитерацию текста — написание русских символов латиницей.
      Есть специальные конвертеры, например, http: //translit.net/, http: //translit-online.ru/.
      Эти переводчики используют, чтобы угодить поисковым машинам, которые понимают только латинские символы, и дать возможность человеку, не знакомому с английским языком, легко воспринимать слова.
      Чтобы дать правильные названия картинкам, можно использовать Вордпресс. Для образования урла страницы в нем как раз применяется транслитерация.

  • BoostSpeed:

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

 для диалога необходимо принять правила кофиденциальности *