Улучшаем позиции блога картинками
Приветствую вас, уважаемые читатели моего блога. Сегодня хочу поговорить с вами про оптимизацию изображений для вашего сайта. Сейчас сложно найти в Интернете сайт, на котором бы не присутствовали картинки. Согласитесь, статья, грамотно украшенная картинками, читается значительно легче, чем сплошной текст, да еще каким-нибудь мелким шрифтом на зеленом фоне.
Не поверите, но такие сайты тоже встречаются. Не так давно я наткнулся на один такой. Фон статьи яркого салатового цвета, шрифт наверно 6 или 8 размера, красного цвета, абзацев нет, картинок тоже. В общем, ужос. После минуты чтения у меня чуть глаза на стол не выпали, а полушария явно начали конфликтовать друг с другом. Я подозреваю, что у автора какие-то свои представления об оптимизации статей. Ну да ладно, пожелаем ему хороших позиций и благодарных читателей.
В пользу использования изображений на сайте есть масса аргументов. Во-первых, это улучшение внешнего вида статьи, ее читабельности, а соответственно и поведенческих факторов.
Во-вторых, если ваша статьи носит информационный характер, то при помощи картинок вы можете наглядно изложить материл и пошагово объяснить читателю, что ему необходимо сделать для получения результата. Кстати, еще круче — использовать в вашей статье видеоматериалы собственного производства. Но об этом несколько позже, следите за обновлением.
В-третьих, картинки на вашем сайте могут стать источником трафика. Как у Яндекса, так и у Google есть поиск по картинкам. Если изображения на вашем сайте оптимизированы, то они могут с легкостью выходить на первые позиции поиска по картинкам. Ну и наконец, правильно прописанные теги к изображениям могут несколько улучшить позиции вашего сайта по определенным запросам.
Что такое оптимизация изображений
1. В идеале картинка должна быть уникальной, то есть ее цифрового кода не должно быть в интернете. Уникальное изображение вы можете сделать самостоятельно, например, сделав скриншот экрана или сфотографировав на фотоаппарат. Если вы обладаете даром художника, то можете нарисовать картинку при помощи того же Photoshop, или уникализировать картинки из интернета. А как проверить уникальность изображения я писал здесь.
2. Размер изображения. Как правило, снимки экрана и фотографии имеют очень большой размер (иногда до нескольких десятков мегабайт). Для сайта это не подходит. Во-первых, страница с такими картинками будет загружаться очень долго, во-вторых, вам не хватит никакого дискового пространства на вашем хостинге. Старайтесь, что бы размер изображений был не более 50-60кб. При этом вы не потеряете в скорости загрузки и сохраните качество изображения.
3. Правильное заполнение тегов Title и Alt. Title должен содержать ключевое слово, желательно в точном вхождении. В Alt тоже необходимо прописать поисковый запрос, но в неточном вхождении с разбавлением другими словами. В этом случае вас не накажут за переоптимизацию контента.
4. Название самого файла картинки должно содержать ключевые слова и быть на английском языке.
Оптимизация изображений для Интернета
Давайте разберемся, как оптимизировать изображение при помощи программы Adobe Photoshop. Открываем картинку при помощи фотошопа. Теперь нам надо отредактировать изображение и изменить его размер. Вы можете добавить к изображению надпись или свой логотип, повернуть или отразить картинку. В общем, если вы серьезно занимаетесь созданием сайта, то настоятельно рекомендую подружиться с этой программой.
После того, как вы отредактировали изображение, необходимо подогнать его размер под ширину статьи, что бы оно смотрелось красиво и не вылезало за пределы текстового поля. Для этого наводим мышку на синее поле с названием фотографии и правой кнопкой вызываем меню, в котором выбираем пункт «Размер изображения»
С уважением, Данил Новоселов
Полностью согласен, изображения — это очень важная часть продвижения блога. Не увидел у Вас в тексте рекомендаций по добавлению на каждый снимок (скрин) водного знака (логотипа или веб-адреса ресурса источника) хотя Вы этим активно пользуетесь...
Всеравно тот кто возьмет эту картинку пострадает (в отношении поисковых систем), а первоисточник нет, так что думаю это не такой уж и важный пункт.
Я считаю, что страдать никто не будет, а вот лишняя реклама своего бренда (сайта) при показах в тех же гугл картинках или яндекс картинках не помешает
Если вы про водянной знак на картинке, то не думаю, что он может сделать рекламу для сайта. А вот то, что поисковые системы умеют вычислять уникальность любого контента, в том чисте и картинок, вот это важно. Поэтому и не нужно брать картинки с поиска и лепить их себе на сайт.
Да не нужно, но можно эту картинку хотя бы вывести монитор и на фотоаппарат сфотографировать и прилепить туда свой водяной знак — уникальный цифровой код у такого графического файла будет 100%
Кстати я замечал ,что многие сайты-недоделки грещат не столько отсутствием в текстах картинок, а их очень большим весом... ненавижу эту пошаговую загрузку таких сайтов — чаще ухожу со странице даже не дождавшись
Да, а еще есть умники, которые огроммной картинке с разрешением 1024 на 760 в админке задают размер 300 на 200, а потом думают, почему это их сайт так долго грузится
Как раз на днях встречал одного такого умника. Он еще спрашивал, почему на хостинге так мало места (1гб)
Да то что место на хостинге куда-то пропадает это полбиды, а вот то что сайт грузится по 5 минут вот это реальная проблема.
Это он какие туда изображение вкидывет с разрешением 3000 что-ли
Не спрашивал. Но их было много и все оригинальные. Он их сам фоткал и вылаживал на сайт без обработки
Надеюсь ты пошутил, а иначе это просто жесть
Старая мыльница цифровая и та такое разрешение дает — мама не горюй — метров 5 — одно фото.
Я тоже не дожидаюсь если страница долго грузится.
Наверное мало кто дожидается, сейчас конкуренция в выдачи большая поэтому в пользователей есть с чего выбрать и они быстро уходят с «тугого» сайта.
Согласен.
Я по себе знаю, открываешь топ10 сайтов, быстренько просмотрел каждый из них, если долго грузится или чем-то другим не нравится досвидос
Таких людей наверно самое большинство, которые не дожидаются долгой загрузки страниц.
Действительно Photoshop — самый лучший инструмент для редактирования размера и «веса» изображения. Я вообще стараяюсь не делать изображения больше 35Кб, это самый оптимильный размер.
Это ты уж сильно загнул, что это за картинки у тебя получаются, каким разрешением, по-моему с растущими скоростями интернета — это уж слишком мало или ты мегабайты на хостинге экономишь...
Вот что-то но атрибут alt должен быть в картинке полюбому, даже сам гугл об этом говорит, та даже сайт валидацию не проходит если в картинок не прописывается альтернативное описание (alt);
Благо платформа WordPress позволяет быстро прописать Альт к каждой новой фотографии, загруженной в мультимедийную библиотеку Вашего сайта!
Картинки и фотографии в статье, безусловно, очень важны. Трафик, правда, с них небольшой, но он есть. У меня на блоге в сезон 10-15 посетителей с поиска по фотографиям заходили, сейчас — около 5.
А я вообще не понимаю зачем трафик из картинок, всеравно те люди которые заходят на сайт по поиску картинок в основном это делают для того чтобы замутить себе эту картинку
В корне не согласен, я часто выходил именно через картинки, а не поиск на очень интересные ресурсы и некоторые из них читаю до сих пор. Логика простая, да ты ищешь чтобы замутить картинку, находишь понравившуюся и думаешь — а нет ли там еще подобных. Заходишь на сайт и если он приличный, остаешься его читателем!
Кстати уменьшить вес и изменить размер картинки можно и без Фотошопа. Практически любой просмотровщик справится с этой задачей
Согласен, уменьшить изображение можно и без фотошоп, но лучший вариант это именно Photoshop, по этому я думаю не нужно ничего придумывать, а пользоваться проверенным инструментом.
Так то оно так, но в любом случае каждый владелец блога придет к тому, что Фотошоп учить нужно или платить тому ,кто умеет им пользоваться. Это основа основ и учиться ей лучше начинать как можно раньше ИМХО
Это точно, тем более учиться там особо не чего, особенно для блоггера, нужно знать все поверхностно, что какая кнопочка делает да и всё, ему же (блоггеру) не дизайны рисовать, а картинки на блог создавать и уменьшать, а это элементарно.
Я вот взялся серьезно за софтину, хочу не только картинки обрабатывать, но и оригинальный дизайн сайта себе свертсать... Если получится буду платные услуги предлагать
У кого железо слабоватое или Фотошоп — не его лучший друг я бы посоветовал замечательную бесплатную программу XnView. Обожаю эту софтину, с оптимизацией фото она справится на раз!
Вот именно с ней я и работаю. Быстро, качественно и дешево
Лучше всетаки полюбить фотошоп, так как программа обладает огромными возможностями, которые рано или поздно понадобятся в работе.
Работы со слоями только не хватает, увы
Тоже надо будет как нибудь попробовать рекомендуемую вами софтину
Оптимизация изображений вещь нужная, но конечно долгая. Лично я для уменьшения использую Microsoft Office Picture Manager
Никогда не слышал об этой программе, надо будет как-то испробовать её на себе.
Я им пользуюсь только если фотку обрезать нужно — во всем остальном лучше XnView в разы!
Пару раз пробовал — не понравилось
Сергей тут скорее дело привычки, бывает пользуешься не очень удобным софтом, привыкаешь к нему и потом не хочется даже смотреть в сторону других программ, которые еще изучать надо...
Интересно будет поглядеть на результаты конкурса, тут такой мегабатл между Сергеем и Виталием был. Кто же победил?
Самому интересно, а итоговой статьи все нет и нет
Виталий победил. Причем, с большим отрывом
А представьте, что оказалось бы — победила ДРУЖБА) как тогда Данил бы разделял места инетересно...
Поделили призовые поровну, как делают некоторые блоггеры.
Лилия — это я в шутку. Просто интересно Данил нагнетает ситуацию, когда за пару дней перестает публиковать количество новых комментариев — то ли случайно это выходит, то ли специально, но очень интересно)
Что-то Данил блог забросил...
Полностью с вами согласна. И ведь число комментариев при этом тоже снижается, несмотря на конкурс.