Категории

Как называть картинки для сайта

Как назвать сайт: 5 формул удачных названий

Всё, что нужно знать об оптимизации изображений для сайта

Если вы ведете собственный блог или пишете статьи для информационного сайта, то наверняка каждый день задаетесь вопросом “стоит ли поместить в эту статью картинку, и какую?”.

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

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

  1. Подбор правильного изображения
  2. Подготовка картинок к загрузке на сайт
  3. Оптимизация картинки для SEO и оформление статьи
  4. В заключении

Правильно подобранные картинки помогают вашим читателям уяснить суть текста. Как говорится “лучше один раз увидеть, чем сто раз услышать”. Конечно, для Яндекс и Google они несут не такую ценность, но все равно приносят пользу. Кроме того, вы можете наглядно проиллюстрировать графики, диаграммы и просто сделать контент более читабельным.

1. Подбор правильного изображения

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

Этому есть очень простое объяснение: картинка, окруженная связанным с ней текстом, лучше влияет на ранжирование по ключевому слому, под которое она оптимизирована.

Вы наверняка видели какие картинки мы размещаем в наших публикациях. И мы так делаем по нескольким причинам:

  • Они подчеркивают заголовок и тему статьи.
  • Они привлекают посетителя прочитать статью.
  • Применяются в OpenGraph и карточках Twitter, что позволяет прикреплять их к репостам в соцсетях.

Я часто использую поиск по картинам через англоязычный Google, если искать по ключевым словам на английском зачастую можно найти много качественных изображений, которые еще не так «заезженны» в РУнете. Однако, тут есть риск нарушения авторских прав, поэтому надо быть осторожным.

Вы также можете поискать уникальные снимки на в фотостоках вроде BigStock. Только избегайте очевидных снимков на которых люди в офисных костюмах с наигранными улыбками, ?? выбирайте более естественные и реальные фотографии.

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

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

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

2. Подготовка картинок к загрузке на сайт

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

Правильное название файла

Оптимизация изображений начинается с оптимизации названия файла. Конечно же, уже здесь можно употреблять ключевые слова. Даже не видя самого изображения, Яндекс и Google смогут узнать, что на нем изображено. Все просто: если изображен закат над Дворцовым мостом в Санкт-Петербурге , то не нужно называть файл DSC12456.jpg, а лучше использовать название  dvorcovyj-most-Sankt-Peterburge-zakat.jpg. Ключевым словом здесь будет Дворцовый мост, так как он и является главным объектом на фото, и именно поэтому я указал его в самом начале названия.

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

Масштаб изображения для SEO

При развитии сайта, очень важно учитывать скорость его загрузки(как проверить?) и юзабилити. Чем быстрее работает сайт, тем легче им пользоваться и ПС легче его индексировать. Картинки могут существенно замедлить работу сайта, особенно если использовать их в разрешении 1500?1500 пикселей, а на страницах показывать лишь миниатюру 350?250. Ведь посетителям все равно придется загружать полную версию. Старайтесь уменьшать размер до тех размеров, которые вам на самом деле нужны. К тому же WordPress позволяет генерировать миниатюры и создает 3 версии медиа-файла в разных размерах.

Кстати, маленькое разрешение не всегда говорит о таком же маленьком весе файла.

Уменьшаем вес файла

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

Ниже, вы видите вроде бы одинаковые фото, но разница в весе файлов в 10 раз!

Попробуйте оптимизировать вес файла при помощи, скажем, RIOT. Вес файлов можно уменьшить, удалив из них EXIF-данные. Я рекомендую вам инструменты вроде RIOT или ImageOptim или веб-сервис PunyPNG. Если вы сидите на ВордПресс, установите плагин WP Smush он автоматически будет сжимать все картинки на сайте.

3. Оптимизация картинок для SEO и оформление статьи

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

Подписи (Captions)

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

Ресурс KissMetric отметил, что подписи к картинкам читают на 300% чаще, чем саму статью.

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

Всегда в первую очередь думайте о пользователях, а уже потом о SEO.

Alt-текст и заголовки (title)

Альтернативный текст выполняет описательную функцию в случаях, когда посетитель по тем или иным причинам не смог увидеть самой картинки. Лучше всего об этом написано в Wikipedia: “В случаях, когда картинка недоступна читателю, возможно из-за выключенных изображений в браузере или при чтении статьи посредством электронной книги, или при зрительной недостаточности, альтернативный текст помогает восполнить содержимое изображения”. Так что обязательно пишите описание, и старайтесь включать в них ключевики.

При наведении курсора мыши на картинку в IE, альтернативный текст отображается как подсказка. Браузер Chrome для этого берет заголовок из (title) изображения. Текст заголовка выполняет практически ту же функцию, что и альтернативный, и поэтому многие люди просто копируют один и тот же текст и туда, и сюда. На самом деле, заголовки title лучше писать для не столь важной информации. К примеру, в этом теге можно указать настроение фотографии, или описать контекст.

OpenGraph

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

1 <metaproperty=»og:image» content=»http://ссылка на картинку для анонса» />

<meta property=»og:image» content=»http://ссылка на картинку для анонса» />

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

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

Twitter Cards выполняют ту же функцию, только для Twitter. Их также можно сгенерировать при помощи этого плагина.

Выравнивание

Я думаю, что картинки не должны занимать левую сторону статьи, откуда пользователи начинают читать каждую строку.

Если же картинка своим размером занимает полностью всю колонку, то нет проблем. Это даже позволит сосредоточить больше внимания на изображении. Однако учтите, что это не имеет ничего общего с SEO оптимизацией, здесь я просто решил вставить свои 5 копеек.

Недавно,на Great-World.ru был гостевой пост про 3 приема оформления картинок, там есть интересные примеры.

XML-карты изображений

Если вы веб-разработчик, то вас наверняка удивит трактовка “XML-карты изображений». Лучше сказать, “изображения в XML-картах сайта”. Google дает очень четкую спецификацию на этот счет:

“Чтобы предоставить Google информацию об изображениях на сайте, добавьте в файл Sitemap специальные теги. Для изображений можно создать отдельный файл Sitemap или обновить уже существующий. Используйте любой удобный для вас способ.”

Добавление картинок в XML-карту помогает Google индексировать ваши изображения, а это существенно влияет на SEO-оптимизацию.

Хотлинкинг

Как вы знаете, при поиске по картинки в Гугл или Яндекс, поисковики не спешат перенаправить вас на сайт-источник изображения, а просто увеличивают изображение. И остается лишь призрачная надежда на то, что человек захочет сам перейти на сайт. И правда, зачем ему это делать?

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

Один из методов борьбы — выдавать поисковикам не полную версию изображения, а урезанную с подписью которая призывает перейти на ваш сайт, чтобы увидеть фото в полном размере. Я уже рассказывал о том, как сделать это по отношении к Гугл, рекомендую почитать подробнее.

В заключении

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

При оптимизации, всегда помните о следующем:

  • Ищите релевантные картинки, которые отражают суть темы
  • Указывайте подходящие названия для файлов
  • Обрезайте размеры изображений под статью
  • Пытайтесь сократить вес файлов, чтобы ускорить работу сайта
  • Добавляйте подписи, чтобы их было легче найти
  • Прописывайте ALT-текст, и по желанию  заголовок
  • Добавляйте теги OpenGraph и Twitter Card
  • Не выравнивайте по левому краю
  • Указывайте картинки в XML-карте сайта

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

Видео от экспертов

SEO-факторы



Проверка на уникальность



Фото для интернет-магазинов



А что вы думаете насчет оптимизации картинок? Возможно, я что-то упустил, и вы бы могли дополнить список? Напишите в комментариях.

Ярослав Голубев

Основной автор GW, свой первый сайт создал еще до существования iPhone ;) Всегда на пульсе интернет-маркетинга и способов заработка в сети.

Нашли опечатку? Выделите фрагмент и отправьте нажатием Ctrl+Enter.

Источник: http://Great-World.ru/seo-optimizaciya-kartinok-pod-poiskovye-sistemy/

Насколько влияет на SEO название файла картинки

Главная > SEO > SEO оптимизация картинок или как правильно размещать и называть их.

SEO оптимизация картинок или как правильно размещать и называть их.

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

SEO оптимизация картинок или как правильно размещать и называть их.

Одна из главных неизученных сфер SEO оптимизации – это картинки. Почти каждый сайт содержит множество картинок, но очень мало вебмастеров используют их оптимизацию. Оптимизация картинок увеличивает трафик Если вы хотите получать дополнительный трафик то нужна придерживаться 5 основных правил SEO оптимизации картинок 5 основных правил 1 Используйте правильные урлы картинок и папок Если вы используете на своем сайте такой урл рисунка - 00103.jpg, то вам не следует ожидать хорошей отдачи от поисковиков. Поисковые пауки не могут догадаться о содержании самого рисунка под таким урлом. Поэтому вам следует использовать хорошие и правильные урлы картинок. Если ваш сайт, например, содержит рисунок красного iPod Nano, то урл должен выглядеть следующим образом - red-apple-ipod.jpg. Если вы желаете получить наибольший трафик, вы можете создать специальную структуру папок, включающих релевантные ключевые слова, например /products/apple/iPods/red-iPod-nano.jpg. К сожалению, много систем управления контентом или коммерческие платформы автоматически дают бессмысленные урлы загружаемых файлов (и помещают их в папки с бесполезными именами), так что вам понадобится время для изменения программного кода, дабы получить улучшенную структуру урлов файлов и папок. Но если ваш сайт содержит огромное количество картинок, тогда правильная оптимизация картинок однозначно принесет свои плоды в будущем. 2 Используйте описание картинки в теге - alt Другой способ подать поисковикам правильную информацию – ключи о своем изображаемом контенте – это использовать описание картинки в теге alt. Чем детальней информация, тем лучше, но в пределах разумного, естественно. Вам не следует быть слишком общим в описании, но и не нужно, чтобы все ваши alt –теги содержали роман Толстого. Например, вместо использования "Форд Мустанг”, как ваш alt –тег, лучше будет "Этот голубой Форд Мустанг 1965 занял первое место”. На одном из своих сайтов, я заметил, что Google Image Search любит описания в виде предложений, но у меня нет достаточно информации, чтобы утверждать этот факт на 100%. В принципе, если подумать, то кажется более логичным, что описание в виде предложения содержит больше ключевых слов, и наверняка дает понять поисковику, что данный набор символов не является спамом. По данному поводу: ни в коем случае не используйте набор ключевых слов в ваших alt тегах. 3 Используйте хороший title к картинке Если вы прописываете к своим картинкам title, пишите качественный title, который четко описывает содержание картинки. В большинстве случаев title=alt, но если есть возможность делать их разными, будет лучше. 4 Используйте картинки с большим размером Есть несколько обзоров, в которых заявляют, что Google Image Search любит картинки больших размеров.Следует помнить тот факт, что SEO дает плоды только тогда, когда вы получаете достаточный трафик на ваш ресурс. В принципе, данная мысль имеет право на существование и можно доказать почему: - если кто-то желает найти картинку в сети, он предпочтет кликнуть на рисунок более крупного размера и в лучшем качестве, нежели маленький, в плохом. Это свидетельствует о том, что более крупные размеры более привлекательные для посетителей и для поисковиков. - маленькие картинки получаются путем уменьшения больших, т.е. большая картинка более интересна как первоисточник. 5 Сфокусируйтесь на странице SEO технологии ничего не стоят без нормального текстового окружения. Названия картинок и папок будет не достаточно, если ваш сайт не предоставляет никакого интереса для посетителей. Вам нужно убедить поисковых роботов, что ваши картинки расположены на привлекательных страницах вашего ресурса. Когда страницы вашего сайта умно оптимизированы, использование SEO советов для картинок придадут дополнительное увеличение трафика.

Categories: SEOTags: alt, html, seo, title, web, картинок, оптимизация

(2 votes, average: 4,50 out of 5)
Loading...
Источник: http://backnet.ru/2012/08/03/seo-optimizatsiya-kartinok-ili-kak-pravilno-razmeshhat-i-nazyivat-ih/

SEO оптимизация изображений для сайта

Как картинки продвигают сайт? СЕО оптимизация картинок

Метаданные картинок, как и другого контента, заполняются внутри сайта, и снаружи посетителям почти не видны. Однако для СЕО (для ботов, которые будут исследовать ваш сайт) их значение огромно. Роботы не могут понимать изображение, но, считывая метаданные, они правильно размещают ссылки на ваш сайт в поисковых системах. Короче, метаданные – это шифры для ботов (роботов).

Правило 1.

Есть несколько позиций, которые можно заполнить. Главное для СЕО оптимизации – заполнить Title и Alt. Остальное для СЕО не важно.

Правило 2.

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

Правило 3.

Называйте файл русским словом, но латиницей. Например, sobaka.png или kot.bmp

Правило 4.

Название или Заголовок (Title) должны быть на русском. При наведении курсора на рисунок, возле курсора будет высвечиваться название, см. иллюстрацию слева.

Для Яндекса лучше всего, если Title и Alt будут полностью идентичны.

Правило 5.

Обязательно заполняйте атрибут Alt. Хоть это и называется «альтернативный текст», люди его видят в исключительно редких случаях. Однако для ботов он – самый цимес. Оптимальный объем – 10 слов, прямо согласующихся с текстом на странице и идентичных с Title (заголовком рисунка). Если Title и  Alt не согласуются, то боты могут не проиндексировать метаданные и пропадет даром  ваш скорбный труд.

Правило 6.

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

Правило 7.

Description картинок заполнять не обязательно в том случае, если заполнен Description страницы. Бот найдет его там. Однако если Description страницы не заполнен (за что сео-оптимизатора надо пожурить), можете написать в описании картинки сочинение из 250 знаков, содержащее основную информацию о том, что полезного содержит данный рисунок. Тогда бот из этого текста что-то извлечет. Что именно, доподлинно не известно. Есть неподтвержденные версии, которыми я не буду забивать вам голову.

Резюме и обобщение: Обязательно заполняйте метаданные изображений Title и Alt Text если хотите, чтобы ваши картинки продвигали ваш сайт. Description (описание) и Caption (подпись для людей) делаются по мере необходимости. Их заполнять не критично.

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

Читайте также: Как правильно оформить галерею и картинки в сайте.

Загрузка...
Можете поделиться этой публикацией в соц. сетях:Создание и СЕО продвижение сайтов в Краснодаре и крае - мобильный интернет маркетинг в бизнесе - раскрутка
Источник: http://vzzzig.ru/7-pravil-seo-optimizacii-kartinok/
Интересное: