Как вы SEO для изображений: интернет-магазин и блог

1. Зачем оптимизировать свои изображения в интернет-магазине?
2. Зачем оптимизировать изображения в блоге?
3. Стоковые картинки против реальных изображений
4. Какие есть альтернативы, если вы не используете изображения?
5. Как вы выбираете изображения, которые вы загружаете на свой сайт?
6. 2. Качество
7. 3. Количество изображений
8. 4. Дублированный контент
9. Как оптимизировать изображения на вашем сайте?
10. 2. Размер изображения
11. 3. Назовите изображение
12. 4. Название изображения
13. 5. Альтернативный текст
14. 6. Текст рядом с изображением
15. 7. Миниатюры
16. О снимках, взятых из интернета
17. 1. Pixabay
18. 2. Unsplash
19. 3. Gratisography
20. 4. Picjumbo
21. 5. Жизнь Пикс
22. 6. Travel Coffee Book
23. 7. Дизайнер фото
24. 8. Реалистичные снимки
25. 9. Snapwire
26. 10. IM бесплатно
27. Космин Дарабан

Сегодня изображения, я думаю, говорят более 1000 слов. В последнее время визуальный фактор наблюдался невероятно высоко, и доказательством тому является огромный рост использования экс- Instagram и социальные сети ex. Pinterest. Более того, изображения - это единственный способ для пользователя узнать все подробности о продукте, который вы продаете, или обобщить часть содержимого блога, превратив его в ориентир для человеческого глаза.

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

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

Зачем оптимизировать свои изображения в интернет-магазине?

Как мы отмечаем во введении, изображения играют важную роль в увеличении посещаемости сайта. Они индексируются Google и при простом поиске в движке Google Images, есть вероятность, что ваши изображения будут отображаться, направляя пользователя на сайт. Конечно, есть отрасли, где фотографии необходимы и играют важную роль (дизайн, мода - включая аксессуары, искусство, гастрономия, туризм и т. Д.) И другие, где они не являются обязательными.

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

В-третьих, даже если изображения не загружены, они не отображаются по разным причинам или не могут быть видны некоторым пользователям (дальтонизм / другие визуальные проблемы), они все равно могут выяснить, о чем фотография.

Зачем оптимизировать изображения в блоге?

Возможно, вам уже советовали добавлять визуальный контент к публикациям в вашем блоге. Это хороший совет, учитывая, что визуальные сообщения в 40 раз чаще распространяются в социальных сетях (визуальный контент набирает более 94% просмотров).

Социальные сети и блоги, по крайней мере, близки вам, если не хорошие братья. Трафик в поисковых системах труднее получить, когда вы начинающий блоггер. Итак, вы должны позиционировать Social Media, платформу, которая дает пользователям более быстрый доступ к блогу. И, к примеру, какие статьи наиболее распространены в Facebook? Картинки, конечно.

Читайте также: Правильные размеры изображений Facebook

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

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

Также изображения помогают вашему блогу с точки зрения SEO. Если ваши фотографии попадают в Google Images, пользователи направляются в блог. Для некоторых конкретных поисков Google может отображать изображения даже в обычных результатах. Таким образом, у вас есть дополнительная возможность получить трафик на свой блог.

Стоковые картинки против реальных изображений

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

Позвольте мне привести вам пример. Где-то в 1996 году Дженнифер Андерсон опубликовала фотографию вскоре после выпуска. В то время компании подписывались на услуги компаний, предлагающих стандартные изображения, которые они получали на CD-ROM.

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

источник: blog.ideeinc.com

Вскоре после этого Дженнифер стала лицом каждого студента практически во всех маркетинговых кампаниях. Среди них наиболее известной является кампания «Снова в школу», которую проводят конкуренты PC & Dell Gateway, которые использовали одно и то же изображение в рекламных материалах. Конечно, картина использовалась и в других кампаниях.

источник: blog.ideeinc.com

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

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

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

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

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

• Посмотрите, кто еще использует (особенно конкуренты)
• выбрать право использовать это изображение (Лицензия с управлением правами)
• отредактируйте его, чтобы у вас было подходящее изображение для вашего контента

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

Бонус, для Google лучше размещать новые оригинальные изображения. Поисковая система быстро проиндексирует ваши изображения и направит пользователя на ваш сайт.

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

Какие есть альтернативы, если вы не используете изображения?

Если вы не хотите использовать изображения, есть много вариантов, чтобы позвонить.

Во-первых, вы можете выбрать видео. Это может быть оригинал, созданный вами или вашими сотрудниками / коллегами, или видео YouTube, Vimeo, встроенное / встроенное на сайт. Преимущество видео состоит в том, что он подробно показывает продукт со всеми его деталями и ракурсами, процесс изготовления продукта или способ его использования и т. Д. Таким образом, это более полный мультимедийный элемент для ваших пользователей.

Во-вторых, вы можете указать слайд-шоу SlideShare с помощью встраивания / встраивания на сайт. Если вы хотите сделать презентацию PowerPoint о вашей компании, почему бы не использовать ее для убеждения пользователей? Используйте наводящие на размышления изображения, чтобы создать репрезентативную, но полезную часть работы, чтобы проиллюстрировать вашу работу перед клиентами.

Читайте также: Видео маркетинг или как игнорировать инструмент, который увеличивает ваши продажи

Как вы выбираете изображения, которые вы загружаете на свой сайт?

1. Актуальность

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

В идеале выбранное изображение будет обобщать текстовое содержание, визуализируя то, что вы хотите передать пользователю.

2. Качество

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

Вы знаете, что там написано: «Контент - король». То же самое верно для изображений. Их содержание должно быть качественным, что заставит пользователя выполнить определенное действие, которое выгодно для вас.

Подумайте об этом, и вы, как правило, будете распространять высококачественный сайт в Facebook (например, фотографии года, выбранные National Geographic), в то время как низкокачественное изображение не будет влиять на вас эмоционально, поэтому мотивировать вас распространять его.

3. Количество изображений

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

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

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

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

4. Дублированный контент

Под дублирующимся контентом я ссылаюсь на стандартные картинки, которые вы спрашиваете у производителя или покупаете их на сайтах стоковых фотографий. Эта проблема с дублированным визуальным контентом особенно распространена в интернет-магазинах и новостных сайтах. Конкурирующие сайты иллюстрируют свои продукты и статьи одним и тем же изображением. Одни и те же предметы одежды появляются на одном и том же манекене на двух конкурирующих сайтах. Та же обложка книги появляется в сотнях книжных магазинов.

Это явление не поможет вам занять более высокое место в Google или дифференцировать себя и быть лучше, чем ваш конкурент. Я рекомендую вам (или специалисту) сделать фотографии / изображения продуктов в статье, чтобы предоставить оригинальный контент как вашим посетителям, так и сканерам Google.

О, и если вы вырезаете картинку из Google (например, из более широкой рамки, вы устанавливаете декор и оставляете только лицо человека), поисковая система не думает, что она имеет отношение к новому изображению / уникальному контенту.

Читайте также: Страница продукта интернет-магазина

Как оптимизировать изображения на вашем сайте?

1. Тип файла выбран

У вас есть 3 основных типа файлов для ваших изображений: JPG (иногда JPEG), GIF и PNG.

• JPEG (или .jpg) - это тип файла, который де-факто стал стандартом интернет-изображений. Они могут быть сжаты немного, в результате чего изображения низкого качества.
• GIF - это изображение гораздо более низкого качества, чем JPG, и оно используется для простых изображений, таких как декоративные или пиктограммы. Он также известен поддержкой анимации. С точки зрения оптимизации, GIF полезен для простых изображений на веб-странице (где вам нужно меньше цветов), но не рекомендуется для больших, больших фотографий и т. Д.
• Изображения в формате PNG становятся все более и более популярными в качестве альтернативы GIF-файлам: они поддерживают гораздо больше цветов и не ухудшаются с течением времени до нескольких спасений. Однако по сравнению с JPG размер файла может быть слишком большим.

И для сайтов электронной коммерции, и для блогов я рекомендую использовать формат JPG для фотографий и формат PNG для крупной графики.

2. Размер изображения

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

Возможно, это не так много, но несколько дополнительных секунд при скорости загрузки сайта могут стоить конверсии (продажи, подписчики и т. Д.). Согласно Kissmetrics, большинство посетителей ждут около 5 секунд на мобильных устройствах, прежде чем покинуть сайт.

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

Итак, как вы достигаете желаемого баланса?

Во-первых, важно понимать разницу между размером файла, размером изображения и разрешением:

• Размер файла : количество байтов, занимаемых файлом на вашем компьютере. Размер файла является основным фактором, из-за которого снижается скорость загрузки сайта. Например, размер файла 15 МБ (мегабайт) огромен, а размер файла 125 КБ (килобайт) гораздо более приемлемый. Если размер файла очень большой, это сигнал о том, что либо размер изображения слишком велик, либо слишком высокое разрешение.
• Размер изображения : высота и ширина изображения в пикселях.
• Разрешение : измерьте четкость и степень детализации цифрового изображения. Например, когда программа дизайна имеет опцию «сохранить в Интернете», это означает сохранение файла с низким разрешением для Интернета.

Теперь, когда вы знаете разные способы описания размера изображения, запомните следующее:

• большие изображения или полноэкранные фоновые изображения не должны превышать 1 МБ
• самые маленькие графические файлы могут быть 300 КБ или меньше
• Вы можете уменьшить размер изображения, но вы не можете сделать его из маленькой, большой картинки. Пожалуйста, можете, но изображение будет пиксельным и размытым.

Что вы делаете, если выбранный вами размер файла превышает 1 МБ?

• Изменяет размер изображения . Если ваша фотография больше 5000 пикселей, уменьшите размер до 1200 пикселей или даже меньше. Будьте осторожны, чтобы сохранить одинаковые пропорции, чтобы не искажать изображение.
• Уменьшить разрешение . Используйте программы, такие как:

Если вам нужно изменить размер и подготовить огромное количество фотографий, я рекомендую вам использовать его Picasa или IrfanView , Picasa помогает обрабатывать изображения - вырезать изображения, устранять эффект красных глаз, контрастность / цвет / яркость, выпрямление фотографий и т. Д., А IrfanView помогает изменять размеры, переименовывать, сжимать, преобразовывать файлы и применять водяные знаки.

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

3. Назовите изображение

Когда вы делаете фотографии, камера или телефон автоматически присваивает им имена. Например, IMG005.jpg или DSC03459.jpg. В этом случае вы должны изменить имя, чтобы включить соответствующие ключевые слова.

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

советы:

• имя должно быть как можно короче. Например: how-optimize-seo-images-shop-online-blog ASA НЕТ, optimize-seo-images ASA ДА.
• избегайте ненужных слов, таких как прилагательные, союзы или другие термины, которые вы можете пропустить.
• в качестве разделителя используется "-" и избегайте других типов разделителей, таких как "_", ".", "l"% 20 "(пробел) и т. д.
• Избегайте использования печатных букв. Используйте маленькие буквы.
• выбрать описательные имена и ключевые слова, которые обобщают основную идею изображения
• чтобы присвоить рейтинг местному, если у вас есть сайт с местной аудиторией, укажите название целевого города / региона

4. Название изображения

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

5. Альтернативный текст

Атрибут Alt-text предназначен для того, чтобы сообщить пользователю, о чем фотография, если она не загружается (по разным причинам). Кроме того, это помогает сканерам лучше понять, как расположить эту фотографию в соответствии с темой изображения.

советы:

• описывает в двух словах, о чем картина
• введите до 140 символов (буквы, цифры, знаки пунктуации)
• введите ключевые слова, которые вы хотите оценить в Google
• Сначала заполните этот атрибут для пользователей и подумайте, какие ключевые слова вы хотели бы искать для этого изображения.
• если у вас есть нишевый сайт, введите технические данные, относящиеся к вашей нише или названию города / географического района, в котором вы хотите получить рейтинг
• если у вас есть общий сайт, используйте общие условия

6. Текст рядом с изображением

После загрузки изображения было бы целесообразно добавить к нему текст (добавить в подпись), чтобы пользователи, ищущие фотографию в Google, знали, на что они смотрят. Это действие дает сайту профессиональный вид и помогает удерживать посетителей на странице, снижая показатель отказов.

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

7. Миниатюры

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

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

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

Чтобы узнать правильное количество изображений на странице и количество миниатюр, использованных на странице категории, используйте A / B Testing или вопросники, чтобы узнать мнение ваших посетителей.

Читайте также: Как подготовить фотографии товара для вашего интернет-магазина

О снимках, взятых из интернета

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

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

У нас в Silkmart есть два способа опубликовать фотографии в нашем блоге: либо мы создаем их (мы создаем фотографии, либо изображения создаются профессиональными дизайнерами), либо загружаем их с сайтов изображений, лицензированных по лицензии Creative Commons CC0. И если это фотографии с других сайтов, мы упоминаем их источник под этими фотографиями.

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

1. Pixabay

Это сайт с более чем 560 000 изображений и визуальных ресурсов: картинки, иллюстрации, видео и векторы. Они выпущены под лицензией Creative Commons CC0 без авторских прав, и указание авторства не требуется.

2. Unsplash

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

3. Gratisography

Запас лицензионных фотографий (CC0). Известный особенно забавными фотографиями, которые он обеспечивает.

4. Picjumbo

Богатый поисковыми фильтрами, созданными дизайнером и фотографом Виктором Ханачеком в 2013 году, на сегодняшний день его загрузили более 3 миллионов. Фотографии бесплатны, бесплатны и могут быть использованы в личных или коммерческих целях.

5. Жизнь Пикс

Профессиональные фотографии, без ограничений авторских прав. Сайт обновляется еженедельно.

6. Travel Coffee Book

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

7. Дизайнер фото

У вас есть много категорий, чтобы искать нужную фотографию. Качество изображений, хотя их количество ограничено. По лицензии (CC0).

8. Реалистичные снимки

Качественные изображения по лицензии (CC0). Вы можете использовать их в личных или коммерческих целях без назначения.

9. Snapwire

Есть много категорий, доступных для поиска нужного изображения. Каждые 7 дней добавляйте 7 новых фотографий. Изображения, как вы уже догадались, под лицензией (CC0).

10. IM бесплатно

Коллекция ресурсов веб-дизайна по лицензии (CC0). Вы можете использовать их в личных или коммерческих целях без назначения.

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

В конце концов, качество сайта и позиция, которую вы размещаете в Google, не учитывает ваше мнение. Они зависят от всего пакета, который вы предлагаете. Помимо SEO оптимизации вашего сайта, делайте SEO для изображений, следуя советам и информации, которую я дал вам выше.

SEO онлайн курс для средних и продвинутых начинающих - прибыль сейчас

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

Космин Дарабан

18 лет онлайн опыта
С 2005 года генеральный директор и соучредитель SilkWEB & Gomag.
Я пишу из опыта маркетинга в электронной коммерции,
оптимизация конверсии, рост трафика и продаж (SEO, SEM & UX)
Участвует в запуске и разработке более 650 интернет-магазинов из разных ниш.

Последние сообщения от Cosmin Daraban ( увидеть все )