Улучшаем позиции блога картинками

 

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

Не поверите, но такие сайты тоже встречаются. Не так давно я наткнулся на один такой. Фон статьи яркого салатового цвета, шрифт наверно 6 или 8 размера, красного цвета, абзацев нет, картинок тоже. В общем, ужос. После минуты чтения у меня чуть глаза на стол не выпали, а полушария явно начали конфликтовать друг с другом. Я подозреваю, что у автора какие-то свои представления об оптимизации статей. Ну да ладно, пожелаем ему хороших позиций и благодарных читателей.

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

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

В-третьих, картинки на вашем сайте могут стать источником трафика. Как у Яндекса, так и у Google есть поиск по картинкам. Если изображения на вашем сайте оптимизированы, то они могут с легкостью выходить на первые позиции поиска по картинкам. Ну и наконец, правильно прописанные теги к изображениям могут несколько улучшить позиции вашего сайта по определенным запросам.

 

Что такое оптимизация изображений

1. В идеале картинка должна быть уникальной, то есть ее цифрового кода не должно быть в интернете. Уникальное изображение вы можете сделать самостоятельно, например, сделав скриншот экрана или сфотографировав на фотоаппарат. Если вы обладаете даром художника, то можете нарисовать картинку при помощи того же Photoshop, или уникализировать картинки из интернета. А как проверить уникальность изображения я писал здесь.

2. Размер изображения. Как правило, снимки экрана и фотографии имеют очень большой размер (иногда до нескольких десятков мегабайт). Для сайта это не подходит. Во-первых, страница с такими картинками будет загружаться очень долго, во-вторых, вам не хватит никакого дискового пространства на вашем хостинге. Старайтесь, что бы размер изображений был не более 50-60кб. При этом вы не потеряете в скорости загрузки и сохраните качество изображения.

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

4. Название самого файла картинки должно содержать ключевые слова и быть на английском языке.

 

Оптимизация изображений для Интернета

Давайте разберемся, как оптимизировать изображение при помощи программы Adobe Photoshop. Открываем картинку при помощи фотошопа. Теперь нам надо отредактировать изображение и изменить его размер. Вы можете добавить к изображению надпись или свой логотип, повернуть или отразить картинку. В общем, если вы серьезно занимаетесь созданием сайта, то настоятельно рекомендую подружиться с этой программой.

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

Откроется окно с параметрами вашей картинки. В поле «Ширина» устанавливаем подходящее для вас значение. Если стоит галочка «Сохранять пропорции», то длина установиться автоматически. Сохраняем изменения.

Теперь нам надо сохранить само изображение в оптимизированном виде. Для этого выбираем вкладку Файл -> Сохранить для Web.

Выбираем формат JPEG, качество высокое, обязательно ставим галочку напротив «Оптимизированное» и качество ставим от 60 до 70. Сохраняем.

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

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

С уважением, Данил Новоселов

 

Интересные темы:


db972060

Что такое SEO
Как улучшить поведенческие факторы
Seo оптимизация сайта. Чего не стоит делать.

 

 

47 comments к Улучшаем позиции блога картинками

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

    • Всеравно тот кто возьмет эту картинку пострадает (в отношении поисковых систем), а первоисточник нет, так что думаю это не такой уж и важный пункт. 

      • Я считаю, что страдать никто не будет, а вот лишняя реклама своего бренда (сайта) при показах в тех же гугл картинках или яндекс картинках не помешает

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

          • Да не нужно, но можно эту картинку хотя бы вывести монитор и на фотоаппарат сфотографировать и прилепить туда свой водяной знак — уникальный цифровой код у такого графического файла будет 100%

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

    • Да, а еще есть умники, которые огроммной картинке с разрешением 1024 на 760 в админке задают размер 300 на 200, а потом думают, почему это их сайт так долго грузится :)

    • Я тоже не дожидаюсь если страница долго грузится.

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

      • Лилия:

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

  3. Действительно Photoshop — самый лучший инструмент для редактирования размера и «веса» изображения. Я вообще стараяюсь не делать изображения  больше 35Кб, это самый оптимильный размер.

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

  4. Вот что-то но атрибут alt должен быть в картинке полюбому, даже сам гугл об этом говорит, та даже сайт валидацию не проходит если в картинок не прописывается альтернативное описание (alt);

    • Благо платформа WordPress позволяет быстро прописать Альт к каждой новой фотографии, загруженной в мультимедийную библиотеку Вашего сайта!

  5. Картинки и фотографии в статье, безусловно, очень важны. Трафик, правда, с них небольшой, но он есть. У меня на блоге в сезон 10-15 посетителей с поиска по фотографиям заходили, сейчас — около 5.

    • А я вообще не понимаю зачем трафик из картинок, всеравно те люди которые  заходят на сайт по поиску картинок в основном это делают для того чтобы замутить себе эту картинку :)  

      • В корне не согласен, я часто выходил именно через картинки, а не поиск на очень интересные ресурсы и некоторые из них читаю до сих пор. Логика простая, да ты ищешь чтобы замутить картинку, находишь понравившуюся и думаешь — а нет ли там еще подобных. Заходишь на сайт и если он приличный, остаешься его читателем!

  6. Кстати уменьшить вес и изменить размер картинки можно и без Фотошопа. Практически любой просмотровщик справится с этой задачей :)

    • Согласен, уменьшить изображение можно и без фотошоп, но лучший вариант это именно Photoshop, по этому я думаю не нужно ничего придумывать, а пользоваться проверенным инструментом.

    • Так то оно так, но в любом случае каждый владелец блога придет к тому, что Фотошоп учить нужно или платить тому ,кто умеет им пользоваться. Это основа основ и учиться ей лучше начинать как можно раньше ИМХО

      • Это точно, тем более учиться там особо не чего, особенно для блоггера, нужно знать  все поверхностно, что какая кнопочка делает да и всё, ему же (блоггеру) не дизайны рисовать, а картинки на блог создавать и уменьшать, а это элементарно. 

        • Я вот взялся серьезно за софтину, хочу не только картинки обрабатывать, но и оригинальный дизайн сайта себе свертсать... Если получится буду платные услуги предлагать :)

  7. У кого железо слабоватое или Фотошоп — не его лучший друг я бы посоветовал замечательную бесплатную программу XnView. Обожаю эту софтину, с оптимизацией фото она справится на раз!

  8. Оптимизация изображений вещь нужная, но конечно долгая. Лично я для уменьшения использую Microsoft Office Picture Manager

  9. Интересно будет поглядеть на результаты конкурса, тут такой мегабатл между Сергеем и Виталием был. Кто же победил?

  10. Что-то Данил блог забросил... :(

    • Лилия:

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

Добавить комментарий для Сергей Отменить ответ