Журнал Web

WEBИНТЕРНЕТ

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

Опубликовано 27 марта 2012 Otniel

 

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

В идеале картинки должны быть мало того, что оптимизированными, но и уникальными.

Сегодня поговорим об оптимизации изображений 

На что следует обратить внимание:

  1. Размер
  2. –   Минимальный размер по одной стороне – 250-350 px

    –   Максимальный по ширине (для блога) – в зависимости от ширины текстового поля. Обычно 600-640 px

    –   Сохранять в Photoshop, как для Web (Save As Web)

    –   Прогнать через Smush.it и PunyPNG.com для максимальной компрессии последовательно, сначала в одном, затем во втором. Картинки показывать не буду, потому что там есть БОЛЬШИЕ кнопки Upload (Загрузка).

  3. Имя файла изображения
  4. –   Должно соответствовать тегу ALT (н-р: не 1234.jpg, а triton-na-progulke.jpg)

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

  5. Атрибуты ALT и TITLE
  6. –   Ключевые слова ВЧ и СЧ тут обязательны

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

    А Заголовок изображения это title – показывает посетителю дополнительную информацию: она должна относиться к теме, должна быть краткой. В браузерах, title название всплывает, когда мы наводим мышку на изображение.

    Оптимизация картинок

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

    Но есть информация, что поисковики уже давно при поиске картинок не только анализируют alt, но и частично title, и текст вокруг изображения.

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

  7. Атрибуты Height и Width
  8. –   Высота и ширина в пикселах – обязательны.

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

  9. Контент вокруг изображения
  10. –   Содержание текста вокруг картинки должно быть релевантно ее имени и атрибутам ALT и TITLE

Vous pourriez être intéressé par :

Добавить комментарий Сообщить о нарушениях Распечатать эту статью Поделиться на Facebook См. оригинал статьи
Вернуться к Избранному в категории Logo Paperblog

Эти статьи могут вас заинтересовать :

  • О чёрных списках, цензуре в Интернете и простом здравомыслии

    Вчера я был на дискуссии по нашумевшим “чёрным спискам”, пригласил меня портал ivi.ru. Не часто такое бывает, но в этот раз я пришёл с одним мнением... Подробнее

    с 15 Август 2012   Denismajor
    ИНТЕРНЕТ, ТЕХНОЛОГИИ
  • Собираем урожай и подводим итоги

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

    с 21 Август 2012   Denismajor
    WEB, ИНТЕРНЕТ
  • Вечеринка у Касперского в MOD Design

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

    с 30 Август 2012   Denismajor
    ИНТЕРНЕТ, ТЕХНОЛОГИИ
  • С днем блоггера!

    Как говорят, сегодня не только последний день лета,но и день блоггера....Так, что с днем, камрады!А акварели будут немного пореже -начинается учебный... Подробнее

    с 31 Август 2012   Sergestus
    БЛОГИ, ИНТЕРНЕТ, ЮМОР
  • Список слов, запрещенных к употреблению в СМИ

    В соответствии с законом «О защите детей от информации, причиняющей вред их здоровью и развитию», с 1 сентябля 2012 года запрещается употреблять некоторые... Подробнее

    с 28 Август 2012   Mechanicuz
    ИНТЕРНЕТ, ПОЛИТИКА, ПРЕССА

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