Прежде ознакомьтесь с некоторыми рекомендациями о подготовке скриншотов, оптимизации изображений для web на блоге вебмастеров.
В этой статье речь пойдет об оптимизации изображений, тегов изображения img для их правильного позиционирования в поиске по картинкам различных поисковых систем.
Поиск по изображениям наиболее интенсивно растущая область поиска на сегодняшний день. Более 360,000,000 поисков в месяц во всех крупнейших поисковиках: Google, Yahoo!, Ask, MSN и AOL, по данным Hitwise. У ведущих поисковиков (Google, Yandex, Yahoo! и MSN) изображения интегрированы с текстовыми поисковыми результатами.
Поиском по картинкам системы Яндекс (Яндекс.Картинки) пользуется около процента аудитории обычного поиска. Но – первые позиции выдачи по картинкам показываются или под объявлениями Директа, или прямо над текстовой выдачей.
Оптимизировать изображения нужно по 3-ем параметрам:
1) имя файла изображения
2) атрибуты изображения title и alt
3) название изображения
Оптимизация имени файла
Используйте описательное имя вместо стандартного имени файла с номером (IMG_023.jpg)
Помимо того, что это окажет влияние на ранжирование изображения в результатах поиска по изображениям, так еще и поможет Вам находить графические файлы по названию.
В качестве разделителя слов в имени файла используйте (-),а не (_). Оптимизированное имя файла должно содержать всю необходимую описательную информацию о товаре, такую как имя бренда, номер модели и полное название.
Пример.
Название товара: Sony MiniDV Digital Camcorder
Номер модели: DCR-HC28
Полное название товара: DCR-HC28 MiniDV Handycam® Camcorder
Имя файла до оптимизации: IMG_023.jpg
Имя файла после оптимизации: sony-minidv-camera-dcrhc28.jpg
Оптимизация атрибутов изображений title и alt
Одним из факторов, который требуется обязательно указывать при установке изображения на странице – параметр alt. В него прописывается текст, который должен описывать содержимое изображения в случае, если оное не видно на экране по каким-либо причинам. Старайтесь заполнить этот тег так, чтобы он наиболее точно описывал изображение на рисунке.
Например, если на рисунке изображён автомобиль какой-то марки, то упоминания информации о марке и, возможно, о стоимости будет наилучшим вариантом.
Атрибут alt интерпретируется браузером Internet Explorer, а, например, браузером Opera – нет. Вследствие этого внесли в оборот атрибут title.
Текст в каждом из этих 2-ух атрибутов не должен повторяться, чтобы текстовое содержание обоих элементов нельзя было считать поисковой накруткой.
Пример.
Название товара: Sony MiniDV Digital Camcorder
Имя файла: sony-minidv-camera-dcrhc28.jpg
Атрибут alt: Sony handheld digital video recorder
Атрибут title: Sony MiniDv DCR-HC28 camcorder
Оптимизация названия изображения
Название изображения должно размещаться под самим изображением.
Пример
Название товара: Sony MiniDV Digital Camcorder
Название изображения: DCR-HC28 MiniDV Digital Camcorder by Sony
Прописывайте максимум информации в html: ширину и высоту картинки в пикселах,
Указание атрибутов Height и Width для всех изображений
Данный фактор является очень важным, но, к сожалению, упускается многими веб-мастерами. Когда атрибуты height и width заданы, браузер автоматически резервирует место под изображение указанных размеров и продолжает загружать веб-страницу дальше. Кроме ускорения загрузки веб-страниц, добавление этих двух атрибутов позволяет пользователям приступить к чтению контента сайта, в то время как изображения будут загружаться. Ниже приведён пример кода, содержащего данные атрибуты:
<img src=”http://www.domain.com/moon.png” alt=”moon image” width=”450″ height=”200″ />
Как попасть в топ поиска по картинкам?
Советы по продвижению
1. Большие картинки лучше индексируются и с меньшей вероятностью она будет выглядеть с точки зрения поискового робота как часть дизайна вашего сайта. При правильной разметке атрибутов, указанных выше, будет иметь больший вес в ПС.
На текущий момент предполагается, что минимальным размером по стороне должно быть значение не менее 350 пикселей.
2. Не делайте галереи с переходом от предпросмотра или иконки на большое изображение с помощью JavaScript. Это плохо скажется на индексации.
Например
3. Размещайте тематический уникальный текст поближе к картинке.
4. Картинки должны быть уникальными. Дубликаты с других ресурсов, с надписями или водяными знаками современный алгоритм Яндекса и других поисковиков по распознаванию нечётких образов «склеит» в одну ссылку в результатах выдачи.
5. Иногда работают спамные методы. Но думаю прикроют скоро.
Постовой:
Читай еще
марта 26, 2009 at 22:41
>Атрибут alt интерпретируется браузером Internet Explorer, а, например, браузером Opera – нет. Вследствие этого внесли в оборот атрибут title.
Здесь у Вас ошибка.
Атрибуты alt и title нужны для разных целей.
alt — это альтернативный текст, который будет показан на месте изображения, если картинка по каким-то причинам не была загружена (например, перебои со связью, или отключение показа картинок в настройках браузера)
title — это всплывающая подсказка, которая возникает при наведении курсора на изображение.
Поэтому, Internet Explorer неправильно интерпретирует alt (показывая его во всплывающей подсказке); а, как-раз таки, «нормальные» браузеры, вроде Firefox или Opera — правильно (показывая во всплывающей подсказке title).
Кстати, в последней, недавно вышедшей 8-й версии Internet Explorer ошибка была исправлена; и IE8 во всплывающей подсказке alt больше не показывает.