Роль изображений в сео оптимизации. Продвижение картинками. Продвижение картинок seo
SEO-оптимизация картинок. Что, зачем, и как
Под «оптимизацией» страниц сайта обычно подразумевается особая подготовка мета-тегов и текста. Особенно текста. Вы нанимаете копирайтера, выдаете ему список ключевых слов, расписываете ТЗ с кучей параметров, потом два-три дня все это дело правите, чтобы подходило под все требования…
Это правильно – текст на странице должен быть особенным. И нужные слова включать, и длины быть подходящей, и чтобы читать интересно было. Но за всем этим часто забывают об еще одном, не менее важном факторе оптимизации сайта – о seo-оптимизации картинок.
Да, картинки на сайте тоже нужно готовить к продвижению. Зачем это делать, на что обратить внимание, и как – читайте дальше.
Что такое seo-оптимизация изображений?
Интернет — это визуальная среда. И хороший сайт просто не может существовать без картинок. А если вы хотите хорошо продвинуть сайт, то не стоит забывать и об оптимизации изображений.
Оптимизация картинок подразумевает под собой использование максимально сжатых, но при этом визуально привлекательных, и подготовленных для продвижения картинок.
Теперь обо всем по порядку.
Для начала нужно немного теории и статистики.
У каждой страницы на сайте есть свой вес. И согласно последним данным, среднестатистический вес одной страницы увеличился на 240%, если сравнивать показатели за 2010 и за 2016 года. И 64% всего содержимого в сети – это изображения.
Источник изображения — httparchive.org
Да, скорость интернета сегодня такая, что в принципе на вес картинок мало кто обращает внимание. А ведь именно они, картинки, утяжеляют страницы вашего сайта. С компьютера – да, не так важно. Но что касается мобильных устройств – тут огромные по весу картинки недопустимы. Если сайт будет долго грузиться, это негативно повлияет на его ранжирование.
Скорость загрузки страницы – важный параметр для поисковых систем. Потому картинки на сайте, который нужно продвигать, должны немного весить.
Для уменьшения веса используют сжатие. Но сжатая картинка теряет визуальную привлекательность — становится тусклой, размытой. Такая картинка неинтересна пользователям. Потому при сжатии нужно находить золотую середину, чтобы малый вес не вредил общему качеству картинки. В конце концов, ваш сайт должен удержать пользователя, который пришел с выдачи. Плохие картинки могут плохо влиять на поведенческие факторы, которые тоже имеют свой вес для SEO.
Подготовленная к продвижению картинка должна также сообщать поисковой системе, что на ней изображено. К сожалению, пока (пока!) поиск не распознает изображения, для него важен текст. Потому для картинок нужно прописывать специальные мета-теги.
Теперь обо всем подробнее.
Самые популярные форматы изображений
Все изображения имеют свой определенный формат. И на вашем сайте могут использоваться самые разные картинки, и часто – неправильно, а это добавляет веса вашим страницам и снижает скорость загрузки.
Итак, какие есть форматы изображений, и как их правильно использовать?
.bmp – очень мало используются в интернете, оно и понятно – такие файлы весят ооооочень много, и при этом качество их оставляет желать лучшего: рваные, неровные рисунки, словно 24-битных играх.
.jpg(jpeg) – а этот формат, наоборот, самый распространенный в сети. Вся прелесть его в том, что этот формат легко сжимается, с помощью чего можно уменьшить вес картинки. Но важно не потерять в качестве. Чем меньше картинка – тем меньше ее вес, но и качество тоже страдает.
Хочу отметить, что .jpg – это идеальный формат для фотографий, изображений продуктов, пейзажей и тому подобного.
.png – это формат, у которого меньше цветов, чем у предыдущего, но он и не сжимается практически. Весят эти картинки много, если задействовано много цветов. Чем меньше цветов – тем меньше вес. Прелесть формата в том, что картинки легко масштабируются, потому его используют для логотипов, графиков, значков. Если же вы захотите сделать красочное фото в этом формате – оно будет весить как слон.
.svg – это особый векторный формат изображений, который относительно новый, но в уже завоевал свое место. Потому что он и масштабируется хорошо, не теряя в качестве, и весит мало.
.gif – самый первый формат изображений в Интернете, который включает в себя 246 цветов. Сейчас снова популярен, потому что передает движение, анимацию. Весит по-разному, в зависимости от длины ролика. Если изображение не движется – лучше использовать .jpg, он весит меньше, и цветов больше. Картинка выходит более сочная.
Итог этой всей информации один: если вы хотите продвигать сайт, чтобы он хорошо грузился и отлично выглядел, то логотипы, иконки делайте в формате .svg или .png, а картинки для статей, товаров — .jpg.
Оптимальный размер изображений для веба
Почему .jpg? Потому что его можно сжимать, так, чтобы картинка нормально выглядела и относительно мало весила.
Какой размер картинок использовать? Старайтесь использовать изображения, размер которых не меньше чем 800×600 пикселей. Проверено на собственном опыте, что картинки такого размера хорошо выглядят на всех устройствах, при этом не имеют много веса.
Как оптимизировать картинки для SEO?
Теперь о самом «мясе» — как провести оптимизацию картинок для сайта?
Я бы разделил поисковую оптимизацию картинок на два важных этапа: общую оптимизацию и оптимизацию для продвижения.
Что включает в себя общая оптимизация изображений для сайта?
- Выберите правильный формат изображения – об этом я уже написал выше. Если фото — .jpg, если логотип – векторный формат. Если вы ошибетесь с форматом – получите тяжеловесного монстра, а не сайт.
- Измените размер изображения так, чтобы оно хорошо отображалось. Для этого можно использовать программы (о них ниже) или встроенные средства вашей CMS (об этом тоже пойдет речь дальше).
- Если нужно, обрежьте изображение, чтобы оставить самую главную часть, и уменьшить вес картинки.
- Примените сжатие, если это необходимо.
Оптимизация изображений для продвижения означает следующее.
Каждое изображение, которое вы заливаете на сайт, должно иметь прописанные мета-теги. Это нужно для seo-продвижения картинок, то есть для того, чтобы они попали в поиск по картинкам.
Самые основные значения, которые нужно прописать – это title, и alt. Особенно alt. Если первым можно пренебречь, то этим – ни в коем случае.
Alt — это самое важное поле для описания изображения. Он считывается поисковыми системами, и выводится в том случае, когда изображение не загружается. В этом мета-теге вам нужно кратко описать, что изображено на картинке, и включить ключевое слово. Но будьте аккуратны – если на странице много картинок (больше 5), не переспамьте страницу ключевиками!
Title – это заголовок, выводится при наведении курсора мышки на изображение. Заполняйте при желании.
Теперь от теории переходим к практике.
Популярные программы для сжатия изображений
Самая популярная программа для оптимизации картинок – это Photoshop. Да, в ней можно не только рожки к фотографии конкурента пририсовывать. Ее богатый функционал позволяет:
— обрезать картинку;
— сжать картинку;
— и даже перегнать ее из одного формата в другой.
Если по какой-то причине вы не можете установить эту программу на свой компьютер, вы можете воспользоваться Photoshop Online.
Еще одна программа для сжатия зображений – Gimp. Позволяет оптимизировать для нужд seo картинки с помощью опции «Экспортировать как». Вы можете выбрать формат выходного файла, параметры качества и просмотреть результат. А затем сохранить, если качество устраивает.
Но это – ручные методы оптимизация размера картинок для сайта. Можно пойти другим способом, и использовать средства своей CMS.
Как задать размеры и прописать мета-теги для картинок (на примере WordPress)
Покажу вам, как это делается, на примере самой простой в использовании CMS, на которой сегодня работает половина всех сайтов в Интернете – WordPress.
В процессе заливки изображений на сайт вы можете задать нужный размер, обрезать картинку, перевернуть, и, конечно же, прописать все нужные мета-теги.
Шаг 1. Вставляем картинку на страницу – жмем в редакторе кнопку «Добавить медиафайл».
Шаг 2. Выбираем на компьютере и загружаем файл в админку. Справа у вас появится меню «Параметры файла».
Шаг 3. Заполняем поля: заголовок, подпись, описание. Заголовок выведется потом под картинкой. Это по желанию. Но обязательно заполните поле «Атрибут alt». Впишите сюда описание картинки, включив ключевое слово для страницы.
Шаг 4. Прокручиваем это меню – внизу покажется функционал для управления расположением и размером файла. Есть варианты – большой, средний и маленький размер. Выбирайте, исходя из своих потребностей.
Шаг 5. Вставляем картинку и проверяем результат на странице.
Если вы хотите внести изменения в уже залитую картинку, то вам нужно:
1.Выделить изображение.
- Нажать кнопку «Изменить»
- В появившемся меню вы можете задать атрибуты Alt и Title, если забыли сделать это раньше.
Поиск по картинкам – стоит ли на это надеяться?
Другими словами, есть ли смысл оптимизировать картинки с надеждой, что к вам придет клиент именно из поиска по картинкам?
Тут я напишу свою коронную фразу – с каждым сайтом есть свои нюансы.
Допустим, если человек ищет в картинках котиков – понятно, ему на вашем сайте не хочется ничего покупать. Он ищет на данный момент обои для рабочего стола.
Но если он вбивает в поиск по картинкам «двухъярусная кровать», то, скорее всего, он хочет посмотреть модели этих кроватей не просто так. Он хочет либо купить, либо заказать ее мастеру, и ищет подходящую модель такой кровати. И велика вероятность, что такой человек может зайти на ваш сайт. И если ему подойдет ваше предложение – даже заказать у вас эту самую кровать.
Практически каждый сайт, если продуманно заниматься seo изображений, может из поиска по картинкам получать неплохой теплый трафик. Но ко всему нужно подходить умеючи, с умом, в рамках продуманной маркетинговой стратегии.
Выводы
Оптимизировать изображения на сайте нужно точно так же, как и все остальное. В первую очередь из-за того, что изображения могут утяжелять страницу и замедлять ее загрузку. Для этого картинки нужно обрезать или сжимать, а также выбирать правильно их формат. Чтобы поисковые машины обнаружили ваши изображения, и показали их в поиске по картинкам – нужно прописать мета-тег alt для каждой картинки. Но важно сделать так, чтобы не переспамить страницу, и если изображений на ней много – подбирайте синонимы.
Даже если вы всего этого не делали раньше, вы можете просто сейчас начать потихоньку оптимизировать уже залитые на сайт изображения. Если не знаете, стоит ли, и с чего начать продвижение картинок – обращайтесь за консультацией.
adtimes.ru
SEO оптимизация изображений на сайте. 7 основных правил
Оптимизированная картинка — Зелёное яблоко
Ни для кого уже не секрет, что оптимизируя для поисковиков контент страницы не стоит забывать и об изображениях на этой странице. Особенно полезно это для т.н. узконишевых сайтов, содержание которых предполагает наличие что-либо поясняющих тематических изображений.
SEO оптимизация изображений на сайте особенно хорошо влияет на трафик с Google (на начальном этапе и при наличии большого числа картинок), т.к. Гугл шустрее всех индексирует картинки. Помнится, у меня был сайт на садово-огородную тему, картинки с которого залетали в индекс Гугла вскоре после публикации статей и давали первый, вполне качественный трафик.
В данной статье я бы хотел описать все известные мне способы качественной оптимизации изображений.
1) Атрибут alt у тега Img
Всегда необходимо заполнять данный атрибут (альтернативный текст):
<img src=’картинка’ alt=’описание картинки’ />
Что туда прописать? Проще всего — то, что изображено на картинке. Но бывает так, что изображение не имеет чёткой смысловой нагрузки (например, обучающие схематичные картинки, с указанием что да как делать — как на этом сайте). В этом случае весьма полезно прописать в alt точный или разбавленный ключевой запрос статьи. Но всё это качественно влияет на оптимизацию, только если картинки окружены тематичным текстом.
2) Окружить изображение тематичным текстом
Здесь всё очень просто — поисковики пока что не могут вообще (или не могут как следует) определить содержание картинки, потому вывод о том, что картинка релевантна тому или иному запросу при поиске по картинкам они делают из контекста, т.е. текста, который окружает картинку. Данное правило работает в связке с предыдущим.
3) Заключить картинку в тег <a>
Будет очень хорошо, если картинка заключена в ссылку, значение атрибута href которой равно значению атрибута src картинки (в WordPress это уже сделано по умолчанию). Т.е. при клике на картинку в статье должна открываться страница с этой картинкой. В коде это выглядит примерно так:
<a href=’адрес картинки‘><img src=’адрес картинки‘ /></a>
4) Подпись под изображением
Наличие небольшого тематичного текста очень близко с тегом картинки. Опять же, в сайтах, созданных WordPress всё это реализуется довольно просто — достаточно добавить подпись к изображению в редакторе. Вообще данный пункт аналогичен п.2. Тем не менее, он помогает, если на странице находится большое количество изображений.
5) Атрибут Title для тега Img
Этот пункт не так важен при SEO оптимизации изображений на сайте, но лишним не будет. В атрибут Title можно поместить примерно то же, что и в Alt. В коде это будет выглядеть примерно так:
<img src=’картинка’ title=’описание картинки’ />
В WordPress’е всё это предусмотрено редактором.
6) Атрибут Title для тега <a> в который заключена картинка
Аналогично п.5, но теперь Title прописывается в тег ссылки, содержащей в себе изображение. Если не лень — можно использовать, но особо критичного ничего не произойдёт, если отказаться от этого. В коде это будет выглядеть так:
<a href=’адрес картинки‘ title=’описание картинки’><img src=’адрес картинки‘ /></a>
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-код картинки может выглядеть так:
<p><a href=«kartinka.jpg» title=«описание картинки»><img src=«kartinka.jpg» alt=«описание картинки» title=«описание картинки» /></a>Это такая-то картинка</p>
Таким образом, занимаяcь продвижением сайта, необходимо помнить и о SEO-оптимизации изображений. При грамотном исполнении это даёт неплохой быстрый трафик с поиска по картинкам.
Loading... web-ru.net
Оптимизация изображений для сайта на Wordpress
Содержание статьи:
Доброго времени суток! В прошлый раз я подробнейшим образом рассказал, как правильно SEO-оптимизировать статьи, нынешний материал дополнит предыдущую статью.
Оптимизация изображений для сайта на WordPress (а о том, как создать сайт на Ворпдпресс я писал ранее) является составляющей общей оптимизации статьи, при этом имеется и дополнительные плюшки от правильно SEO-оптимизированной картинки, а именно трафик с Яндекс- и Google-картинок. Но обо всём по порядку.
Оптимизируем картинки для сайта правильно!
Итак, оптимизация изображений включает в себя несколько этапов:
- Сжатие картинки до минимального «веса», при этом с минимальной потерей качества изображения.
- Уникализация используемой картинки (в случае, если вы хотите получить не только SEO-эффект, но и трафик).
- Присвоение названия картинки на транслите.
- Прописывание Title и Alt изображениям.
- Добавление изображения в релевантный отрезок текста (т.е. если речь в данном промежутке текста идёт о белых медведях, то стоит добавить фотографию белого медведя и прописать соответствующие тэги).
Если вы выполните все эти правила, в том числе и п.2 то не только SEO оптимизируете изображение для сайта, но и можете получить трафик из поисковых систем по запросам, указанным в Alt-картинки.
Сжатие и уникализация изображения
Перед тем как заливать картинку на хостинг, постарайтесь максимально уменьшить её размер и объём. Сжать картинку можно в любом графическом редакторе. Это очень актуально в свете последних изменений в алгоритмах ранжирования Google, он тщательно следит за временем загрузки сайта, а если у вас на ресурсе везде стоят громоздкие изображения, то ждать быстрой загрузки страниц не следует.
Кроме того, особенно остро стоит этот вопрос по причине всё большего завоёвывания рынка мобильными устройствами, для них очень важно, чтобы страница «весила» как можно меньше. В случае если у вас будут загружены крупные изображения, есть вероятность, что мобильный пользователь не дождётся загрузки страницы и уйдёт от вас, испортив тем самым показатели отказов.
Уникализировать изображения нужно лишь в том случае, если вы хотите получить трафик с Яндекс- и Google -картинок. Если же вы берёте изображения из открытых источников, рассчитывать на такой трафик не стоит.
Тэги Title и Alt для картинок и название файла
Самым важным с точки зрения SEO, является прописывание изображениям тэгов: Title и Alt. Что же это за тэги такие?
Title – это та фраза, которая появляется при наведении на неё курсора мышки.
Alt –появляется в случае, если картинка не доступна, вместе пропавшего изображения будет видна фраза, которая как бы объяснит пользователю, какая картинка должна была быть на этом месте.
Как правильно прописать Alt и Title для изображения, спросите вы? Я рекомендую при прописывании Alt добавлять туда ключевую фразу, можно слегка видоизменённую. Если вы будете использовать уникальные картинки, то по ключу из Alt, вводимому в строку поиска Яндекса или Гугла, пользователи смогут найти её.
Стоит отметить, что Alt и Title желательно делать разными, не стоит пихать ключи и туда и сюда, будет попахивать переспамом.
Теперь поговорим о названии изображения. Оно должно быть написано транслитом, причём каждое слово пишется через дефис, тогда ПС гарантировано сможет прочитать всё предложение членораздельно. Об этом я писал в статье про правильную структуру сайта, в разделе о ЧПУ.
Если вы будете использовать уникальные изображения, дадите им название в виде ключа на транслите, а также пропишите ключевое слово в Alt и видоизменённое предложение в Title, то с большой вероятностью получите от такой картинки трафик из поисковых систем!
При этом трафик будет побочным эффектом от оптимизации картинок для поисковиков.
Картинку вставляем в релевантный кусок текста
И последнее, очень важно вставлять картинку именно в релевантный контент, т.е. если вы прописали в Alt фразу – Чем кормить сиамских кошек, то и в ближайшем верхнем или нижнем абзаце данная фраза должна хотя бы частично совпадать, т.е. должно быть написано что-то про кормление сиамских кошек.
Резюме
Если вы будете соблюдать все приведённые выше правила, то я вам гарантирую, что вы SEO-оптимизируете картинку на 146% и в случае использования уникального изображения, ещё и получите трафик!
Подведём итог, для оптимизации изображения для сайта на WordPress, нам нужно:
- Уменьшаем «вес» уникальной картинки.
- Даём название в виде ключа написанного транслитом.
- Прописываем Alt и Title.
- Вставляем в релевантный кусок текста.
Следующая статьи будет посвящена архиважной теме – внутренней перелинковке сайта, эту тему просто необходимо будет понять и применять, ибо от неё зависит успех проекта!
С уважением, Артём Высоков, автор блога vysokoff.ru.
vysokoff.ru
Как сделать эффективную SEO оптимизацию картинок для сайта
В интернете все большей популярности среди пользователей набирает поиск изображений и сегодня мы вам расскажем еще об одном важном аспекте оптимизации сайта – это оптимизация картинок. Все мы понимаем роль картинок в статье: они разбавляют текст, делают статью более приятной к прочтению и фокусируют внимание на ключевых концепциях, которые мы хотим донести читателю.
Как же мы можем использовать тематические картинки для продвижения своего сайта?
— Поисковики начинают включать в выдачу разные типы результатов: от ссылок на сайт до картинок и видеороликов с ключевыми словами. Таким образом, особенно по конкурентным запросам, ваш ресурс может по общим показателям не дотягивать до ТОПа основной выдачи, но в поиске картинок попасть на первую страницу и привлечь целевой трафик на сайт.
— Сейчас полно социальных ресурсов по обмену фотографиями, картинками, не говоря уже про вкладку в поисковиках «Картинки». Таким образом, с помощью качественных и интересных картинок, можно получить дополнительный трафик. Главное заинтересовать картинкой и сопроводительным текстом к ней.
— SEO-оптимизацией картинок вы можете заниматься сами, не тратя на нее никаких денег. Часто вебмастера не занимаются оптимизацией картинок и в этом случае у вас перед ними будет большое преимущество.
На данный момент лучше всего реализует функцию SEO–оптимизации изображений система управления сайта WordPrees. В нем можно прямо из админ панели настроить все параметры картинки, не влезая в код сайта. Теперь приступим к самым эффективным методам оптимизации изображений.
Все они очень просты и вам не нужно будет изучать что-то новое и сложное:
1. Картинка должна быть уникальной. Она должна быть четкой, не расплывчатой, без водяных знаков других ресурсов, желательно, чтобы такой картинки не было среди подобных запросов. Ведь, по сути, если использовать одинаковые картинки, то они примелькаются пользователям, никто не обратит на них внимания. Помимо этого, поисковые роботы могут по атрибутам картинки посчитать, что это обычный копипаст, а такое не нравится поисковикам.
2. Описание картинки и заголовок. Наверное, самая важная часть по оптимизации изображений. Поисковые роботы не могут определить о чем идет речь на картинке, поэтому нужно им указать ключевые слова к ней. Главное кратко указать как суть картинки, так и текста, в который она вставлена, тогда она будет привлекать вашу целевую аудиторию. Описание вы можете добавить в атрибут ALT ( Например :<img src=”изображение” alt=”описание изображения”/>)
3. Скорость загрузки изображения. Этот параметр влияет как на отношение посетителей к вашему сайту (никто не любит долго ждать загрузки), так и на реакцию для поисковиков, ведь на первые позиции должны попадать только самые лучшие и быстрые сайты. Лучше всего будет загружать изображение того качества и величины, которая вам нужна; не пользуйтесь разными расширениями в HTMLкоде. Можно использовать онлайн ресурсы, которые отредактируют ваше изображение (уменьшат вес, изменят размеры, добавят эффекты), не потеряв качества при этом. Вот несколько из них: Shrink Pictures, Smush.it, JPEGmini.
4. Формат картинки. Лучшим форматом для индексации поисковыми роботами пока остается JPG. Поэтому старайтесь загружать картинки только в этом формате. На крайний случай, можно воспользоваться GIF или PNG форматами. Не надо загружать картинки формата tiff и подобные — они слишком тяжеловесны и повлияют на поведенческие факторы сайта.
5. Картинка со ссылкой. В описание картинки можно вставить ссылку на ресурс, где она находится. Выглядит это так: <ahref=” адрес изображения”title”описание изображения”><img scr=”адрес изображения”/></a> . Также для продвижения картинки вы можете ссылаться на картинку — это подобно тому, что использовать ссылки на статью.
Рекомендуем также ознакомиться и с другими нашими статьями по оптимизации сайтов, так вы получите более комплексное виденье продвижения и сделаете в будущем меньше ошибок:)
Рейтинг статьи: Tweet
seooki.ua
Seo оптимизация изображений, картинок для сайта|блога
Всем привет и хорошего настроения, я очень рад, что Вы заглянули на Sozdaiblog.ru!
В этой статье, мы поговорим о том, что такое — Seo оптимизация изображений для Веб-сайтов и блогов.
Думаю, Все давно знают, что поисковые системы любят ресурсы наполненные уникальным контентом. И мы каждый день стараемся выдавать, действительно уникальную и полезную информацию для наших постоянных читателей.
При этом ещё умудряемся делать Seo оптимизацию статей нашего детища, чтобы нравиться не только людям, но и поисковым роботам.
Но уникальным должен быть не только печатный текст, но и весь проект, включая всю красивую визуализацию, каковой являются изображения и картинки.
Правильная оптимизация изображений, играет очень важную роль. Благодаря ей, мы можем получить дополнительный трафик с поисковых систем, а это есть — GOOD.
Или я не прав?
Вы спросите – «Откуда возьмётся трафик с картинок?».
Да всё просто, я покажу!
Заходите на Яндекс, и в строке поиска набиваете, например – «Заграничные курорты», дальше нажимаем «поиск».
В самом начале поисковой выдачи, мы можем наблюдать блок картинок:
Вот, как раз из этого места и приходит дополнительный трафик. Правильная оптимизация картинок для сайта или блога помогает его добыть.
Seo оптимизация изображений, оптимизация картинок для сайта, блога
Для начала скажу, что тупо вставлять чужие картинки не стоит, только в очень редких случаях.
Если Вы берёте чужую картинку, то нужно переделать её под себя. Всё это легко монтируется в Photoshop.
Кстати, плагиат ещё ни кто не отменял, и за использование чужого могут по шапке надавать.
После того, как Вы сделаете свой уникальный шедевр, обязательно не забудьте его подписать, как пример смотрите мои миниатюры.
Теперь Вашу картинку нужно правильно разместить на сайте. Для этого, мы используем HTML-ссылку следующего вида:
<a title="Название картинки" href="Ссылка на статью"><img title="Название картинки" src="Ссылка на картинку" alt="Название картинки (другое)" /></a>
Первый тег – Title, отвечает за отображение всплывающего названия, при наведении курсора мыши на оптимизируемое изображение.
Теги Alt и Title на конце ссылки отвечают за вывод названия изображения в том случае, если оно, по каким либо причинам не будет отображаться.
Для правильного их восприятия поисковыми машинами, эти теги должны быть разными.
Вот такая простая и в тоже время нужная Seo оптимизация изображений.
А Вы оптимизируете свои изображения?
На сегодня это всё. Удачи...
С уважением, Денис Черников!
Интересное по теме:
Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:
sozdaiblog.ru
|
Картинка говорит больше тысячи словУчеными давно доказано, что 75% информации считывается глазами через визуальные образы. Именно поэтому в рекламе чаще всего используют красочные баннеры. Вам же я советую привлекать изображениями внимание к важной информации. Темболее, это намного облегчит посетителям чтение информации со страниц вашего сайта, темболее, если ее очень много. Советы по оптимизации изображениями
Вашей изюменкой может стать то, что вы оформляете изображения в каждой статье одинаково. Например, я делаю их все одного размера и всегда с левого края от текста. Но это только в начале статьи, а дальше действую по ситуации. Оптимизировав изображение, вы сможете получить трафик на ваш сайт по низкочастотным запросам. Главное, не спрячьте по ошибке свои изображения от роботов в файле Robot.txt. Оставь комментарий, нажми «Мне нравится» («Like») и «Сохранить», а я напишу для тебя еще что-нибудь интересное :) |
Изображения в сео оптимизации играет огромное занчение. Перед публикацией новой статьи обязательно убедитесь в том, что она содержит изображение. Поиск по изображениям еще никто не отменял, поэтому уникальные изображения могут приносить вам не плохой трафик с поисковых систем. В этой статье я дам вам несколько советов по продвижению картинками и расскажу, как правильно их использовать.ritmlife.ru
Оптимизация изображений в SEO - Поисковая оптимизация картинок
Оптимизация изображений в SEO
Поисковая оптимизация изображений в SEO-практике совсем не так давно стала входить в моду. Как оптимизировать графические изображения и продвигать картинки в поисковиках в ранжировании по рисункам? Графическая оптимизация картинок, поисковое продвижение по картинкам и раскрутка изображений в поисковых системах лишь с виду кажется сложными и малопонятными задачами для SEO-оптимизатора. В результате многочисленных экспериментов, изучения опыта коллег-СЕОшников был выработан алгоритм уверенного показа рисунков на хороших позициях в поиске по картинкам. Этот метод поисковой оптимизации графики и продвижения по картинкам лучше работает в Google, но вполне пригодна и для Яндекса. Методика оптимизации картинок полностью согласуется с руководствами для веб-мастеров от этих поисковиков и не содержит моментов, которые могут повлечь пессимизацию страницы в поисковых системах. Следует отметить такой малоизвестный факт в пользу web-графики: страницы с грамотно прописанными графическими изображениями ранжируются в текстовом поиске несколько выше тех, на которых картинки не установлены. Логика поисковиков понятна: иллюстрированный текст более привлекателен для пользователя, чем контент без картинок.
Как делается оптимизация картинок для продвижения по графике?
Может, для кого-то это станет открытием, но поисковое продвижение по изображениям чрезвычайно тесно связано с текстовым контентом на странице, где размещена графика. Как раскрутить картинку в поиске по изображениям? По сути задача оптимизатора сводится к тому, чтобы грамотно расположить графическое изображение на странице и правильно его оформить (прописать атрибуты тега IMG) - а остальное продвижение сделает текстовое окружение рисунка. Поэтому логично разделить подготовку страницы с картинкой на две составляющие: поисковую оптимизацию изображения и размещение его на веб-странице наилучшим для раскрутки образом.
1. Поисковая оптимизация картинок и изображений
1.1. Желательно, чтобы изображение было оригинальным, поскольку поисковики (например, Яндекс) учатся находить дубликаты рисунков в веб-сети. Если используется заимствованная картинка, лучшим вариантом будет осуществить ее поворот на 1...2 градуса, и если это возможно - зеркальное отображение. Откуда брать такие картинки или фото? Фотографии можно сделать и самому - как, например, это делает фотограф в Василькове с сайта http://vasilkov.com.ua/lana_foto/, а вот с рисунками сложнее. Хороший вариант - перевести их из вектороной графики в растровое изображение.
1.2. Размер рисунка имеет значение! Чем больше места занимает графика на странице - тем выше она будет ранжироваться в поиске по картинкам, поскольку большие графические изображения для пользователей являются более значимыми и заметными. Однако нельзя забывать и об обратной стороне медали: текст ниже крупной картинки будет иметь меньший вес, поскольку расположен на экране уже не так высоко, как раньше (см. также п.2.1 и п.2.2).
1.3. Вес картинки должен быть минимально-возможным при приемлемом качестве. Помните, что формат JPG трактуется как фотография, и потому имеет больше шансов на высокие позиции в поисковом ранжировании изображений. Форматы GIF и PNG поисковики трактуют как вспомогательную графику (элементы дизайна, кнопки, логотипы).
1.4. Очень желательно на картинку нанести имя домена (адрес сайта). Для продвижения по изображениям это никак не поможет - поисковые системы не знают, что изображено на рисунке, - но вот от копирования и показа на других сайтах с Вашего частично защитит, да и в плане имиджевой рекламы сыграет не последнюю роль.
1.5. Теперь о самом главном: в атрибут ALT включите осмысленную поисковую фразу из заголовка страницы TITLE, и, если возможно, какое-нибудь из слов-маркеров для изображений и фотографий. В атрибут TITLE тега IMG включите примерно то же самое, но обязательно в измененном виде. Как это делается - видно из примера, который разберем ниже.
1.6. Допустимая длина текста в ALT и TITLE графики напрямую зависит от размера изображения: слишком короткий текст - недобор, слишком длинный - перебор. Можно посоветовать такой способ: при соотношении сторон 4 к 3 содержимое атрибута ALT, выполненное примерно таким шрифтом, как в примере, должно укладываться (или быть чуть меньшим) по ширине изображения. К тому же так подпись к рисунку смотрится гармонично и красиво.
1.7. Имя графического файла всегда делайте осмысленным, близким по звучанию к тому тексту, который прописали в поле ALT. Как вариант, очень неплохо смотрится точное совпадение названия файла с URL страницы. Это даст дополнительный небольшой бонус Вашему рисунку со стороны поисковика. Надеюсь, все понимают, что URL страниц должны иметь чисто статический вид и быть также "говорящими"?
1.8. В обязательном порядке указывайте в явном виде поля WIDTH, HEIGHT и BORDER. Зачем это нужно, а также разъяснения относительно всех элементов HTML-тега IMG, Вы найдете на странице "Назначение ALT и TITLE картинки" в этом разделе сайта про поисковую оптимизацию графики и продвижению по картинкам.
1.9. На этом подготовку самой картинки к поисковой раскрутке можно считать завершенной. Осталось расположить ее на странице таким образом, чтобы она лучше всего выполняла возложенную на нее миссию.
2. Расположение рисунка или фотографии на странице
2.1. Сразу определитесь, что хотите от графического изображения и самой страницы: если цель стоит продвинуть именно картинку в ущерб тексту (такое бывает, когда на сайте расположен клипарт, и нужно каждую его страницу раскрутить по графике), то ставьте изображение большого размера, и почти в самом верху страницы.
2.2. Если же графика нужна лишь как иллюстрация, чтобы лучше подвигалась текстовая составляющая - надеюсь, никто не сомневается, что иллюстрированный текст ценится поисковиками выше? - то крупные изображения ставьте в нижней части страницы, чтобы не страдал основной индексируемый текст, а мелкие - в средней, лучше с обтеканием текстом.
2.3. Помните, что короля играет свита, а тематичность изображению придает окружающий его текст. Вы же делает не что иное, как иллюстрацию? Поэтому логично окружить фото или рисунок высоко-релевантным контекстом. В частности, заголовок h3 или h4 того абзаца, где расположена картинка, лучше делать близким по набору слов с атрибутом ALT изображения.
2.4. Особое значение имеет текстовая подпись к картинке. Дело в том, что поисковые системы расценивают текст сразу под картинкой как наиболее значимый по отношению к ней элемент текстового окружения. Так пользуйтесь этим! Лучший вариант - это добуквенно продублировать содержимое ALT в подпись. Обязательно, чтобы подпись находилась в той же ячейке таблицы TD, абзаце P или теге DIV, что и рисунок или фотография.
2.5. В общем и в частностях графическая картинка или фото должны составлять единое целое. Окиньте критическим взглядом свое творение и попытайтесь найти, что выбивается из этой концепции. Если не нашли - значит, есть шанс, что все сделали правильно, и картинка будет помогать хорошо ранжироваться тексту, а текст - картинке.
3. Пример SEO-оптимизации иллюстрированной страницы
3.1. Заметьте, что после п.2.5 мы уже не разделяем графику и текст, а говорим об "иллюстрированной странице". Приведем пример, как это делается (помните, что говорилось о расположении рисунков в п.2.2? Это тоже пример), а также некоторые замечания, чтобы остудить пыл слишком оптимистично настроенных SEO-оптимизаторов.
Поисковая оптимизация изображений и фото: IMG и пример текста с картинками 3.2. Вот полный HTML-код тега IMG приведенного изображения:<img src="http://com-seo.ru//800/600/http/com-seo.ruraskrutka/kartinka-seo-image-raskrutka-risunok-foto-img.jpg" title="SEO-оптимизация и раскрутка изображений и фото, иллюстрированный текст и IMG" alt="Поисковая оптимизация изображений и фото: IMG и пример текста с картинками" border="0" />.Подпись отделена от графики тегом BR и находится с рисунком в одном контейнере DIV. Таким образом удается гармонично и эстетично вписать картинку на веб-страницу, не попортив дизайна. Обратите внимание, что рисунок на сервере лежит не абы где, а в папке с названием из очень важного для сайта слова, которое поисковики понимают на транслите.
3.3. Есть очень спорный момент в том, чтобы показывать на странице не саму картинку, как сейчас, а ее уменьшенную до иконки копию, которая будет графической ссылкой на само изображение. Это уменьшает негативное влияние изображений больших размеров на текст ниже них (см.п.1.2), но также снижает значимость рисунка.
3.4. Поисковое ранжирование по фотографиям и картинкам происходит гораздо медленнее, чем по тексту, и может пройти до двух месяцев прежде, чем картинка займет достойное положение в поиске по рисункам. В связи с этим актуально сразу делать оптимальные SEO-маневры и размещение графики на страницах сайта.
3.5. Существует мнение, что поисковые системы с предпочтением относятся к периодической смене иллюстраций. Я не могу привести доказательств или опровержений этому; сам это мнение не разделяю, но для объективности о существовании его сказать обязан.
3.6. О выгоде поисковой оптимизации графики: разумеется, такие мелочи, как название папки с рисунком или точное вхождение ключевых слов в адрес картинки, дают копеечную выгоду в плане SEO. Но сто копеечек - это уже рубль, и пусть он будет в нашей копилке, нежели у конкурентов. Кроме того, не находится ни одного разумного аргумента, почему не делать сразу так, как лучше.
 |
com-seo.ru
