SEO оптимизация изображений на сайте. 7 основных правил
Оптимизированная картинка — Зелёное яблоко
Ни для кого уже не секрет, что оптимизируя для поисковиков контент страницы не стоит забывать и об изображениях на этой странице. Особенно полезно это для т.н. узконишевых сайтов, содержание которых предполагает наличие что-либо поясняющих тематических изображений.
SEO оптимизация изображений на сайте особенно хорошо влияет на трафик с Google (на начальном этапе и при наличии большого числа картинок), т.к. Гугл шустрее всех индексирует картинки. Помнится, у меня был сайт на садово-огородную тему, картинки с которого залетали в индекс Гугла вскоре после публикации статей и давали первый, вполне качественный трафик.
В данной статье я бы хотел описать все известные мне способы качественной оптимизации изображений.
1) Атрибут alt у тега Img
Всегда необходимо заполнять данный атрибут (альтернативный текст):
Что туда прописать? Проще всего — то, что изображено на картинке. Но бывает так, что изображение не имеет чёткой смысловой нагрузки (например, обучающие схематичные картинки, с указанием что да как делать — как на этом сайте). В этом случае весьма полезно прописать в alt точный или разбавленный ключевой запрос статьи. Но всё это качественно влияет на оптимизацию, только если картинки окружены тематичным текстом.
2) Окружить изображение тематичным текстом
Здесь всё очень просто — поисковики пока что не могут вообще (или не могут как следует) определить содержание картинки, потому вывод о том, что картинка релевантна тому или иному запросу при поиске по картинкам они делают из контекста, т.е. текста, который окружает картинку. Данное правило работает в связке с предыдущим.
3) Заключить картинку в тег А
Будет очень хорошо, если картинка заключена в ссылку, значение атрибута href которой равно значению атрибута src картинки (в WordPress это уже сделано по умолчанию). Т.е. при клике на картинку в статье должна открываться страница с этой картинкой. В коде это выглядит примерно так:
4) Подпись под изображением
Наличие небольшого тематичного текста очень близко с тегом картинки. Опять же, в сайтах, созданных WordPress всё это реализуется довольно просто — достаточно добавить подпись к изображению в редакторе. Вообще данный пункт аналогичен п.2. Тем не менее, он помогает, если на странице находится большое количество изображений.
5) Атрибут Title для тега Img
Этот пункт не так важен при SEO оптимизации изображений на сайте, но лишним не будет. В атрибут Title можно поместить примерно то же, что и в Alt. В коде это будет выглядеть примерно так:
В WordPress’е всё это предусмотрено редактором.
6) Атрибут Title для тега «А» в который заключена картинка
Аналогично п.5, но теперь Title прописывается в тег ссылки, содержащей в себе изображение. Если не лень — можно использовать, но особо критичного ничего не произойдёт, если отказаться от этого. В коде это будет выглядеть так:
7) Логичные названия файлов картинок
Что это значит? Если на картинке изображено яблоко, то назвать файл лучше так: «apple.jpg», а ещё лучше использовать транслитерацию: «yabloko.jpg». Не нужно называть файлы «4234234.png», «H653AB.jpg» и т.п.
Этот пункт довольно важен при оптимизации изображений, т.к., как я писал выше, поисковики плохо или совсем не распознают содержимое картинок, поэтому логичные названия файлов изображений намекают поисковым системам на определённое содержимое картинки.
Если на картинке не понятно что изображено (см. п.1), то и файл картинки следует назвать разбавленным ключевым запросом. Вот пример из моей статьи про обзор и регистрацию на Futubra.com:
Пример SEO оптимизации изображения на сайте (из статьи про регистрацию на Futubra.com)
В данном примере файл называется «futubra-com-registraciya-300×174.jpg».
Раньше я делал транслит вручную, потом надоело, написал скрипт для автоматизации этого процесса на локальном компьютере. Потом мне надоело каждый раз запускать Денвер Потому сегодня решил разместить этот скрипт прямо здесь на сайте, так что если кому надо сделать транслит любого текста с кириллицы — пользуйтесь — онлайн транслитерация текста.
Стоит ещё добавить, что на веб-ресурсе следует использовать небольшие изображения популярных форматов — .jpg,.png,.gif. Не надо грузить всякие .tiff и прочие «тяжёлые» картинки, т.к. они, возможно, не попадают в индекс поисковых систем. А главное — тормозят загрузку страниц сайта и уменьшают лояльность пользователей. И, тем самым, ухудшают поведенческие факторы.
Если всё подытожить, то правильный SEO-код картинки может выглядеть так:
Таким образом, занимаяcь продвижением сайта, необходимо помнить и о SEO-оптимизации изображений. При грамотном исполнении это даёт неплохой быстрый трафик с поиска по картинкам.
Что такое кэш-память и история браузера. Как посмотреть-удалить историю, очистить и увеличить кэш браузера..."Сеть" и делаем необходимые действия (см. картинку): Так же, в разделе
Семантическое ядро сайта, блога. Как составить семантическое ядро правильно?...дполагается продвигать сайт или блог в поисковиках. Иными словами, это определённые
Как создать бренд из блога. Какие шаги нужны для этого.В интернете насчитывается миллионы самых разных блогов в различных областях. И...
Создание мобильной версии сайта на WordPress с помощью плагина WPtouch...равится 1-й вариант. Так что большую часть своих сайтов буду переводить на адаптивный дизайн,
Сервис Cubby.com - новое облачное хранилище данных. Инвайты, регистрация, обзор Cubby, скачивание программы, прямые ссылки...ложение, а не через сайт. Запускаем то, что скачали и сразу создаём себе
Благо дарю за полезную статью. А вот еще такой вопрос, есть возможность записывать в картинках ключевые слова и всяческую другую информацию, как думаешь это тоже участвует в поиске? =)
Благодарствую.
Долго думал о чём вопрос.. так и не придумал *UNKNOWN*
Вероятно, товарищ имел ввиду метаданные, записываемые в jpeg.
Вы, вероятно, имели в виду атрибуты alt и title для тега img? =)
Да, они кое на что влияют
Правильные и нужные советы по картинкам.
Спасибо, полезная статья
У меня варезник. Группа пользователей отправляет одинаковые посты не только на мой сайт, но и на многие остальные. Я прошу пользователей сначала отправлять материал на мой сайт, ждать пока он проиндексируется поисковиками, а уже после этого отправлять этот материал на другие подобные сайты.
Вопрос такой: Это не сильно страшно, что изображения на моём сайте ещё и дублируются на многих других (при том условии, что на моём сайте они были проиндексированы раньше)???
Не, это вообще не страшно.
Когда я вставляю картинку, обычно пользуюсь редактором и заполняю все, как Вы пишите. Однако вот какая прослеживается закономерность: в выдачу попадают мои картинки, опубликованные на других ресурсах (лиру очень много, кстати), но только не на моем. Почему так?
Это значит кто-то Ваши картинки берёт и размещает на страницах своих сайтов, и эти страницы индексируются поисковиками раньше, чем Ваши.
Может Вы расскажете как сделать карту изображений сайта( на блог художника-список картинок очень бы кстати).
Это можно рассказать, если знаете как создаётся обычная XML-карта (без плагинов). В XML-код добавляются специальные теги для картинок.
Но нужно это для тех картинок, которые никогда не отображаются на сайте и робот не может узнать о них «естественным путём».
Так что не стоит беспокоиться
Весьма полезные советы, которыми нужно пользоваться.
Не совсем в тему комментарий…
Транслит быстро делает программа «Punto Switcher»
Выделяете мышкой строку, жмете All + ScrollLock и готово.
Так же быстро переделывает из нижнего регистра в верхний. Забыли переключить рус/англ — переключит автомат. И много чего еще… Ведет Дневник — запоминает все, сто печаталось на клавиатуре.
Петр, скажите, а со времени написания поста что-то изменилось, как думаете?
, ведь блогу 9 месяцев.
Я вот уже сколько времени мучаюсь вопросом: влияет ли размер картинок на индексацию Яндексом? Дело в том, что в Яндексе из моих картинок только те, что размером не меньше… в среднем, 400 пикселей на … 300 например. А все картинки 200 на 200 — отсутствуют.
Конечно, жду и надеюсь, что ВСЕ картинки будут там где им и положено
Да особо ничего не изменилось.
Возможно, много неуникальных картинок на сайте — потому и отсутствуют.
Статраюсь оформлять картинки по ключевым запросам, но в библиотеке медиафайлов шаблона вордпресс показывает что ни у одной картинки нет ключа. Как это может быть?
А как сделать чтоб при копировании картинки с сайта к картинке добавлялся её адрес в графическом виде снизу или сверху. Видел такое на одном сайте — на сайте нет надписей а после копирования её на компьютер поевляется надпись сайта.
Не очень ясно, что имеете в виду.
Но очевидно, надо подумать, или найти того, кто подумает за вас
с альтернативным текстом картинок, которые находятся в библиотеке медиафайлов все понятно, тут никаких проблем нет…но… валидатор ругается на отсутствие alt у изображений, которые, например, рассованы по папкам темы (шаблона), такие, как иконки различных соцсетей и другие небольшие картинки. вот как для них прописывать alt большой вопрос?
В шаблоне и прописывайте.
На каком языке должен быть название картинки
Лучше на английском.
Благодарю!
Я стараюсь всегда давать именам картинок ключевые слова. Так если статья о iPhone 6 то картинки именую типа того: iphone-6-plus.jpg или iphone-6-processor.jpg
Ясное дело без автоматизации переименовывания никуда, пользуюсь утилитой Keys2Files, на ютубе есть обзор и ссылка где ее скачать
Всем удачи!
Здравствуйте, Пётр!
Как Вы считаете, насколько важно чтобы путь к фото логически определял его внутри документа, в котором это фото отображается? Т.е. если адрес документа с текстом и картинкой _http://mysite.ru/documents/document-1 , тогда не лучше ли, если адрес самой картинки будет _http://mysite.ru/documents/document-1/photo.jpg, а не _http://mysite.ru/photos/photo.jpg ?
Здравствуйте, Сергей
Интересно…
Вообще, не пробовал, и даже мыслей не было.
Не знаю, есть ли в этом смысл? Ведь лишние заморочки.
Проверить на 100 вряд ли возможно. Согласен, что технически решение достаточно замороченное в сравнении с обычным вариантом. На мысль навели нек. моменты. Например то, что Яндекс любит осмысленные структурированные пути в Url и даже строит структуру сайта по ним (в вебмастере). Поэтому не исключено, что даст ему дополнительные аргументы в пользу привязки картинки к конкретному документу.
Ну вообще да, идея интересная.
Если это поможет Яндексу быстрее индексировать картинки и выдавать их по запросам, близким к запросам документа, к которому они относятся, то нужно пробовать.
Спасибо за полезную и интересную статью!
Подскажите пожалуйста, если прописывая в фотошепе методаные к картинке, я вписываю туда адрес сайта к которому принадлежит эта картинка. То будит ли это мне плюсом, если у меня воруют картинки и вставляют на сайтах конкурентов? Правильно ли я понимаю, вставив мое фото без каких либо изменений они автоматически ставят на сайт мою ссылку (пусть по ней не перейти, но сео видит, что на меня ссылается данный сайт)?
Это спорный вопрос.
Официальной информации на этот счёт нет, нужно проверять опытным путём.
Привет. Что насчет тех случаев, когда текста на странице мало, зато много однотипных изображений? Если вем прописать одно и тоже в ALT и Title будет ли это считаться спамом?
Или дописать в конце каждого фото-1, фото -2?
Ии оствиь все это дело пустым, просто прописав для них пробел в эти атрибуты?
Да, лучше «фото-1», «фото-2» и т.п.
Спасибо за инфу на все вопросы.один вопрос -читая про оптимизацию изображений (фото- картинок) разные авторы дают разное толкование общих вопросов.Вопрос — на каком языке все таки правильно писать название фото (.JPG) .у меня русскоязычный сайт и я думал что и название должны быть на русском.а многие пишут что роботы их не индексируют и выдают ошибки.Только другие специалисты в этой области пишут что поисковые роботы от гугла и яндекса уже давно научились распознавать фото и картинки с русскими буквами) простыми названиями например ( фото.jpg) Кто прав ? Спасибо
Да, уже можно русскими буквами.
Cпасибо ! Вы уже второй, кто подтвердил такие данные.Надеюсь ,что сработает.
Объясните как это делать простому человеку? Допустим вставил я картинки на своем Фейсбуке, в поиске Гугла я ее не вижу.
Фейсбук-то тут при чём?
Автору респект. Вопрос: а разве альт и тайтл у картинки не должны быть разными?
Можно вообще title не делать, главное — alt
Насчёт должны/не должны — лично я не знаю, главное чтоб alt был и всё
Добрый день!
А если на сайте уже есть и давно картинки с именами типа image_1, 0254_2 и т.п.
Как скажется их переименование при ранжировании страниц в поисковиках?
Если вы их переименуете, значит поисковики «потеряют» старые картинки (ведь картинок со старыми именами не будет) и будут постепенно находить новые — т.е. те же самые, но с другими именами.
А как это скажется на ранжировании страниц — кто его знает, смотря какую роль они играют в этом ранжировании конкретно в вашем случае.
Спасибо.
Так и думал, но сомневался.
Ну не будет недели 2-3 картинок в ЯндексКартинки по конкретному запросу, так с такими именами их и не было, зато потом скорее всего появятся.
И на ранжирование страницы ни как не повлияет. Такие название робот ни как не учитывал, если только не в минус, а alt и title у них были правильные.
Добрый день , если у сайта 3 языка , и изображения одинаковые для текста , и тексты разные. Как правильно подписывать изображения на разных языках или к примеру на языке который интересен для продвижения подписывать только на одной странице , другие не трогать ?
Я бы написал на языке который в приоритете для продвижения
Добрый день,начал проверять свой сайт и выяснилось что ни одного изображения в гугле нет! При этом сайт фото-тематики и основной контент фотографии.Большая часть фото имеют заголовки,альт и описание.Весь контент уникальный.
Практически все фото есть на Пинтересте.
В Яндексе тоже все плохо, но там есть порядка 20 изображений. Сайту чуть больше 1 года.
Прошу какой то совет.