Автор: WebLab | 28 Ноября 2009

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

Эта статья расчитана как на новичков дизайнеров , так  и на пользователей сайтов (люди которые продолжают вести свои блоги , сайты и др. проекты)

1. Влияние картинок на скорость загрузки сайта .

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

2. Влияние картинок на поиск .

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

2.1 Не встраивайте текст в изображения.

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

2.2 Сообщите нам об изображении как можно больше.

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

Название файла может также подсказать , о чём эта картинка. Надо чтоб в названии файла также читалось описание тематики зображения. Например , название potret-glavy-goroda.jpg намного понятнее , чем IMG1.JPG.   Названия файлов могут помочь и пользователям: если мы не сможем найти подходящий текст на странице, где нашли изображение, то используем название файла для описания изображения в результатах поиска.

2.3 Вносите подробный текст в теги ALT.

Атрибут ALT служит для описания содержания графического файла. Он необходим по нескольким причинам.

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

Не рекомендуется:

Применять тег ALT и оставлять его пустым

<img src="/potret-glavy-goroda.jpg" alt=""/>

Лучше:

<img src="/potret-glavy-goroda.jpg" alt="портрет"/>

Оптимальный вариант:

<img src="/potret-glavy-goroda.jpg" alt="портрет главы города Нарва">

Чего следует избегать:

<img src="/potret-glavy-goroda.jpg" alt="портрет главы города Нарва, фото, новости , о природе"/>

Внесение в тег ALT ключевых слов ("наполнение ключевыми словами") вызывает отрицательное впечатление у пользователей и может привести к тому, что ваш сайт посчитают спамом. Вместо этого старайтесь создавать полезное и информативно насыщенное содержание, в котором ключевые слова используются уместно и не расходятся с контекстом. Рекомендуется протестировать содержание с помощью текстового браузера, например Lynx.

2.4 Текст ссылки

Внешний текст ссылки (текст, используемый страницами, чтобы ссылаться на ваш сайт) отражает то, как другие видят ваши страницы. Хотя обычно веб-мастера не могут контролировать то, как на их сайт ссылаются другие сайты, текст ссылок, используемый на собственном сайте, должен быть полезным, описательным и релевантным. Это улучшает восприятие пользователя и помогает ему понять назначение ссылки. Например, создать ссылку на страницу с фотографиями выступления юмориста можно так: Фотографии выступления юмориста в Отеле  Лииваранд в июне 2009 года.

2.5 Предоставляйте достаточно контекста для изображений.

Страница, на которой находится изображение, и содержание вокруг изображения (включая любые подписи и заголовки изображения) дают поисковым системам важные сведения о его тематике. Например, если вы разместите изображение белого медведя на странице о выращивании томатов, поисковые системы могут неверно понять тематику изображения medved.jpg.

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

2.6 Производите на пользователей хорошее впечатление.

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

* Фотографии хорошего качества больше привлекают пользователей, чем размытые и нечеткие. Кроме того, другие веб-мастера с большей вероятностью дадут ссылку на качественную фотографию, тем самым увеличив количество посещений вашего сайта. Вдобавок, четкие и резкие изображения лучше выполняют функцию уменьшенных картинок, отображаемых в наших результатах поиска, и с большей вероятностью будут нажаты пользователями.
* Даже если изображение присутствует на нескольких страницах вашего сайта, постарайтесь создать для каждого изображения отдельную целевую страницу, где будет собрана вся связанная с ним информация. В этом случае на каждой странице нужно указывать уникальную информацию, например описательные заголовки и подписи. Кроме того, для каждого изображения можно добавить возможность оставлять комментарии, обсуждать изображение и голосовать за него в рейтинге.
* Не все пользователи прокручивают страницы до конца, поэтому старайтесь размещать изображения в верхней части страниц, где их можно увидеть сразу.
* Старайтесь структурировать каталоги таким образом, чтобы похожие изображения хранились вместе. Например, в одном каталоге можно хранить уменьшенные изображения, а в другом - полноразмерные изображения; либо можно создать отдельные каталоги для всех категорий изображений (например, каталоги для фотографий с Гавайев, из Ганы и Ирландии в каталоге фотографий из поездок). Если на вашем сайте есть изображения для взрослых, советуем хранить их в одном или нескольких каталогах отдельно от остальных изображений на сайте.
* Укажите ширину и высоту всех изображений. Веб-браузер может отображать страницу еще до загрузки изображений, если известны размеры места, которое зарезервировано для незаменяемых элементов. Если указать эти размеры, можно ускорить загрузку страницы и повысить удобство для пользователей.

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

 

< Предыдущая		Следующая >