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

1. 1. Назовите картинки наглядным и простым языком
2. 2. Тщательно оптимизируйте свои атрибуты alt
3. 3. Мудро выбирайте размеры изображения и углы изделия
4. 4. Уменьшите размер файла ваших фотографий
5. 5. Выберите правильный формат файла
6. 6. Оптимизируйте свои удары (миниатюры)
7. 7. Используйте файлы Sitemap для изображений
8. 8. Остерегайтесь чрезмерного использования декоративных изображений
9. 9. Будьте осторожны при использовании сетей доставки контента (CDN)
10. 10. Проверьте свои фотографии

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

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

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

1. Назовите картинки наглядным и простым языком
2. Тщательно оптимизируйте свои атрибуты alt
3. Мудро выбирайте размеры изображения и углы изделия
4. Уменьшите размер файла ваших фотографий
5. Выберите правильный формат файла
6. Оптимизируйте свои эскизы
7. Используйте файлы Sitemap для изображений
8. Остерегайтесь декоративных картин
9. Будьте осторожны, если вы используете сети доставки контента (CDN)
10. Проверьте свои фотографии

1. Назовите картинки наглядным и простым языком

Самое простое, что нужно сделать - это загрузить изображения с существующими именами файлов. Это умно? Нет. Это не оптимально и даже не хорошо для SEO. Google не только сканирует ваш текст, но и имена файлов ваших изображений.

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

2. Тщательно оптимизируйте свои атрибуты alt

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

Ниже приведены несколько простых правил для оптимизации изображений с помощью альтернативного текста:

• Не заполняйте свои атрибуты alt множеством ключевых слов, например, если вы продаете розовую рубашку, как в примере выше, не пишите: «розовый свитер fashion style rea».
• Не используйте атрибуты alt для декоративных изображений, поисковые системы могут оштрафовать вас за чрезмерную оптимизацию.
• Опишите ваш продукт на простом языке, так же, как имя файла.
• Если вы продаете разные варианты товара, например, розовый свитер и синий свитер - напишите розовый и синий для каждого изображения.

3. Мудро выбирайте размеры изображения и углы изделия

Многие интернет-магазины и другие веб-сайты хотят показывать товары или предметы с разных сторон. Если вы правильно используете атрибуты alt, Google, вероятно, вознаградит вас большим количеством результатов поиска. Как ты это делаешь тогда? Вы должны создать уникальные атрибуты alt для каждого изображения продукта. Если мы вернемся к розовой рубашке, вам может понадобиться изображение рубашки, например, подробности. бисер, модель, которая носит свитер и материал рубашки. Все атрибуты alt начинаются с "Pink Sweater" и затем следуют предложенным описаниям:

• Розовый свитер
• Розовый свитер детали бисер
• Розовый свитер материал хлопок
• Розовая модель свитера

Предупреждение, чтобы предложить большие фотографии

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

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

«Почему?» Вы, вероятно, думаете. Просто чтобы все это было в перспективе:

• Почти 50% клиентов даже не ожидают загрузки электронной коммерции в течение 3 секунд.
• Время загрузки влияет на рейтинг вашего сайта.
• Amazon показал, что если время их зарядки увеличивается всего на 1 секунду, Они будут терять 1,6 миллиарда долларов в год !

Есть два способа сделать это. Одним из них является «Сохранить для Интернета» («Сохранить для Интернета») в Photoshop. Второе, для тех, у кого нет Photoshop, это использовать различные программы, упомянутые ниже.

Начнем с фотошопа

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

Вы также можете использовать функцию «Экспортировать как»:

Как вы можете оптимизировать изображения без Photoshop?

Если у вас нет Photoshop, существует большой выбор онлайн-сервисов, которые могут помочь вам как с редактированием, так и с оптимизацией изображений. Одним из них является собственный бесплатный сервис Adobe: Фотошоп экспресс , Конечно, он не такой всеобъемлющий, как Photoshop, но предлагает базовые возможности редактирования, которых может быть достаточно для оптимизации ваших изображений.

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

• PicMonkey - Рекомендуется многими для удобства и функциональности.
• GIMP - действительно имеет все функции, которые есть в Photoshop, но может показаться немного старомодным. Если у вас есть терпение, вы можете справиться с этим.
• Pixlr - Супер-удобный и поставляется с бесплатным приложением, чтобы вы могли редактировать, где и когда вы хотите.

И последнее, но не менее важное: насколько большими должны быть файлы изображений?

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

5. Выберите правильный формат файла

Существует три наиболее распространенных формата файлов в Интернете: .jpg, .gif и .png. Ниже представлены три изображения одного и того же объекта с одинаковым размером файла в разных форматах.

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

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

PNG (.png) становится все более популярной альтернативой .GIF - почему? Да, PNG не теряет качество каждый раз, когда вы сохраняете его (как это делает JPEG). Хотя PNG используется чаще, они часто приводят к гораздо большим файлам изображений, чем JPEG. Например, PNG-24 в три раза больше, чем PNG-8.

Это следует учитывать при выборе размера файла для оптимизации изображения:

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

6. Оптимизируйте свои удары (миниатюры)

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

Вот как вы можете:

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

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

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

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

Вы можете добавить следующий текст в ваш файл robots.txt, чтобы показать путь к вашему Sitemap:

Карта сайта: http://example.com/sitemap_location.xml

Ты тоже можешь отправить файл Sitemap в Google через консоль поиска ,

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

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

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

Декоративные изображения - это все, что не имеет отношения к услугам и предложениям сайта. Это могут быть фоны, линии и разделители. Для таких элементов, как разделители и т. Д., Пожалуйста, используйте файлы PNG-8 или GIF, чтобы уменьшить размер файла. Для цветных участков вместо загрузки изображений попробуйте изменить цвета и т. Д. В стиле CSS. Чем больше вы можете сделать в коде, тем меньше будет занято место и тем меньше время зарядки.

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

CDN используются для размещения изображений. Они могут увеличить время загрузки сайта, но решить проблемы пропускной способности для крупных компаний, которые обрабатывают тысячи транзакций в месяц. С другой стороны, CDN не годятся для обратных ссылок, которые чрезвычайно важны для SEO. Вы можете посетить Moz Link Tool, чтобы увидеть, насколько хорошо работает ваш сайт прямо сейчас Чем больше обратных ссылок у вас есть, тем лучше ваш рейтинг в различных поисковых системах. Когда вы размещаете свои изображения в CDN, это означает, что ссылки на ваши изображения ведут в домен CDN и, следовательно, не способствуют вашему ранжированию.

10. Проверьте свои фотографии

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

Три наиболее важных способа выяснить это:

1. Протестируйте количество изображений товара на странице - если время зарядки значительно влияет, меньшее количество изображений может загружаться с более высокой скоростью кликов и продаж. Единственный способ проверить это - выполнить A / B-тест.
2. Проверьте углы изображений продукта - может быть какой-то угол, который лучше захватывает потенциального клиента, чем другой. Проверьте это, спросив ваших посетителей, какое из изображений продуктов они предпочитают.
3. Проверьте, сколько продуктов вы должны иметь на страницах категорий - 10, 50 или 200? Что лучше всего подходит для ваших посетителей?

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

Если у вас есть какие-либо вопросы по оптимизации изображений, пожалуйста, не стесняйтесь напишите нам в Facebook или оставьте комментарий ниже!

Удачи

Похожие

Комментарии