Дата: 05.12.2011 | 
Просмотров: 1,912 | 
Рубрика: 
Привет, дорогие Читатели ! В сегодняшней публикации мы с Вами рассмотрим такое понятие, как правильная оптимизация изображений на блоге. Причём рассмотрим оптимизацию не только с точки зрения поисковиков, но и эффектного (и эффективного) визуального восприятия посетителями блога.
Применение изображений совместно с прочими мультимедиа элементами всё время являлось прекрасным приёмом привлечь и удержать внимание посетителей. Нередко блоги обладают уж очень большим количеством текста, который пользователи едва ли будут читать. Так может быть включить в текст контекстных изображений?
Тем более что с возникновением многоцелевого поиска заметно возросло значение контекстных изображений. Напомню, многоцелевой (смешанный) поиск – это технология, используемая поисковыми системами для соединения разнообразных видов данных в результатах поиска, а именно, статьи, изображения, аудио, видео и т.д.
Поэтому, размещённые на блоге изображения дают возможность не только привлекать посетителей, но и дают возможность достигнуть более высокого результата при поисковой выдаче. Каким образом для SEO (поисковая оптимизация) и посетителей блога оптимизировать изображения? Давайте рассмотрим ответ на этот вопрос по пунктам:
#1. Изображения должны быть актуальными и контекстными. Старайтесь применять на страницах блога те изображения, которые соответствуют размещённому на странице текстовому описанию. Также изображения должны точно подходить под используемые ключевые слова, в крайнем случае стремиться к этому.
При посещении пользователем страницы, он изначально оценивает её на соответствие тому, что он искал. Несколько размещённых на странице картинок дают возможность быстро определиться с её содержанием. Если текстовый контент и размещённая картинка отвечают поисковому запросу пользователей, то, вероятнее всего, они задержатся на Вашем блоге.
#2. Давайте правильные имена файловым изображениям. Что необходимо сделать прежде всего, так это подобрать ключевые слова, отображающие тематику Вашего блога. Если этот процесс ещё не сделан, то на данном этапе остановитесь и выполните изучение востребованности ключевых слов Вашей тематики.
И лишь тогда, когда будет готов перечень ключевых слов, задавайте их именем название файлов. К примеру, если изображение о туристическом походе в Крыму, назовите изображение «turizm-poxod-v-krum.jpg». Стоит остановиться подробнее на разделение слов в имени файла.
Лучше всего отказаться от применения подчёркивания и использовать тире (сам грешен, раньше использовал подчёркивание в имени файлов). Поисковыми роботами подчёркивание воспринимается как буквенный символ, а вот тире, как пробел. Таким образом, поисковым роботам будет значительно легче определить соответствие изображения к тем, или иным ключевым словам.
Если Вы станете на блоге применять фотографии имеющие имя файла типа «_KSG241.jpg», то поисковым системам будет непросто установить его содержание. Поэтому старайтесь назначать более ясные имена файлов для изображений. И ещё одно, в имени используйте только латиницу (английский язык), кириллица будет отображаться в коде «кракозябрами». Почему? Это уже отдельный вопрос!
#3. Подберите верный размер изображения. Большие изображения имеют больше привлекательности, чем маленькие. Это стоит учитывать. К примеру, Вам необходимо, чтобы посетитель выбрал место проведения отпуска или возможность занятия дайвингом, использование больших изображений наиболее точно помогут ему определиться, поскольку они формируют эмоциональную связь.
Изображения маленького размера с подобной задачей не справятся. Но, с другой стороны, это не значит, что нужно отказаться от использования небольших и маленьких изображений. Многое зависит от разных факторов (дизайн, тематика и т.д.) и индивидуально для каждого блога.
#4. Оптимизируйте объём файла для быстрой загрузки. Следует убедиться, что изображения оптимизированы для использования в Сети. И сделать это следует в любом случае, поскольку скорость загрузки страницы у пользователей разная, да и с хорошей скоростью «тяжеловесные» изображения будут загружаться уж очень медленно. Основной причиной подобного является применение изображений, предназначенных для печати, обычно, разрешением 300 dpi.
Это можно поправить, уменьшив размер разрешения от 300 до 100 виртуальных точек на дюйм. Такую задачу можно осуществить программой Adobe Photoshop. Кроме этого, можно моделировать параметры высокого или низкого качества при сохранении изображения, выбрав качество в контекстном выпадающем меню. Не забывайте, чем больше значение, тем больше объём файла.
#5. Применяйте атрибуты описания «title» и «alt». Один из способов оповестить поискового робота о содержании изображения, это использовать атрибуты описания «title» и «alt». Текстовая часть, описывающая изображение, прописывается в html коде. Использовать следует описание изображения с применением ключевых фраз.
Используемое описание должно быть читаемым и понятным посетителю, к примеру, «title=Туристические туры в Крым». Любое изображение в своем описании не должно содержать более десяти слов. Подробнее; замените перечисление слов «title=Крым, дайвинг», лучше прописать более детальное описание «title=Обучающий центр по дайвингу в Крыму».
Более того, размещать изображение необходимо как можно ближе к текстовой части, чтобы сохранять актуальность и смысловое содержание. Это даст возможность объединить текстовую часть с изображением, чтобы пользователи и поисковые роботы получили более полную информацию о том, что тут изображено и о чём страница.
Применение этих простых пунктов на практике даст возможность оптимизировать изображения на блоге, как для пользователей, так и для поисковых машин. Как говорится – «И овцы целы, и волки сыты!».
Если в комментарии 2 (две) и более активных ссылок, то тогда сначала на проверку.
Андрей Родионов (65)
Владимир (56)
Сергей (50)
Александр (45)
Светлана (38)
Елена (34)
Алексей, для Интернета разрешение изображения не важно. Можно поставить хоть 1200 dpi, хоть 72 dpi. Никакой разницы не будет. Попробуйте сами. Это только для печати важная величина. Для Интернета важны две величины: количество пикселей и степень сжатия.
Спорить не буду, может Вы и правы, редко использую фотографии в своей практике. Но когда делал это последний раз, насколько помню величина dpi имела значение.
Для монитора стандартный dpi 72, больше только для печати, смысл раздувать размер изображения, если на мониторе Вы разницы не заметите.
Тоже использую подчёркивание в имени файла, терзали сомнения. А вот прочитал и понял, что ставить тире будет полезней.
Алексей, ранее я прочитала у другого автора, что в теге "alt" нужно прописывать название изображения латинницей, потому что именно в таком виде название картинки поисковик показывает в браузере. Теперь я в замешательстве, потому что Вашим советам я очень доверяю.
На латинице нужно прописывать только название файла изображения, атрибуты "alt" и "title" заполняются кириллицей.
Полезная информация, спасибо Алексей, будем пробовать обязательно.
Очень всё правильно и понятно написано, но было бы здорово увидеть всё это в видео. Спасибо.
Алексей, спасибо за статью. У вас интересный блог: добавил в закладки. А то у меня с изображениями всегда непонятки.
Тем не менее, после прочтения вашей статьи у меня остались (возникли) вопросы.
1.Допустимо ли, чтобы заголовок и альтернативный текст совпадали?
2.Насколько необходима подпись под изображением?
3.Можно ли в описании ограничиться перечислением ключевых слов или нужно их выстраивать в осмысленную фразу?
4.Можно ли в заголовке, альтернативном тексте и описании (все это на кириллице) использовать точки и запятые?
Если не трудно ответьте коротко.
Коротко по пунктам:
1. По сути, это одно и тоже. Я использую одно название для обоих атрибутов.
2. Я не использую подпись. Подпись используется для посетителей.
3. Можно использовать, и так, и так. Но лучше осмысленная фраза со всеми ключевиками.
4. Можно использовать.
Ну вот, и до меня кое-что дошло, молодец, легко все описали, а то иной раз почитаешь, а потом думаешь, а что это было! Хороший у Вас блог, с Вашего разрешения я немного погуляю по нему, мне кажется очень много интересного найду на Вашем блоге.
А то я только всему учусь и мне очень полезна такая информация, которая написана человеческим языком, а не заумными словами. Приятно было с Вами познакомится!;)
Спасибо, Алексей. Давно захожу к Вам в гости. Хотелось бы про оптимизацию изображений немного подробней: какими программами пользоваться... Но это уже другая тема. Да?
Графических программ великое множество, но как я говорил в публикации, есть Adobe Photoshop, который заменяет всё.
Алексей, а как Adobe Photoshop оптимизирует изображения?
Там нужно написать для Web когда будешь сохранять картинку?
Или ещё что то?
Всегда к изображениям отношусь с уважением, ведь это практические потенциальные посетители.
Я так не понял, это оптимизация изображений под Яндекс или Гугл?
Это правильная оптимизация, под любые поисковики.
Спасибо, за информацию!
Алексей, спасибо большое за советы, еще вопрос по картинкам: вы можете посоветовать что делать с оптимизацией ДВУЯЗЫЧНОГО блога, если блог рассчитан на аудиторию русскую и англоязычную, и хочется оптимизироваться на обоих языках? Писать Alt и Title чередуя картинки через одну или делать для каждой странички копию на втором языке, и пытаться не запутаться с двуязычной иерархией?
Если можете порекомендовать спецов по байлингуал сайтам и блогам, буду благодарна. И мои 5 копеек по оптимизации: советую пользователям один раз прописать в Фотошопе ACTIONS для автоматического приведения картинки в определенный размер по сторонам и по весу, прописав Save for Web в отдельную папку и закрыть без изменений. Тогда оптимизация 20 изображений займет несколько секунд. Я прописываю 2 actions: горизонтальных и вертикальных, и оптимизирую пачками.
Алексей, огромное спасибо за статью!!! Остался лишь один вопрос... У меня очень много фото в большом размере, и поэтому я их заливаю на яндекс.фотки, и оттуда уже на свой блог. Как оптимизировать фото в данном случае? Только на блоге или ещё и на яндекс.фотках?
Я никогда сторонние сервисы для изображений не использовал. Сначала всю работу с изображением проделываю на компьютере, затем уже готовое закачиваю и устанавливаю на блог.
Я тут собирался проверить, как с этим дело обстоит в новых HD устройствах с dpi 300 и 500, так как ориентироваться на смарты и планшеты теперь придется. Еще и с учетом, что картинка меняется в зависимости от того вертикально или горизонтально расположен аппарат.
Верно Татьяна. В этой программе изображения для сайтов лучше сохранять для Web (Save for Web)...т.к если сохранить обычным способом, то изображения будут намного тяжелее.
Да, кликаем "сохранить для Web" и там можно производить очень много манипуляций и настроек для вывода изображения. Формат, качество, количество цветов и т.д.
Спасибо. Значит для облегчения изображений можно обойтись только фотошопом или лучше для этой цели использовать специальные сервисы?
Тут, кому как удобней. Можете использовать и то, и другое, а можно что-то одно. Я для всех целей использую только Photoshop.