Все об интернет-маркетинге
из первых рук
Подписаться на рассылку подписаться
на рассылку
нас уже
111 902

9 методов эффективной оптимизации изображений

Мы ведем наш дайджест с 2012 года, и обладаем главной базой приемов по продвижению интернет-проектов.

Введение


По словам сотрудников Яндекса, “картинки являются очень важной частью нашего поиска. Они помогают пользователям увидеть прохождение Венеры по диску Солнца, узнать, как выглядит йоркширский терьер или новый седан tesla, состав группы свинцовый цеппелин и как завязать галстук”.

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

1.png

Просмотр изображений в сервисе Яндекс.Картинки

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


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


Наличие на сайте качественных изображений — одна из составляющих успеха большинства интернет-проектов. Пользователи предпочитают получать информацию в виде графических образов, а не текста. Она быстрее и лучше воспринимается, проще запоминается. Для повышения конверсии сайта и улучшения поведенческих факторов необходимо постоянное развитие графического контента. Нужно стараться максимально визуализировать все аспекты и нюансы имеющейся информации. Таким образом пользователи захотят просматривать больше страниц сайта, им будет проще определиться с выбором и совершить конверсионное действие.

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


Атрибуты изображений alt и title


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

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

2.gif

Изображение c заданным атрибутом alt

Без заданного атрибута alt изображение будет показано как пустое:

3.gif

Изображение без заданного атрибута alt

Особенно важно описание картинок с помощью атрибута alt для сайтов, контент которых составляют преимущественно изображения.

Атрибут title предоставляет дополнительную информацию о картинке. Текст, заключенный в этом атрибуте, появляется при наведении курсора на картинку:

4.gif

Изображение c заданным атрибутом title

Рекомендации поисковых систем

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

Полные рекомендации по оптимизации изображений от Google можно почитать здесь — https://support.google.com/webmasters/answer/114016?hl=ru. Рекомендации Яндекса здесь — http://help.yandex.ru/images/indexing.xml .

Краткое резюме рекомендаций Google с пояснениями:

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

Давайте файлам изображений подробные, информативные названия. В названии файла лучше всего использовать 1–2 слова, описывающих изображение.

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

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

<img src="puppy.jpg" alt="щенок далматинца играет с палкой">

Текст ссылки. В текстах внешних ссылок лучше уточнять, что сможет увидеть пользователь на целевой странице. Например: «Фотографии нашей поездки в Ирландию в июне 2008 года».

Предоставляйте достаточно контекста для изображений. Окружающий изображение текст должен соответствовать тому, что на нем изображено.

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

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

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

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

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

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

Краткое резюме рекомендаций Яндекса с пояснениями:

Не забудьте о текстах, описывающих картинку:

  • Подписи к картинкам (alt, title);
  • Прилегающий к картинке текст;
  • Имена файлов и скриптов, в том числе с учетом транслитерации и упрощенного подстрочного перевода;
  • Тексты ссылок на картинки с других страниц и с других сайтов;
  • Тексты и заголовки коротких документов, обрамляющих одиночную картинку.

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

Яндекс индексирует картинки только стандартных графических форматов (JPEG, GIF и PNG). Перед загрузкой изображения на сайт стоит убедиться, что оно сохранено в одном из этих форматов.

На ранжирование также влияет качество самого изображения.

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


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


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

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

3. Атрибуты alt и title у изображений должны быть заполнены таким образом, чтобы максимально точно описывать его содержимое. В них необходимо использовать 1–2 ключевых слова, под которые оптимизирована страница. Лучше всего, если это будет основное ключевое слово, совпадающее с заголовком страницы и анкором ссылки на нее из основного меню сайта.

4. Под изображениями разместить подпись, которая будет также показываться снизу при нажатии на него. Подпись может быть идентичной атрибуту alt. Подпись должна стоять в том же абзаце “P”, ячейке таблицы “TD” или теге “DIV”, что и изображение.

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

6. В атрибутах указать высоту и ширину изображения.

7. Переименовать файлы изображений, написав их транслитом. В имени файла в 1–2 словах указать то, что содержится в изображении.

8. К изображениям можно дополнительно добавить атрибут LONGDESC. Подробнее о нем: http://htmlbook.ru/html/img/longdesc.

9. В свойствах jpg — файлов оригинальных изображений заполнить следующие поля:

— Название: совпадает с атрибутом alt изображения;

— Тема: название раздела, к которому относится товар;

— Оценка: 5 звезд;

— Ключевые слова: keywords со страницы раздела, к которому относится товар;

— Комментарии: описание товара из поля «О товаре» со страницы товара;

— Авторы: название компании;

— Дата съемки: дата съемки;

— Авторские права: название компании;

— Размеры: максимальный оригинальный размер;

— Ширина: максимальный оригинальный размер;

— Высота: максимальный оригинальный размер;

— Горизонтальное разрешение: максимальное оригинальное значение;

— Разрешение по вертикали: максимальное оригинальное значение;

— Глубина цвета: максимальное оригинальное значение;

— Владелец: название компании;

— Компьютер: название компании.


Заключение


Как видно, советов и рекомендаций по оптимизации изображений от самих поисковых систем вполне достаточно, чтобы иметь общее представление о том, что нужно делать, чтобы сайт смог нормально ранжироваться в поиске по картинкам. Многие из рекомендаций пересекаются между собой, некоторые — уникальны. Чтобы реализовать большинство из рекомендаций, достаточно единоразовых действий, благодаря которым будет достигнут стабильный положительный результат. Не стоит пренебрегать возможностью получить значительное количество посетителей на свой ресурс. Всегда следует размещать как можно больше графического контента, благодаря которому сайт сможет завоевать доверие постоянных и новых посетителей.




Комментарии (50)

Alexandr 12.11.2013
Вот у меня почему то индексация изображений в Яндексе застряла на месте, ни как не пойму из-за чего. Все alt прописаны как положено с ключём и описанием, почти везде есть title, картинки все уникальные сделаны собственноручно (проверялись в Tineye). Одно только сомнение на скрипт увеличивающий эти изображения, хотя такой плагин стоит почти у всех, он простой и не прихотливый. Может у вас есть какие нибудь соображения. P.S. В Google все нормально, все картинки индексируются.

Андрей 12.11.2013
Если текст для атрибутов alt и title дублировать - это нормально?

мария 12.11.2013
что это за группа - свинцовый цеппелин? 0.о

Денис Бабицкий 12.11.2013
Alexandr, первое что приходит на ум - срок индексации и возраст сайта. Если сайт молодой и страниц в индексе в общем количестве не много, то он может долго индексироваться. Ну и повнимательнее стоит проанализировать работу скрипта. Может быть на страницах картинка доступна в небольшом размере, поэтому и не индексируется?

Денис Бабицкий 12.11.2013
Андрей, да, это вполне нормально, т.к. эти атрибуты имеют разное назначение.

Денис Бабицкий 12.11.2013
Мария, название группы фигурирует в цитате, взятой из блога Платна http://platon.ya.ru/replies.xml?item_no=2540

Дмитрий 12.11.2013
Можно было бы добавить о карте картинок для google (sitemap для изображений). Урл: https://support.google.com/webmasters/answer/178636?hl=ru&ref_topic=20986 . Проверялся ли эффект от заполнения свойств jpg-файлов?

Денис Бабицкий 13.11.2013
Дмитрий, эффект от заполнения свойств jpg-файлов пока в стадии проверки, т.к. предположение о том, что это может положительно влиять на ранжирование появилось недавно.

Андрей 13.11.2013
Можно ли делать так, чтобы в рамках одного сайта на разных его страницах у картинок были одинаковые alt ? Например, это серия статей про то, как что-либо сделать пошагово. И картинки на разных страницах имеют alt "шаг 1", "шаг 2" и т.д.

Клим 16.11.2013
Денис, забыли еще на один момент указать, на некоторых движках (например джумла) изначально стоит запрет на индексацию картинок в файле robots.txt, поэтому многие годами ждут индексации картинок со своих сайтов))

Олег 11.12.2013
Если на одной странице много картинок и у них будут одинаковые title не воспримет ли Яндекс страницу переспамленной ключевиками ( если картинки подписывать ключевыми запросами) ?

Вячеслав 29.12.2013
Есть варианты по автоматизации выше перечисленных пунктов, в том числе и в свойствах изображений. Кого посоветуете?

Aaronpax 24.05.2017
Charlesdek 24.05.2017
MichaelDiext 24.05.2017
ElleCom 24.05.2017
unl short term loan payday loans payday loans online secured loan versus unsecured loan

Kevinjiz 24.05.2017
top auto insurance companies in texas auto insurance mississippi auto insurance ky auto insurance maryland when auto insurance drops you worst auto insurance companies 2016 usa auto insurance young adults auto insurance yearly policy do auto insurance companies check your credit auto insurance full coverage does auto insurance cover rentals auto insurance jacksonville fl when auto insurance pays car rental auto insurance what does it cover auto insurance companies did auto insurance go up in texas auto insurance victorville ca auto insurance usa what auto insurance is cheapest auto insurance trends why auto insurance is important auto insurance limits is auto insurance tax deductible why auto insurance rates increase auto insurance how it works auto insurance rules auto insurance in nj auto insurance myths auto insurance kokomo auto insurance kentucky

PeterBubre 24.05.2017
micro loans weekend payday loans fast loan payday loans in pa personal loan no credit advance money where to borrow money small short term loans moneylenders unsecured loan bad credit payday loan store locations interest free loan online credit score paycheck advance loans payday loan near me sell your cashadvance payday loans edmonton small loans online loan approval interest free loans paydayloans payday loan for bad credit online loans direct lender can you get a loan with no credit payday advance las vegas fixed rate loans get loans with bad credit loan central payday loan online

VoiceCom 24.05.2017
cialis uk 10 mg prix cilais price buy cialis cialis generico sevilla

Kevinjiz 24.05.2017
auto insurance rider best auto insurance florida auto insurance in massachusetts what auto insurance is the best auto insurance trick auto insurance broker quotes auto insurance hikes auto insurance utica ny will auto insurance cover dui accidents auto insurance appraiser is auto insurance required by law auto insurance training auto insurance henderson nv auto insurance for dui auto insurance louisville auto insurance companies in usa auto insurance quote online auto insurance company auto finance auto insurance x dates auto insurance michigan auto insurance quotes auto insurance what does it cover what auto insurance is the cheapest top auto insurance companies in pa auto insurance europe auto insurance for low income auto insurance germany will auto insurance cover flood damage auto insurance escondido

PeterBubre 24.05.2017
the loan company easy to get payday loans short term bond funds loans same day payday loan online direct lender long term cash loans quick payday loan loan interest rate private lenders personal loans personal loan application emergency loan bad credit loan applications 1000 loan payday loans online lenders personal loan interest rates unsecured personal loans with bad credit payday loan smart loan i need cash now paycheck advance ez cash loans payday loans columbus ohio online check cashing private lenders for bad credit cash loans with bad credit castle payday loans online payday loans ohio advance cash america easy approval payday loans loan quote

Kevinjiz 24.05.2017
auto insurance in alabama auto insurance payer id auto insurance aaa what auto insurance is necessary top auto insurance companies in florida auto insurance options top auto insurance companies auto insurance licensing best auto insurance company auto insurance alabama auto insurance hattiesburg ms will auto insurance pay for rental car who auto finances using experian auto insurance when moving to another state big h auto insurance a auto insurance auto insurance levels auto insurance declaration page can auto insurance go after your ssdi auto insurance va auto insurance ohio auto insurance help auto insurance high risk auto insurance jupiter auto insurance kingsport tn auto insurance owensboro ky what auto insurance i can pay online auto insurance tx lowest full coverage auto insurance auto insurance trivia

PeterBubre 24.05.2017
easy fast loans 1000 loan microloans get a loan now payday loans no fees payday loans open on sunday loans san antonio payday lender 1500 loan payday loans online direct lender same day payday loans online payday lenders where can i get a payday loan direct payday loans direct pay day lenders short term loan bad credit online loans for bad credit advance cash america small payday loans las vegas payday loans e z payday loan cash loans to your door quick loans same day fast cash online payday advance near me income based loans pay day loan bad credit fast payday loan payday loans online reviews need cash

Aaronpax 24.05.2017
Charlesdek 24.05.2017
Viagra Cialis Law 24.05.2017
cheap generic viagra online, viagra sale las vegas, buy viagra canada online viagra sale spain, viagra cheap next day delivery viagra sale cyprus Buy Viagra Online order viagra fr om uk order viagra prescription, cheap viagra scams Buying Viagra Online buy viagra japan, where to order viagra in canada long does cialis pill last, can you buy viagra at a chemist, 150 mg dose of viagra cuantos mg de viagra debe tomar, taking viagra adderall together wh ere to buy viagra online australia discount viagra or cialis mail order viagra usa revatio 20 mg viagra, has anyone bought generic viagra online viagra generika unterschied cialis uk sale discreet viagra online can you order viagra online legally, viagra com energetico

Kevinjiz 24.05.2017
auto insurance stories auto insurance greenville sc how auto insurance claims are paid a auto insurance stops is auto insurance required in florida auto insurance tulsa top auto insurance carriers auto insurance tulsa auto insurance value chain top auto insurance companies in nj auto insurance hiring auto insurance levels is auto insurance deductible auto insurance myths do auto insurance pay for damage auto insurance kingsport tn do auto insurance cover small claims court auto insurance violation codes what auto insurance is the cheapest did auto insurance go up cost u less auto insurance claims auto insurance phone does auto insurance cover vandalism d auto insurance auto insurance quotes military auto insurance mississippi will auto insurance cover other drivers how auto insurance rates are calculated auto insurance virginia beach auto insurance nc

Viagra Cialis Law 24.05.2017
how to order viagra online safely, viagra sale ireland, viagra sale los angeles viagra sale supermarkets, buy viagra vancouver bc buy viagra xanax Viagra Pills For Sale real viagra for sale buy female viagra, viagra cheap prices Canadian Viagra buy viagra greece, viagra sale los angeles cialis pills amazon, vendita online viagra in italia, generic cialis approved fda comprar viagra generico en argentina, genericos viagra ecuador evolution viagra salesman summary cheap cialis online pharmacy cialis 5 mg foros buy levitra online usa, buy cialis and levitra best sites to order viagra cialis pills in canada can i buy viagra over the counter at a chemist hard sell evolution viagra salesman book, generico viagra tem mesmo efeito

TracyGam 24.05.2017
SethCom 24.05.2017
pastilla cialis con alcoho buy cialis cialis online prezzo cialis 5 mg in farmacia

Kevinjiz 24.05.2017
auto insurance janesville wi should auto insurance go up every year auto insurance gov auto insurance jobs auto insurance you don't need auto insurance for teenagers does auto insurance cover a rental car is auto insurance paid in advance auto insurance template auto insurance letter worst auto insurance companies in midwest auto insurance deductibles auto insurance jackson michigan auto insurance oregon auto insurance deductibles auto insurance faq auto insurance schools auto insurance ny does auto insurance cover hail damage auto insurance appointments why auto insurance increased 2017 is auto insurance tax deductible auto insurance tx auto insurance claims auto insurance was cancelled can auto insurance be deducted on taxes auto insurance claims auto insurance ohio worst auto insurance company ratings do auto insurance companies check credit

Charlesdek 24.05.2017
MichaelDiext 24.05.2017
KennethToift 24.05.2017
PeterBubre 24.05.2017
payday advances online payday loans on line pay day loans online same day payday loans direct lenders ez loan 6 month loan easy bad credit loans paycheck advance check advance stock loan can you get a loan with no credit online credit score money loan online same day cash loans online direct pay day lenders loan quotes compare loan cash loans no credit loans pay day loan us loans simple loan payday loans interest rates direct payday loan pay day loan payday lones holiday loan loans in maryland bad credit lenders payday laons

BennyHag 25.05.2017
wh0cd163253 prednisone 5 mg

GarryCom 25.05.2017
viagra gold europe generic viagra online buy generic viagra best levitra viagra cialis,

AlfredHewly 25.05.2017
Kevinjiz 25.05.2017
auto insurance yuma az why auto insurance goes up auto insurance hartford auto insurance state auto insurance claims auto insurance zero down payment auto insurance for auto insurance usaa auto insurance laws worst auto insurance companies pa auto owners insurance auto insurance glass coverage top auto insurance companies 2016 auto insurance login auto insurance market what auto insurance coverage should i get auto insurance survey auto insurance kokomo what auto insurance is required in florida auto insurance ga mexican auto insurance why az top auto insurance auto insurance guam auto insurance explained auto insurance ranking auto insurance in ma auto insurance bakersfield auto insurance programs auto insurance esurance auto insurance schools

PeterBubre 25.05.2017
payday lenders online personal loan for bad credit direct pay day lenders need a loan fast bank personal loans online money lenders fast easy loans payday loans las vegas nv 3 month loans easy approval loans loan lenders 1 hour payday loans i need to borrow money sonic payday payday loan online same day payday loans bad credit bad credit pay day loans payday loans michigan payday loans milwaukee cash advance payday loan new payday loan companies get money now ez money payday loans same day loans i need a personal loan with bad credit unsecured personal loan rates online payday loans texas payday loans online direct lenders ez cash paydayloans com

EugenePaund 25.05.2017
wh0cd174573 buy toradol

ElleCom 25.05.2017
payday loans in hillsboro oregon [url=http://loansolobest.com/] payday express[/url] payday loans online payday loans without using checks

Добавление комментария:

CAPTCHA

Статьи выпуска: