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

1. 1. Отрегулируйте размер изображений
2. 2. Использует описательные имена
3. 3. Используйте тег ALT в ваших изображениях
4. 4. Используйте тег TITLE на ваших изображениях
5. Бонус Трек

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

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

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

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

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

Посмотрите на эти два изображения. Хотя они выглядят одинаково, один из них оптимизирован для SEO, а другой нет.

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

Обычно есть 4 способа оптимизации изображений для улучшения SEO. Давайте посмотрим их

1. Отрегулируйте размер изображений

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

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

Поэтому я рекомендую:

• Отредактируйте ваши изображения, чтобы иметь соответствующий размер. Если пространство, в котором необходимо разместить изображения, не превышает 800 пикселей, нет необходимости использовать изображения большего размера, которые вам затем придется масштабировать (они будут выглядеть меньше, но они будут занимать то же время и загружаться одинаково).
• Отредактируйте ваши изображения, чтобы настроить их разрешение. Если вы используете изображения из банка изображений, очень возможно, что они приходят с большими разрешениями. То же самое происходит, если вы передаете свои цифровые фотографии, сделанные с помощью мобильного телефона или камеры. Эти резолюции хороши, чтобы увидеть их или напечатать их, но для Интернета это не так уж необходимо. Имейте в виду, что некоторые камеры по умолчанию настроены на разрешение 300 точек на дюйм, тогда как 72 точек на дюйм более чем достаточно для Интернета.

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

2. Использует описательные имена

Никогда не используйте изображения с общими именами или именами, которые ваша камера наносит на изображения, введите DSC_0127.jpg

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

С другой стороны, если, например, вы называете изображение чем-то вроде gran-via-madrid.jpg, вы уже будете предоставлять ценную информацию о содержании изображения просто с заголовком.

Примеры имен, которые вы не должны использовать:

• foto.jpg
• logo.jpg
• imagen_29.jpg
• portada.jpg

Примеры правильно оптимизированных имен:

• джон-lopez.jpg
• Логотип-Coca-cola.jpg
• Роза negra.jpg
• ла-тень-оф-viento.jpg

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

[sourcecode language = »html»] <img src = "logo-coca-cola.jpg" height = "250" width = "300"> [/ sourcecode]

3. Используйте тег ALT в ваших изображениях

Метка ALT отвечает за отображение альтернативного текста в случае, если браузер не может отобразить изображение из-за ошибки или отсутствия загрузки по какой-либо причине.

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

Чтобы добавить тег ALT, вам просто нужно использовать HTML-код, подобный этому:

[sourcecode language = »html»] <img src = "logo-coca-cola.jpg" height = "250" width = "300"
alt = "Логотип Coca Cola"> [/ sourcecode]

4. Используйте тег TITLE на ваших изображениях

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

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

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

Способ добавления тега TITLE заключается в следующем:

[sourcecode language = »html»] <img src = "logo-coca-cola.jpg" height = "250" width = "300"
alt = "Логотип Coca Cola" title = "Это новый логотип Coca Cola"> [/ sourcecode]

Одно изображение, четыре возможности улучшить SEO

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

• Отредактируйте изображения, чтобы настроить размер и разрешение
• Дайте каждому изображению как можно более понятное название
• Описательно использует метку ALT
• Используйте тег TITLE, чтобы улучшить описание
• Не используйте все это, чтобы поместить ключевые слова без рифмы или причины, делайте это с головой

Бонус Трек

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

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

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

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

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

Оцените эту статью, чтобы улучшить качество блога ...

Похожие

Комментарии