SEO руководство по оптимизации изображений в Google + INFOGRAPH

1. Как оптимизировать изображения для SEO?
2. № 2 ALT тег
3. № 3 Другие теги HTML
4. № 4 Богатые фрагменты
5. № 5 Sitemap.xml для изображений
6. № 6 robots.txt
7. linkbuilding
8. Веб-производительность (WPO)
9. № 8 Формат изображений
10. № 9 Сжатие изображений
11. № 10 Масштабирование изображения
12. выводы
13. КОМПЬЮТЕРНАЯ ГРАФИКА
14. Фатима Эрнандес

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

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

Ошибка

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

Кроме того, визуальный контент может помочь вам получить большой объем трафика. Мы не должны забывать, что:

• Графический контент важен, когда речь заходит о вовлечении в социальные сети.
• Более 20% запросов в Google - изображения
• Контент, публикуемый в блогах с описательной инфографикой или визуальным контентом, вызывает больше интереса у пользователей.

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

Хотите знать, как оптимизировать изображения для SEO ?

Следуйте этим советам!

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

Таким образом, поисковая система примет это во внимание при оценке своего набора (изображения + другие SEO-факторы) и предложит нам более высокие позиции в рейтинге.

Для начала самое простое - создать список или контрольный список с элементами, которые мы должны расставить по приоритетам:

• SEO оптимизация
  • Имя файла
  • ALT тег
  • Другие теги HTML: ширина, высота и заголовок
  • Богатые фрагменты: schema.org и открытый график
  • Sitemap.xml для изображений
  • robots.txt

• Веб-производительность (WPO)
  • Формат изображения: изображения SPRITES + SVG
  • Сжатие изображений
  • Масштабирование изображения

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

Посмотрим, как это сделать!

Как оптимизировать изображения для SEO?

SEO оптимизация на странице

№ 1 Имя файла

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

Лучше всего включить ключевое слово, относящееся к стратегии SEO , используя слова с большим значением для Google, не очень длинные (3 или 4 слова) и избегая использования подчеркивания, буквы «-» или символов в его номенклатуре.

Неверные имена файлов:

s-09283.jpg Sofa_mod09283.jpg

Правильное имя файла:

мягкая диван-gris.jpg

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

№ 2 ALT тег

Одним из наиболее важных элементов при оптимизации изображений в Google является ALT (альтернативный текст).

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

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

Пример оптимизированного тега ALT :

<img src = "/ images / Sofa-upholstery-grey.jpg" alt = "Диван, обитый серым, откидывающийся и доступный в различных композициях для гостиной: шезлонг, кресла или кресла.">

№ 3 Другие теги HTML

Существуют и другие HTML-теги для оптимизации изображений , такие как размер (widht / height) или title (title). Эти теги не являются обязательными , но информация может быть очень полезна для поисковой системы.

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

<img src = "/ images / Sofa-upholstery-grey.jpg" alt = "Диван, обитый серым цветом с различными размерами." title = "Диван, обитый серым цветом" widht = "635" height = "200" >

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

№ 4 Богатые фрагменты

Микроданные / микроформаты Schema.org является одним из самых популярных SEO-действий в настоящее время.

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

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

Если мы хотим выбрать верхние позиции Google, мы должны начать оптимизировать изображения с помощью микроформатов schema.org, особенно в тех изображения, связанные с продуктами ,

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

[et_bloom_inline optin_id = »optin_3"]

№ 5 Sitemap.xml для изображений

Создание sitemap.xml исключительно для изображений - это еще одно SEO-действие, которое я настоятельно рекомендую.

Согласно Рекомендации Google Вы можете создать конкретный файл sitemap.xml, в который нужно включить заголовок изображения (<image: title>), URL-адрес файла (<image: loc>), нижний колонтитул изображения (<image: caption>), тип лицензия (<image: license>) и даже его геолокация (<image: geo_location>).

№ 6 robots.txt

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

Мы должны убедиться, что наш robots.txt не блокирует папку с изображением с помощью Disallow, что-то похожее на следующее:

Агент пользователя: * Disallow: / images /

linkbuilding

№ 7 Внешние ссылки

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

Обращайте внимание на качество ссылок, избегая токсичных ссылок и ставок на домены с высоким показателем AD. Вам также следует позаботиться о « якорном тексте ».

Хитрость для получения качественных ссылок заключается в создании собственных изображений под Лицензия Creative Commons , Пользователи будут не только связывать ваше изображение с цитированием автора, но и получать упоминания в социальных сетях.

Веб-производительность (WPO)

И наконец: веб-производительность.

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

№ 8 Формат изображений

Наиболее используемые форматы изображений в веб-дизайне - JPG, PNG или GIF. Изображения .jpg лучше всего подходят для фотографий, .png для изображений с прозрачностью и .gif для анимации.

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

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

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

№ 9 Сжатие изображений

Изображения, как правило, самые тяжелые файлы на веб-странице. Если мы не потратим некоторое время на сжатие качества изображений , последствия будут катастрофическими:

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

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

от Page Speed ​​Insights Вы можете скачать сжатые графические файлы и из Compressor.io Вы можете легко сделать это онлайн, хотя, если у вас есть WordPress, я рекомендую использовать плагин Smush Image Compression ,

№ 10 Масштабирование изображения

Лучше всего использовать размер изображения, адаптированный к рекомендациям выбранной темы. Не имеет смысла использовать изображение размером 800 пикселей, если пространство, выделенное для изображения, не превышает 300 пикселей.

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

выводы

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

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

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

Все еще не оптимизировали свои изображения для Google?

Начни сейчас!

КОМПЬЮТЕРНАЯ ГРАФИКА

Фатима Эрнандес

Здравствуйте! Я Фатима Эрнандес, я работаю в команде SEO в Innova Publicidad, но в агентстве вы также найдете меня, пишущего о проблемах интернет-маркетинга и веб-дизайна. Я увлечен всем, что связано с цифровым творчеством и пользовательским опытом. Следуй за мной!

Больше сообщений

Следуй за Мной:

Похожие

Комментарии