Учимся грамотно оптимизировать изображения товаров для получения максимального отклика

8848

Автор: Элисон Дрискол
Перевод: Всеволод Козлов

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

В этой же статье мне бы хотелось поговорить об очень важном элементе – изображениях товара.

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

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

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

Оптимизировать изображения нужно по 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

Текст в каждом из этих 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

Как видите, ничего сложного нет, и на все уходит от силы 10 минут. Однако если этих 10 минут не потратить, то можно многое потерять!

Оригинал статьи: A picture can be worth a thousand clicks

Подпишитесь и получайте новые статьи и руководства по увеличению продаж и увеличению постока клиентов в Ваш интернет-бизнес на почту
Об авторе

Автор: Всеволод Козлов (Написал 272 статьи)

Эксперт в области увеличения продаж интернет-магазинов и коммерческих сайтов для малого и среднего бизнеса. Бизнес-тренер.

Один из последних кейсов - увеличение объема продаж за короткий срок с 420 210 руб/мес до 13 906 950 руб/мес, т.е. в 33 раза!

Я на Google+, Facebook, Vkontakte , LinkedIn

  1. Все это конечно хорошо. Но вот вопрос, почему надо писать разный текст к тегам title и alt?

    Кстати, по поводу разделения слов в названии файла тоже не уточнили. Надо писать тире потому как поисковики по нему понимают, что это разные слова, в отличии от знака подчеркивания.

    ЗЫ. написано
    Имя файла: sony-minidv-camera-dcrhc28.jpg
    а надо
    Имя файла: sony-minidv-camera-dcr-hc28.jpg
    🙂

  2. Чуть не забыл, сделайте еще заметку про ЧПУ. Тоже важный момент

  3. Сам на днях искал отзывы о необходимости title у ссылок и изображений. Почти везде (в пределах первых страниц серпа, включая forum.searchengines.ru мнение одно — если title и играет роль то ооочень маленькую. Alt — роль играет. Поэтому лучше применить свободные «10 минут» на оптимизацию более эффективную.

    Тем не менее, у меня в проекте прописаны и тайтлы и альты и найс url 🙂 По статистике количество переходов от Google images — на уровне яндекса.

    Важнее другое — как именно прописывать alt, url и title у картинок.

  4. Юрий, Сами знаете кто, инфа обо всем этом на этом сайте уже пережевывалась миллион раз, поэтому пережевывать это и дальше не вижу смысла! 😎 💡

  5. Странно, http://www.w3.org/TR/html401/struct/objects.html#h-13.2 про title не слова.
    Какие поисковики учитывают параметр title для изображений, все ?
    Дайте одну ссылку на пережеванную миллион раз инфу доказывающую, что title для img учитывается поисковыми машинами.

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

  7. 1. 🙂 Значит если открывают в магазине сотовых телефонов страницу определённой модели то пользователь не поймёт, что это фото этой модели и ему требуется навести на фото мышь, чтобы он понял, что это фото именно этой модели а не фото сисек. Title нужно применять в тех местах где может быть недопонимания и если его нет, это не означает что это говносайт.
    2. А вы всему верите ? В книгах можно много чего написать но это не означает, что это так. Покажите пример который 100% показывает, что title у img учитывается русскоязычными поисковыми системами. Не можете !

  8. Ryoga, по Вашим комментариям создается такое впечатление, что Вы делаете сайты, исключительно опираясь на то, что учитывается русскоязычными поисковиками. Т.е., например, если бы title-страницы не учитывался бы ими, Вы бы и забили на него. И плевать Вы хотели на удобство — главное, что учитывают наши поисковики…

    Вы слышали о такой науке, как Accessibility — по-русски доступности? Так вот, она нужна для того, чтобы рекомендовать веб-мастерам, как делать сайты для удобства всех пользователей, в особенности, для тех, у кого, проблемы со здоровьем, мещающие полноценно пользоваться Интернетом.

    И вообще — не хотите тратить время на написание атрибута title для изображений — не тратьте! Никто не заставляет! В статьях рекомендации, как и в спецификациях W3C, поэтому…

  9. Ryoga, а Вы докажите, что теги h1-h6 влияют на ранжирование? Вы знаете алгоритмы ПС, факторы которые они учитывают при выдаче?

  10. Всеволод не будем впадать в крайности.
    Что такое Accessibility знаю, читал мнение слабовидящих людей о проблемах при серфинге, но в статье указано оптимизация под поисковые системы. Для людей с плохим зрением которые пользуются спец софтом и устройствами в img требуется добавлять параметр alt и этого достаточно.
    Вернемся к статье где указано, оптимизация под поисковые системы изображений, пункт 2, title. Какие поисковые системы индексируют и используют параметра title у тэга img ? Я понимаю, что вы не автор статьи и если не знаете то не надо отвечать, просто в статье указано оптимизация изображений под поисковую систему я и задал интересующие меня вопрос.

    4 SMO NEWS, запросто.
    1. Создайте нечитаемый текст из набора букв.
    2. Копируете его и меняете в псевдо словах буквы.
    3. Вставьте ключевик (заголовок) один раз в текст, второй перед текстом.
    4. Размещаете эти статьи на двух разных ресурсах с одинаковыми параметрами.
    5. Далее в одном тексте перед ним вложите ключевик в заголовок h1 а второй текст тоже самое но за место h1 используйте тэг b.
    6. Ждете пока венегрет проиндексироваться.
    7. Смотрим ранжирование в поисковиках.
    8. Вопрос отпадёт.

  11. Ryoga, на счет атрибута title Вам неспокойно: http://www.w3.org/TR/html401/struct/global.html#h-7.4.3

    Думаю, что теперь ясно, почему он нужен и почему недостаточно alt’a…

    И вообще, что полезно пользователям, полезно поисковым системам… Отсюда и плясать стоит…

  12. Есть над чем задуматься…

  13. вот блин!
    всегда писал с подчеркиванием и не подозревал ни о чем:(
    что ж теперь? переименовываит???

    а так статья хорошая. ничего лишнего — все ясно, как
    я и люблю )

  14. Александр:

    А как быть с тем, что некоторые браузеры (IE 6) отображают альтернативный текст в виде подсказки, появляющейся при наведении курсора мыши на изображение?
    Если alt длинный, то это реально раздражает пользователя.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*