Полноценная SEO-оптимизация веб-страниц – это комплексный подход, подразумевающий оптимизацию и правильное оформление каждого из элементов страницы, которая должна быть удобной не только для посетителей, но и для поисковиков. Мы уже освещали вопрос правильного написания продающих текстов и их грамотной подготовки. Теперь поговорим про поисковую оптимизацию и правильное оформление контента, состоящего из графических элементов. Ведь картинки – это самый, что ни на есть, контент. И если вы их размещаете, то они должны работать и приносить реальную пользу, а не просто служить элементом декора.
SEO-оптимизация графики
На веб-сайте может быть галерея изображений, а может быть просто набор каких-либо графических элементов. И они, как и текстовое содержимое, требуют правильной организации и оптимизации, и должны гармонично дополнять остальные элементы веб-страницы. Результат такой работы (правильного размещения с оптимизацией для поисковиков) – опубликованные изображения серьезно повышают релевантность для поискового робота, а это усиливает позиции веб-сайта в поисковой выдаче. Появление же ваших изображений в сервисах Яндекс.Картинки или Google Pictures обеспечит вам дополнительный трафик. Разберемся с оптимизацией графического контента.
Размер имеет значение!
Чем крупнее картинка (фото), тем лучше. Когда поисковый робот находит в Интернете одно и то же изображение разных размеров, он всегда выбирает самое большое. Конечно, не нужно размещать на своем ресурсе огромные изображения. Оптимальный вариант – это размещение на странице миниатюры (превью) картинки, а в полном размере она должна открываться при клике по ссылке, как отдельная страница. При этом миниатюры картинок не должны быть излишне мелкими. Как правило, изображения величиной до 150 пикселей поисковики частенько расценивают, как дизайнерские элементы, и не индексируют их, соответственно, в выдачу они не попадают. Поэтому не поленитесь, и сделайте 2 изображения – полноразмерный оригинал и миниатюру (сжатый оригинал). И на веб-странице всё это великолепие разместите таким способом:
<a href=»адрес оригинала»><img src=»адрес миниатюры» /></a>
Почему при изготовлении превью не нужно уменьшать картинку стилями?
В таком случае изображение будет загружаться целиком, а скорость подгрузки веб-страницы снизится. Да и само изображение при малейшем нарушении пропорций искажается. Если на веб-странице таких сжатых миниатюр будет несколько, ваша страница будет настолько медленно грузиться, что у посетителей не будет хватать терпения, и они будут просто уходить. Кроме того, поисковые роботы умеют соотносить реальные размеры изображений с указанными в параметрах стиля. Такие технические приемы поисковики считают некорректными. Также роботы анализируют скорость загрузки веб-страницы. В результате оба этих серьезных недостатка снижают ценность страницы в глазах поискового робота и могут привести к отказу в индексации, а значит из поиска выпадет вся ваша страница, вместе с текстом и остальным контентом.
Расположение изображений
Если вы выкладываете на веб-странице качественный текстовый материал, будет очень полезно снабдить ее хорошей графикой, тогда поисковики оценят его намного выше. Ценность текста, сопровождаемого качественными картинками, однозначно вырастет, при этом изображение может дополнять всю страницу целиком, либо иллюстрировать смысл только ее части. Значение иллюстрации будет оценено поисковым роботом в зависимости от места расположения. Идеально, когда картинка обтекается текстом. Тогда робот воспринимает это так, что картинка иллюстрирует и дополняет текст, раскрывая его суть.
Поисковики работают над тем, чтобы научиться распознавать содержимое картинок. Уже сейчас любой поисковый робот способен в общих чертах различить, что конкретно изображено на картинке, а недостаток информации восполняет из окружающего текста. Таким образом, когда вашу картинку окружает текст, он указывает поисковикам на содержимое изображения, в результате повышается его релевантность и расширяется спектр поисковых запросов, по которым это изображение будет выдаваться в сервисах картинок.
Подписи под изображениями
Один из самых распространенных способов окружить изображение текстовым контентом – просто разместить подпись под картинкой. Особенно важно это делать, когда на странице недостаточно текста и контент в основном представляет собой набор изображений. Причем, подпись нужно также оптимизировать, потому что именно по опубликованным в подписи словам-ключевикам и будет определяться роботом соответствие картинки общей тематической направленности веб-страницы.
Есть еще один вариант указать поисковому роботу на содержимое картинки (img) – это использование атрибутов изображения alt & title.
ALT – атрибут
Атрибут ALT полезен в двух случаях:
- Во-первых, он крайне позитивно влияет на общую оптимизацию всей веб-страницы. Это аксиома – данный атрибут альтернативного описания должен быть заполнен обязательно к каждому изображению, которое вы выкладываете. Атрибут ALT должен выглядеть точным и кратким описанием того, что на данной картинке изображено. Причем, описание это не должно превышать 50-60 символов, всё остальное поисковым роботом будет обрезано и проигнорировано.
- Вторая немаловажная миссия атрибута ALT – это сообщение посетителю о том, что изображено на картинке, которую он не видит. А не видеть картинку он может по двум причинам – то ли произошла ошибка при загрузке, то ли пользователь отключил загрузку изображений. Выглядит атрибут ALT следующим образом:
<img src=»адрес миниатюры» alt=»описание изображения: до 60 символов» /></a>
Атрибут TITLE – всплывающая подсказка
Этот атрибут изображений не является обязательным и особо важным. Появляется он в виде всплывающей подсказки. Тем не менее, в деле SEO-оптимизации играет свою положительную роль. В отличие от атрибута ALT, кратко описывающего картинку, TITLE несет в себе дополнительную, расширенную информацию об изображении. Когда картинка — это ссылка, то атрибут TITLE, описывающий изображение, должен располагаться в дополнение к тегу <a>. В любом случае, текст в атрибуте TITLE никогда не должен дублировать текст атрибута ALT.
ЧПУ или человекопонятные url
Имена файлов – также существенный метод указания на смысл изображения, позволяющий дополнительно оптимизировать картинку для поисковика. ЧПУ означает, что названия файлов, которые допускаются только латинскими буквами, соответствуют смысловой нагрузке изображений. Причем, не обязательно употреблять английские слова, достаточно использовать транслитерацию. Например, если вы выкладываете на веб-страницу фотографию долларовой банкноты, то файл лучше всего назвать примерно так: dollar.jpg. Глядя на имя файла, можно сразу понять, что там, на этой картинке. Поисковые боты обожают человекопонятные url, и используют их для индексации. То есть, доступные для понимания названия весьма позитивно воздействуют на индексацию картинок практически всеми поисковыми системами.
Формат изображений
Алгоритм прост – чем меньше весит файл (то есть, чем меньше его размер в Кб), тем быстрее он грузится на веб-страницу. Самые нормальные форматы (расширения) графических файлов для публикации на веб-страницах:
- .jpg (для фото);
- .gif (чаще для анимированных картинок);
- .png.
Данные форматы оптимизированы в различных степенях, и дают хорошие пропорции размеров картинок к весу файлов отдельно для каждого из типов (иконка ли это, рисунок, фото). Формат графики нужно тоже правильно выбирать.
Многие пользователи теряют интерес к веб-странице и с раздражением покидают ее только лишь из-за не оптимизированных картинок. В первую очередь это относится к главным страницам, где привлекательность изображений имеет особое значение. Часто наблюдается, что лендинг слишком долго грузится, а причиной этого является слишком большой размер картинок. И наоборот, слишком маленькие изображения обычно низкокачественные, часто отталкивают пользователей и понижают конверсию.
Краткое резюме: так что же такое SEO-оптимизированное изображение?
Если размер изображения позволяет целиком вставить его в веб-страницу, то идеально SEO-оптимизированная картинка должна быть прописана примерно так:
Текст… <img src=»адрес картинки» alt=»Сто долларов США» title=»Стандартная американская купюра номиналов в $100″ /> …Текст
Если же оригинальное изображение большое и нужно использовать его миниатюру, то SEO-оптимизированную картинку на веб-странице нужно прописывать примерно так:
Текст… <a href=»адрес оригинальной картинки » title=»Стандартная американская купюра номиналов в $100″><img src=» адрес миниатюры картинки » alt=»Сто долларов США» /></a> …Текст
Или так:
Текст… <a href=»адрес оригинальной картинки ><img src=» адрес миниатюры картинки » alt=»Сто долларов США» title=»Стандартная американская купюра номиналов в $100″ /></a> …Текст
Обращаем ваше внимание на то, что многие современные CMS (к примеру популярная система WordPress) зачастую автоматически урезают размер изображения. Для того, чтобы избежать этого, необходимо использовать специальные плагины, доступные в большом количестве для CMS. Можно также вручную подгонять формат каждой картинки под каждый элемент, но это займет куда больше времени.
Спасибо за внимание! Желаем всем быстрой индексации и высоких позиций в выдаче!