Как изменить размер избранного изображения WordPress: подробное руководство

Что привлекает ваше внимание при просмотре страниц в Интернете? Это привлекательное изображение или броский заголовок?

Из всех изображений на вашем веб-сайте ваше избранное изображение является одним из самых важных.

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

Что бы вы сделали с расплывчатым, растянутым и плохо оформленным изображением? Вы бы щелкнули по изображению или перешли к тому, которое было отформатировано лучше?

Ваше избранное изображение с самого начала задает тон. Он указывает читателю, чего следует ожидать, и дает представление о качестве контента, продукта или услуги, которые вы предлагаете.

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

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

Разделы, которые мы рассмотрели в этой статье, — это часто задаваемые вопросы читателей. Что такое избранное изображение WordPress? Зачем вообще он нужен? Как изменить изображение по умолчанию? Какие лучшие практики следует соблюдать и многое другое.

Давайте сразу перейдем к первому вопросу.

Что такое избранное изображение WordPress?

Содержание

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

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

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

Зачем вам нужно отображаемое изображение на каждой странице?

Тщательно продуманное изображение помогает улучшить внешний вид вашего веб-сайта.

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

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

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

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

Каков идеальный размер избранного изображения WordPress?

Хотя разные темы имеют разные размеры изображений, мы рекомендуем использовать размер изображения 1200 на 628 пикселей, если вы хотите не рисковать.

Это должно хорошо работать с большинством тем WordPress.

Вы можете легко изменить и настроить параметры изображения в WordPress.

Перейдите в Настройки> Мультимедиа и настройте изображения так, как вы хотите.

Размер медиа WordPress

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

Вы можете явно указать различные размеры изображений в разделе «Настройки мультимедиа».

Какой тип миниатюрного изображения мы должны использовать?

Это полностью зависит от типа веб-сайта, который вы используете.

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

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

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

Вот рекомендация.

Хотя здорово использовать стоковые фотографии с таких сайтов, как Unsplash , Shutterstock и т. Д., Мы рекомендуем по возможности использовать свои собственные фотографии. Многие сайты используют одни и те же изображения из одних и тех же репозиториев стоковых изображений на своей странице информации, руководства, продуктов или услуг.

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

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

Вам не обязательно использовать только изображения. Вы также можете использовать графику. 

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

Размеры изображений WordPress по умолчанию

Знаете ли вы, что WordPress автоматически создает три версии вашего исходного изображения, когда вы добавляете его на свой сайт?

Эти:

  • Размер эскиза: 150 × 150 пикселей.
  • Средний размер: 300 × 300 пикселей
  • Большой размер: 1024 × 1024 пикселей

Итак, почему создаются эти разные версии? Поясним это на примере.

Рассмотрим изображение размером 1200 на 630 пикселей.

Размер изображения по умолчанию WordPress

Размер файла 86 КБ.

Мы пошли дальше и создали то же изображение, на этот раз с размерами 150 на 150 пикселей. Размер файла теперь уменьшен до 10 КБ.

Если бы вы загрузили исходный файл, то есть 1200 на 630 пикселей, а WordPress не изменил размер изображений автоматически, имело бы смысл использовать одно и то же изображение для миниатюр размером 150 пикселей?

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

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

В таких случаях вам нужно будет изменить размер изображений самостоятельно.

Как это возможно?

Как изменить размер изображения WordPress по умолчанию

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

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

Давайте разберемся, как изменить размер изображения WordPress по умолчанию.

Учитывая, что вы вносите изменения в свой действующий сайт, мы рекомендуем выполнять их в тестовой среде .

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

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

Измените размер вашего избранного изображения

Чтобы изменить размеры изображений по умолчанию в WordPress, перейдите в « Настройки»> «Медиа» .

Изменить настройки мультимедиа WordPress

Внесите необходимые изменения в размеры изображения в полях «Максимальная ширина» и «Максимальная высота».

После этого нажмите « Сохранить изменения» .

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

Как насчет старых изображений?

Переформатируйте старые избранные изображения

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

Чтобы изменить размер существующих изображений на вашем сайте WordPress, вы можете повторно загрузить их вручную.

Поскольку это утомительный процесс, особенно если на вашем сайте несколько изображений, мы рекомендуем использовать плагины WordPress, такие как Regenerate Thumbnails , reGenerate Thumbnails Advanced , WordPress Real Thumbnail Generator и другие подобные плагины.

Как добавить собственный размер изображения WordPress

Напомним, WordPress автоматически создает три версии нашего исходного изображения: миниатюру, средний и большой размер.

Что, если вы хотите добавить еще один размер по умолчанию? Можем ли мы включить собственный размер изображения WordPress?

Да мы можем!

Добавьте собственный размер изображения WordPress путем редактирования function.php

Для этого нам нужно немного кодировать. Нам понадобится доступ к файлу function.php на сайте.

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

Нам нужно добавить немного кода в файл functions.php . Для этого перейдите в Внешний вид> Редактор тем .

Затем выберите свой файл functions.php в меню справа.

Отредактируйте файл функции php с помощью редактора темы

Общий синтаксис:

add_image_size (строка $ name, int $ width, int $ height, bool | array $ crop = false)

По завершении нажмите « Обновить файл» .

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

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

add_image_size( 'newpost-thumbnail size', 600, 250 );
add_image_size( 'newhome-thumbnail size', 250, 150 );
add_image_size( 'newfull-thumbnail size', 800, 1500 );

Где «newpost-thumbnail», «newhome-thumbnail» и «newfull-thumbnail» — это пользовательские имена, которые мы создали для новых размеров изображений. Это может быть любое произвольное имя по вашему выбору.

Такие значения, как «600» и «250» — это ширина и высота соответственно.

Отображение нестандартных размеров в вашей теме

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

Для избранного изображения публикации вы можете добавить собственный размер изображения с помощью функции the_post_thumbnail () в файле шаблона темы.

if ( has_post_thumbnail() ) { 
    the_post_thumbnail( 'your-custom-size' ); 
}

Хотите выбрать нестандартные размеры в админке WordPress? Вы можете сделать это с помощью хука image_size_names_choose . Это поможет вам присвоить знакомое имя на панели управления.

add_filter( 'image_size_names_choose', 'my_custom_sizes' );
 
function my_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'your-custom-size' => __( 'Your Custom Size Name' ),
    ) );
}

Вы можете сослаться на следующую ссылку о том, как получить доступ к функции the_post_thumbnail () в вашей теме.

Восстановите эскизы

После того, как вы выполнили вышеуказанные шаги, вам нужно будет регенерировать существующие изображения. Вы можете выбрать любые плагины WordPress для регенерации миниатюр, такие как Regenerate Thumbnails .

Этот плагин позволяет вам восстанавливать размеры миниатюр для одного или нескольких изображений в вашей медиа-библиотеке. Он также позволяет удалять старые и неиспользуемые эскизы. Таким образом можно освободить место на сервере.

Восстановить эскизы WordPress

Как только плагин активирован, вы можете нажать на кнопку «Восстановить миниатюру», и плагин позаботится обо всем остальном.

Оптимизация миниатюр сообщений WordPress для публикации в социальных сетях

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

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

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

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

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

Социальные образы Yoast

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

Как оптимизировать избранные изображения WordPress для поиска

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

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

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

1. Используйте уникальные изображения

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

2. Используйте оптимизированный для SEO текст ALT.

Что произойдет, если изображение по какой-то причине не загрузится на вашем сайте? Текст ALT (также называемый альтернативным текстом) — это ваш запасной план. Рекомендуется включать ключевые слова в избранное изображение. Это помогает повысить рейтинг вашего изображения и контента на странице результатов поиска.

3. Создайте правильное имя файла.

Вы вернулись из отпуска и создаете сообщение в своем блоге о путешествиях. Вы бы назвали свои изображения image1.jpg, image2.jpg и так далее? Или вы бы вместо этого назвали свои изображения с указанием местоположения в них, например, maldives-sizes.jpg? Рекомендуется включать ключевые слова в имена файлов изображений.

4. Название и описание вашей страницы.

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

Кроме того, вот несколько рекомендаций, которым вы можете следовать.

Лучшие практики WordPress для избранных изображений

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

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

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

Быть последовательным

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

Используйте релевантные изображения

Знаете ли вы, что человеческий мозг обрабатывает визуальные эффекты в 60 000 раз быстрее, чем текст? (Источник: Hubspot )

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

Убедитесь, что у вас есть законные права

Ищете стоковые изображения с таких сайтов, как Unsplash, Pixaby и других фото-сайтов без авторских прав? Совершенно никаких проблем! В противном случае помните о потенциальных проблемах с лицензированием.

При поиске изображений в Google обратите внимание на те, которые лицензированы Creative Commons. Рассмотрите этот вариант, только если вы не создаете свои собственные изображения.

Какой у вас размер избранного изображения WordPress?

Избранные изображения являются частью каждого сайта WordPress.

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

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

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

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

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

Call Now Button«Позвонить Сейчас»