Как добавить размеры изображения в WP для улучшения SEO

  1. Почему помимо оптимизации изображений нам нужно создавать нестандартные размеры для нашего проекта...
  2. Используйте новые размеры изображений в шаблоне WordPress для динамических страниц

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

Как мы объясняли ранее, тема оптимизации изображений очень важна для позиционирования SEO и WPO .

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

Обычно WordPress работает с 3 размерами изображений, и, как видно на следующем изображении, размеры могут быть изменены (что происходит в том случае, если в профессиональном проекте этих 3 размеров недостаточно)

Все изображения, которые отображаются в Интернете, оптимизированы (например, с помощью Smush.it) для размеров, которые были настроены в разделе «Настройки WordPress»> «Мультимедиа», как показано на изображении выше (размеры: «уменьшенное изображение» »,« Средний »и« большой », хотя мы также можем найти« оригинальный »размер изображения при прикреплении фотографии к сообщению). Размер остальных фотографий или изображений, используемых в Интернете, которые не соответствуют этим размерам, будет изменен CSS, и Google будет интерпретировать, что наши изображения не были оптимизированы правильно или что не были соблюдены устойчивые протоколы проектирования и разработки UX.

Научитесь добавлять нужные вам размеры изображений через файл function.php вашей детской темы.

Добавьте следующий код в файл function.php вашей детской темы, чтобы настроить размеры, которые вам нужны на вашем сайте.

Этот файл находится по следующему маршруту:

WP root> wp-content> themes> current-theme-child> function.php

Скачать код   (проверено и это работает) Скачать код (проверено и это работает)

Используйте новые размеры изображений в шаблоне WordPress для динамических страниц

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

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

<? php the_post_thumbnail ('mini'); ?>

Lt;?
Php the_post_thumbnail ('mini'); ?