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

1. Размер изображения и сжатие
2. Укажите тег «Alt»
3. Изображения в стратегии SEO

Сегодня мы поговорим о чем-то очень простом, но также фундаментальном во всем SEO и пользовательском опыте. Оптимизация изображений для веб. Вы уже знаете, что в мире позиционирования у каждого учителя есть своя книга. Таким образом, вы можете найти много способов сделать это, мы говорим вам наш. Как правило, наши клиенты имеют веб-сайты на WordPress, и мы используем программу редактирования Adobe Photoshop.

Размер изображения и сжатие

Первое, что нужно сделать, это обработать изображение на нашем компьютере перед его загрузкой. На этом этапе мы рекомендуем использовать расширенную программу редактирования, такую ​​как Photoshop, или бесплатную альтернативу. канитель , Мы также можем использовать плагины для WordPress ( WP Smash видеоурок ) хотя они позволяют меньше контролировать изменения, вызванные оптимизацией.

В Photoshop мы открываем изображение и затем используем опцию «Сохранить для веб» в меню «Файл».

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

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

В это время мы также выбираем формат. Обычно мы будем использовать JPEG . Если изображение очень простое, мы можем использовать GIF, и если нам нужен прозрачный фон, мы будем использовать PNG. У этого есть намного больше литературы, но для этого урока с знанием этого достаточно 😉

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

Укажите тег «Alt»

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

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

В WordPress охват этой информации чрезвычайно прост, потому что, как вы видите на изображении справа, он показывает поле «Альтернативный текст», когда мы загружаем изображение на страницу или запись.

Другими важными метаданными является «Заголовок» . Хотя он менее актуален, его желательно использовать, и он не совсем совпадает с «Alt» . Опять же, в идеале нужно подумать о функции, которую он имеет для пользователя. Заголовок позволяет отображать небольшой текст, когда пользователь наводит курсор на изображение. Поэтому это как дополнительная информация или небольшое описание.

Осторожно, поле «Заголовок» WordPress не соответствует этому тегу . Это то, что создает много путаницы. Чтобы покрыть эти метаданные, вы должны отредактировать изображение после вставки его в пост, и вы найдете поле «Атрибут« заголовок »изображения» внутри «дополнительных параметров».

Если ваш сайт не создан в WordPress, вам нужно будет увидеть, как он меняется в вашем менеджере контента. Обычно все включают эти опции. Если вы знаете немного кода, вы можете поместить тег непосредственно в html, установив alt = "альтернативный текст" и title = "текст заголовка" внутри тега <img>.

Изображения в стратегии SEO

Как вы знаете, прежде чем приступить к оптимизации SEO, важно иметь стратегию ключевых слов (исследование ключевых слов). Это анализ, в котором мы проводим три этапа:

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

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

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

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

Вы также можете Узнайте больше о SEO на нашем курсе в Мадриде или проконсультироваться наш SEO сервис позиционирования ,

Похожие

Комментарии