10 советов по SEO для SEO

  1. 1. Опишите название ваших изображений, используя простой французский
  2. 2. Оптимизируйте свои альтернативные теги
  3. 3. Используйте размеры изображения и стратегические углы продукта
  4. Обратите внимание на предоставление больших изображений
  5. 4. Уменьшите размеры файлов ваших изображений
  6. Что делать то?
  7. Что делать, если у вас нет фотошопа?
  8. Какой размер выбрать для моих изображений?
  9. 5. Знать тип файла изображения для использования в любой ситуации
  10. 6. Узнайте, как управлять миниатюрами (миниатюры)
  11. 7. Используйте файлы Sitemap для изображений
  12. 8. Обратите внимание на ваши декоративные изображения
  13. 9. Будьте осторожны при использовании сетей доставки контента
  14. 10. Проверьте свои изображения!
  15. Чтобы узнать больше:

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

Вы когда-нибудь просыпались поздно ночью, задаваясь вопросом:

  • Почему изображения моего продукта никогда не отображаются при поиске изображения в Google?
  • Нужно ли добавлять теги «alt» к моим изображениям?
  • В чем разница между форматами JPG, GIF или PNG - или мне следует использовать другой?

В этой статье я отвечу на эти и другие вопросы. Будьте готовы «погрузиться» в 10 советов, чтобы узнать об оптимизации изображений.

1. Опишите название ваших изображений, используя простой французский

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

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

Давайте использовать это изображение в качестве примера:

Вы можете использовать общее имя, которое ваша камера предоставила вам для изображения, например DCMIMAGE10.jpg. Однако было бы лучше назвать файл: 2012-Ford-Mustang-LX-Rouge.jpg

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

  • 2012 красный Ford Mustang LX
  • Ford Mustang LX Red 2012
  • Красный Ford Mustang LX 2012

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

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

Обратитесь к этому разделу QR (Вопросы и ответы) с сайта seomoz.org, чтобы понять важность именования файлов изображений на вашем веб-сайте. Это может улучшить ваш SEO на странице или на сайте, и помочь вашему сайту и изображениям занять место на лучших позициях.

2. Оптимизируйте свои альтернативные теги

«Alt» теги являются альтернативой как текст к изображениям, когда браузер не может отобразить их правильно. Даже когда изображение отображается, наведя на него курсор мыши, вы сможете увидеть текстовый тег, созданный для рассматриваемого изображения (в зависимости от настроек вашего браузера).

Атрибуты "alt" также улучшают SEO (или SEO) вашего сайта. Добавление тегов «alt» к вашим изображениям может помочь вашему сайту повысить рейтинг в поисковых системах; в этом случае вы должны связать ключевые слова с изображениями . Использование тегов «alt», вероятно, является наилучшим способом отображения ваших продуктов электронной коммерции в «Картинках Google» и других поисковых системах в целом.

Давайте посмотрим на исходный код тега «alt»:

Приоритет № 1 в оптимизации изображений для SEO заключается в заполнении каждого тега «alt» для каждого изображения продукта на вашем веб-сайте.

Вот несколько простых правил для тегов « alt»:

  • Опишите ваши изображения на простом французском языке, так же, как и в именах файлов.
  • Если вы продаете товары с номерами моделей или серийными номерами, используйте их в своих тегах «alt».
  • Не преувеличивайте ключевые слова в ваших тегах «alt» (например: alt = «ford mustang car buy now по лучшей цене»).
  • Не используйте теги «alt» для декоративных изображений. Поисковые системы могут наказать вас за чрезмерную оптимизацию.

Наконец, всегда проверяйте ваш сайт время от времени. Посмотрите на исходный код ваших веб-страниц и проверьте, не заполнены ли ваши теги "alt".

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

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

  • Внутри.
  • Задняя часть, особенно «спойлер».
  • Увеличение на ободьях шин.
  • Под капотом ... это Мустанг в конце концов.

И лучший способ воспользоваться этими дополнительными фотографиями - заполнить ваши «alt» теги для каждого продукта:

  • 2012-Ford-Mustang-LX-Red-Interior-Leather.jpg -> с помощью тега alt : alt = "2012 Ford Mustang LX Red Interior Leather"
  • 2012-Ford-Mustang-LX-Red-Wheels-Tires.jpg -> с помощью тега alt : alt = "2012 Ford Mustang LX с красными ободами шин"

Ключевым моментом здесь является добавление описаний к вашему основному тегу «alt», чтобы люди могли обнаружить ваш сайт. Если вы выполните дополнительную работу, Google вознаградит вас людьми, которые могут быть заинтересованы в ваших продуктах.

Обратите внимание на предоставление больших изображений

Теперь вы, возможно, захотите представить своим посетителям большие изображения и «расширенные виды», поскольку это может значительно улучшить пользовательский опыт, но будьте осторожны.

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

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

4. Уменьшите размеры файлов ваших изображений

Учтите это:

Если у вас есть изображения, которые «выделяются слюной на экране» и загружаются за 15 секунд, вы можете попрощаться с потенциальными клиентами!

Что делать то?

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

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

Один из способов уменьшить размер файла изображения - использовать команду «Сохранить для Web». Когда вы используете эту команду, вам нужно будет настроить изображение, уменьшив его до минимально возможного размера файла, сохраняя при этом качество изображения.

Что делать, если у вас нет фотошопа?

Если у вас нет Adobe Photoshop, существует большое количество онлайн-инструментов, которые вы можете использовать для обработки изображений. Даже у Adobe есть онлайн-приложение для редактирования изображений на photoshop.com , Этот онлайн-инструмент не обладает всеми функциями настольной версии Adobe Photoshop, но охватывает все основные принципы редактирования изображений и не стоит слишком дорого.

Некоторые другие отличные инструменты для редактирования изображений онлайн:

  • PicMonkey - был описан экспертами как «необычный и превосходный инструмент для редактирования фотографий».
  • Pixlr - очень прост в использовании и поставляется со 100% бесплатным приложением для вашего смартфона.
  • FotoFlexer - это еще одна довольно продвинутая программа для редактирования онлайн-изображений. Fotoflexer даже позволяет работать со слоями.

Наконец, всегда есть GIMP , GIMP - это бесплатное программное обеспечение для редактирования изображений с открытым исходным кодом, которое можно использовать в Windows, Mac или Linux. Он может делать все, что делает Photoshop, но он немного сложнее в использовании. Тем не менее, для бесплатного приложения редактирования изображений - это непобедимо.

Какой размер выбрать для моих изображений?

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

5. Знать тип файла изображения для использования в любой ситуации

Обычно есть три типа файлов, которые используются для публикации изображения: JPEG, GIF и PNG.

Давайте посмотрим на эти 3 типа файлов и как они влияют на одно и то же изображение:

Давайте посмотрим на эти 3 типа файлов и как они влияют на одно и то же изображение:

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

На изображении выше формат JPEG обеспечивает превосходное качество и уменьшенный размер файла

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

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

Изображения PNG становятся все более популярными и представляют собой альтернативу GIF-файлам, а их качество не ухудшается со временем при «перезаписи», как в случае с JPEG. Несмотря на то, что тип файла PNG начинает использоваться все больше и больше, размеры файлов по-прежнему намного выше, чем у изображений JPEG.

Обратите внимание, что изображение PNG 24 в три раза больше, чем версия PNG-8. Вот почему вы должны быть осторожны с PNG.

Вот крайний пример, где размер файла изображения был сохранен в размере 24 КБ для 3 форматов файла:

Вот крайний пример, где размер файла изображения был сохранен в размере 24 КБ для 3 форматов файла:

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

Вот несколько советов, которые следует помнить при выборе форматов файлов:

  • Для всех ситуаций электронной коммерции - формат JPEG будет вашим лучшим выбором . Это обеспечивает лучшее качество и наименьший размер файла.
  • Никогда не используйте GIF для больших изображений продуктов . Размер файла будет очень большим, и нет хорошего способа уменьшить его. Используйте GIF-файлы для миниатюр и декоративных изображений.
  • PNG могут быть хорошей альтернативой JPEG и GIF. Если вы можете только получить изображения продуктов PNG, попробуйте использовать PNG-8 вместо PNG-24. PNG-8 превосходны в качестве декоративных изображений из-за их уменьшенного размера файла.

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

6. Узнайте, как управлять миниатюрами (миниатюры)

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

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

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

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

7. Используйте файлы Sitemap для изображений

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

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

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

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

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

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

8. Обратите внимание на ваши декоративные изображения

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

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

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

Вот несколько советов по уменьшению размеров файлов ваших декоративных изображений:

  • Для кадров, которые являются границами или простыми шаблонами, преобразуйте их в PNG-8 или GIF. Вы можете создавать красивые изображения, которые весят всего несколько сотен бит!
  • Если возможно, используйте CSS для создания цветных пространств вместо использования изображений. Используйте стиль CSS как можно больше, чтобы заменить все ваши декоративные изображения.
  • Остерегайтесь больших фоновых изображений в стиле «нарисованные обои» или «w allpaper». Это могут быть огромные файлы. Уменьшите их размер до максимума, не ухудшая качество изображения.

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

9. Будьте осторожны при использовании сетей доставки контента

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

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

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

Следовательно, следует соблюдать следующее правило:

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

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

10. Проверьте свои изображения!

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

  • Проверьте количество изображений товара на странице. Поскольку время загрузки является проблемой для не размещенных веб-сайтов электронной коммерции, вы можете обнаружить, что, сократив количество изображений на странице, вы сможете увидеть рост продаж и кликов. Но также возможно, что представление множества изображений на странице (например, различные углы обзора) может улучшить пользовательский опыт и привести к увеличению продаж. Единственный способ узнать это - проверить.
  • Определите, какие углы предпочитает ваш клиент. Представление «углов», которые ваши потенциальные клиенты хотят видеть, может быть хорошей стратегией для сохранения вашей клиентской базы в целом. Хороший способ убедиться в этом - опросить своих клиентов о том, что им нравится больше всего, когда они смотрят на снимки ваших продуктов. Факт регулярного общения с вашими клиентами также является хорошей привычкой.
  • Определите количество списков или списков продуктов, которые вы должны иметь на страницах категорий. 10, 20, 100 товаров? Проверьте количество продуктов, перечисленных на страницах категорий, чтобы увидеть, что лучше всего подходит для ваших клиентов и их опыта покупки.

Чтобы узнать больше:

Ваша "уродливая" фотография продукта заставляет вас терять продажи? Обратитесь к нашему руководству по Как создать отличную фотографию продукта для увеличения продаж ,

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

Что делать, если у вас нет фотошопа?
Какой размер выбрать для моих изображений?
Нужно ли добавлять теги «alt» к моим изображениям?
В чем разница между форматами JPG, GIF или PNG - или мне следует использовать другой?
Какие запросы они используют очень часто и неоднократно при поиске на вашем сайте?
Что делать то?
Что делать, если у вас нет фотошопа?
Какой размер выбрать для моих изображений?
Оваров?
О том, как смешивать свежевыжатые соки
Ни для кого не секрет, что стакан свежевыжатого овощного или фруктового сока, способен придать заряд энергии и бодрости, а также положительным образом отразиться на состоянии здоровья человека. При этом

Полный список кандидатов в президенты страны станет известен к концу января
9 января 2008, 15:53 Текст: editor На будущей неделе закончится срок приема документов для регистрации кандидатов в президенты. На принятие решения по документам у Центризбиркома будет десять дней. НОРИЛЬСК.

ЄДНІСТЬ : У Києві через високий рівень захворюваності на грип та ГРВІ закрили вже 75 шкіл
У Києві призупинено заняття у 75 школах (2127 класів), у яких рівень захворюваності на грип та ГРВІ перевищив 20%. Інформує  «Є!» , з посиланням на УНІАН. Про це наразі повідомив перший заступник

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

Березовый сок можно ли использовать при сахарном диабете
Березовый сок при сахарном диабете — сахарный диабет: все о заболевании и методах лечения Березовый сок с давних времен славится своими целебными свойствами. Дело в том, что в весенний период береза

Свежевыжатые соки. (кому не лень читать)
Вы видели фильм о , которую исследовал японский ученый Имоту Масара? Уникальные опыты показали, что структурированная жидкость может творить чудеса и оздоравливать наши клетки, омолаживая организм

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

Лечение рака по Бройсу и др
Лечение Рака по Бройсу. (Рудольф Бройс) «Совсем недавно китайские медики обнаружили, что у онкобольных количество микроэлементов в печени, в волосах и некоторых других органах резко снижено. Возможно,

С каким соком пить водку?
Ответ: С каким соком пить водку? ВИНОВАТ АНТИАЛКОГОЛЬНЫЙ ФЕРМЕНТ - Владимир Георгиевич, главный вопрос

Сок добрый
Министерство общего и профессионального образования Российской Федерации Санкт-Петербургский Государственный Технологический институт (Технический университет) Факультет Экономики и