Россия+7 (495) 960-65-87

Оптимизация изображений для графических поисковиков

Россия+7 (495) 960-65-87
Шрифт:
0 5470

Вы уже оптимизировали текстовое cодержимое ваших веб-страниц для поисковиков на много лет вперед. Но этого еще не достаточно. Количество визуальной информации в сети возрастает с каждым днем, и вследствие этого пользователи хотят находить нужные им изображения и видео так же легко, как они могут найти статьи и другие текстовые материалы. Это значит, что вам надо начинать оптимизировать ваши изображения. Хотите узнать, как это сделать – читайте дальше…

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

Другой вид, появившийся вместе с возможностью поиска только изображений, -оптимизация процесса индексации картинок поисковиками. Теперь в дополнение к привычной SEO -деятельности необходимо отслеживать, что ваши изображения оптимизированы обоими способами. В любом случае, этот способ не потеряет актуальности, учитывая, что появляются новые более усовершенствованные поисковики, созданные специально для поиска изображений, и Yotophoto - отличный этому пример. Оптимизация изображений становится все более значимой частью SEO.

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

Правило №1: Используйте свойства HTML

Если вы до сих пор не используете атрибут alt для описания изображений, то остановитесь и задумайтесь, а почему? Alt, или альтернативный текст, входящий в тэг изображения, востребован всегда в соответствии с принципом общедоступности (установлен консорциумом Всемирной паутины в 1994г – прим.редактора). Поисковая оптимизации сайта в интернете часто идет рука об руку с этими принципами, и в 9 из 10 случаев все, что одобрено ими, одобрено и SEO. Использование альтернативного текста не исключение.

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

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

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

И еще один атрибут, который может использоваться в целях продвижения, - атрибут longdesc (атрибут тега , используемый для «длинного» описания картинки ). Он соединяет короткий альтернативный текст с длинным описанием в отдельном файле. Обычно здесь указывается URL-адрес страницы, содержащей подробное описание, в которое тоже можно вставить нужные ключевые слова.

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

Правило №2: Используйте свойства файла

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

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

Очевидно, что одно из свойств файла с изображением, которое мы можем изменять в наших целях – его имя. Некоторые предпочитают совмещать имя файла и альтернативный текст. Но не стоит забывать, что имя файла не используется для реализации принципа общедоступности, поэтому здесь тоже можно и нужно размещать ключевые слова. Имя файла будет отражено в HTML-коде страницы в атрибуте SRC тэга изображения, таким образом оказываясь видимым для поисковых ботов.

Давайте изображениям осмысленные имена и избегайте названий вида «image1.png» любой ценой. Также, вместо пробелов в имени файла, лучше использовать тире, которое поисковые машины интерпретируют как логический знак препинания.

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

Правило №3: Общее представление

Избегайте размещения картинок с использованием CSS или JavaScript, если поисковая оптимизация для вас не пустой звук. Всегда вставляйте картинки, использующиеся в качестве содержимого вашего сайта, с помощью стандартного html-тэга изображения. Если изображение будет установлено динамически с помощью CSS или JavaScript, то «пауки», индексирующие ваш сайт, просто не узнают о существовании данной картинки, она просто не проиндексируется и будет бесполезной для дальнейшей оптимизации. Это правило не касается изображений, выполняющих функцию оформления, как, например, картинки заголовков или кнопки навигационного меню.

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

Директивная структура, или иерархия папок вашего сайта, также играет немалую роль в индексации изображений. Сначала убедитесь, что папки, в которых находятся картинки вашего сайта, открыты для поисковых ботов и «пауков». Старайтесь не делать пути к файлам очень глубокими. Что-то вроде www.mysite.ru/images будет намного лучше и доступнее, чем www.mysite.ru/content/images/products/cameras/.

В заключение

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

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

По материалам http://www.seochat.com
Перевод под ред. Владимира Квасникова

(Нет голосов)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
    ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
    Сколько ссылок помогут продвинуть молодой сайт
    Павел Андрейчук
    38
    комментариев
    0
    читателей
    Полный профиль
    Павел Андрейчук - Дело в том, что вряд ли в ваших платных "качественных" кейсах найдётся хоть пару % действительно новой и полезной информации которой бы не было на общедоступных источниках.
    Сайт на WordPress: за и против
    Мира Смурков
    1
    комментарий
    0
    читателей
    Полный профиль
    Мира Смурков - Людмила, я согласен с большинством комментаторов. Вы хоть один полноценный магазин сделали на этих движках? Woocommerce это система с супер возможностями. И к ней есть дополнительные модули, с функционалом, который вряд ли появиться на Битрикс. А самому это программировать - сотни тысяч рублей на разработку. А приведя в пример сложности с robots.txt и Sitemap вы ставите под вопрос вашу компетенцию в понимании Интернет-бизнеса и веб-разработки в целом. Во-первых это такие мелочи, а во-вторых это все делается на вордпресса за 2 минуты, и опять же с возможностями многократно превышающими Битрикс.
    Обзор популярных CMS: плюсы и минусы
    Андрей Литвиненко
    2
    комментария
    0
    читателей
    Полный профиль
    Андрей Литвиненко - + там где нужно прописать каноникал, там где нужно поставить мета тег ноиндекс (т.к. Гугл не всегда следует правилам robots.txt) ну и то что выше, к техническим сео возможнлстям можно еще отнести легкое и хотя бы полуавтоматическое добавление микроразметки по сайту, увы "из коробки" такого функционала нет ни в одной cms, все на допиливаниях
    Google обошел Яндекс по популярности в России в 2018 году: исследование SEO Auditor
    Рамблер
    1
    комментарий
    0
    читателей
    Полный профиль
    Рамблер - Вот вроде отечественный - это сказано верно.. «Я́ндекс» — российская транснациональная компания, зарегистрированная в Нидерландах. Так говорится в Википедии. И с хрена ли ОТЕЧЕСТВЕННЫЙ поисковик зарегистрирован в Европе? И где платится основная часть налогов? Ну-ууу, точно не в России. И если запахнет жаренным, то был Яндекс и нет Яндекса!
    8 методик в SEO, от которых давно пора отказаться
    Евгений Сметанин
    12
    комментариев
    0
    читателей
    Полный профиль
    Евгений Сметанин - Факторов вообще очень много, согласитесь, вы будете использовать максимальное их количество, особенно, если в ТОПе засели агрегаторы с сумасшедшими ПФ. В таких случаях, вхождение ключа в домен для маленького профильного сайта, сыграет свою положительную роль. Конечно же, если контент на страницах хорошего качества. У меня есть несколько успешных кейсов на эту тему. На сайте продают несколько видов товаров, а выстреливает в ТОП тот, название которого присутствует в доменном имени. Как корабль назовешь, так он и поплывет, верно?))
    Google Data Studio: делаем красивые отчеты по контекстной рекламе для клиентов
    Сергей Провоженко
    7
    комментариев
    0
    читателей
    Полный профиль
    Сергей Провоженко - Добрый день, Сергей. Рад, что статья оказалась полезной. Алгоритм следующий: 1) В Гугл таблице формируем нужную структуру для выводы комментариев, в нашем отчете это следующие столбцы - i.imgur.com/mEnt7Hv.png Можно оставить один из столбцов страница или название страницы, они нужны чтоб фильтровать вывод нужно комментария на нужной странице отчета. Столбец дата нужен для выводы комментария в нужны период. 2) Подключаем эту таблицу как еще один источник данных - i.imgur.com/GrmNAgp.png Вот так выглядят поля из этого источника данных - i.imgur.com/BHqEiv7.png 3) Добавляем элемент "Таблица" в отчет Дата Студио, в качестве источника указываем нашу Гугл таблицу со следующими параметрами - i.imgur.com/tovqiqE.png 4) Создаем и добавляем фильтр для вывода нужно комментария на нужной странице отчета - i.imgur.com/4m141kF.png 5) Если дата комментария попадает в выбранный период в отчете он будет отображен. Если в период попадает несколько дат, будет выведено несколько комментариев - i.imgur.com/1jWu0X6.png Если остались вопросы - пишите, постараюсь помочь.
    Инструкция: настраиваем цели Яндекс.Метрики через Google Tag Manager
    Roman Gorkunenko
    1
    комментарий
    0
    читателей
    Полный профиль
    Roman Gorkunenko - Здравствуйте. Подскажите, пожалуйста, можно с айпи метрики вытащить среднюю стоимость клика по утм меткам? В метрике есть такой шаблон tags_u_t_m, но он не совместим с меткой директа, у них разные префиксы.
    Аудит структуры интернет-магазина мебели от «Ашманов и партнеры»
    Дмитрий
    11
    комментариев
    0
    читателей
    Полный профиль
    Дмитрий - Сергей, а вы допускаете, что вся ваша жизнь - seo-миф?
    Как выбрать подрядчика для продвижения сайта: 7 уровней воронки поиска
    aashutosh
    1
    комментарий
    0
    читателей
    Полный профиль
    aashutosh - data science training institute in noida- Webtrackker Technology (8802820025) providing Data Science Training in Noida. Get ✓ 40 Hours Learning training✓ 70 Hrs Projects ✓ 24 X 7 Support ✓ Job Assistance. WEBTRACKKER TECHNOLOGY (P) LTD. C - 67, sector- 63, Noida, India. E-47 Sector 3, Noida, India. +91 - 8802820025 0120-433-0760 +91 - 8810252423 012 - 04204716 EMAIL:info@webtrackker.com webtrackker.com/Best-Data-Science-Training-Institute-in-Noida.php
    Как построить качественный ссылочный профиль на основе конкурентов
    Ирина
    2
    комментария
    0
    читателей
    Полный профиль
    Ирина - Давно сотрудничаю с megaindex.com и считаю данный сервис одним из лучших в сео сегменте рунета да и не только рунета. Пользуюсь их инструментами для аналитики своих работ и выявлению своих и чужих ошибок. Да и ссылочный профиль, как и говорится в данной статье сделать гораздо проще и правильней при помощи как раз мегаиндекса. Добавлю еще что инструмент для поиска конкурентов у мегаиндекса очень удобный и простой в применении.
    ТОП КОММЕНТАТОРОВ
    Комментариев
    910
    Комментариев
    834
    Комментариев
    554
    Комментариев
    540
    Комментариев
    483
    Комментариев
    373
    Комментариев
    345
    Комментариев
    262
    Комментариев
    247
    Комментариев
    171
    Комментариев
    156
    Комментариев
    137
    Комментариев
    121
    Комментариев
    101
    Комментариев
    97
    Комментариев
    97
    Комментариев
    96
    Комментариев
    80
    Комментариев
    77
    Комментариев
    67
    Комментариев
    60
    Комментариев
    59
    Комментариев
    59
    Комментариев
    57
    Комментариев
    55

    Отправьте отзыв!
    Отправьте отзыв!