Ваш незаменимый путеводитель по избранным изображениям в WordPress

Опубликовано: 2016-03-11

Статьи с изображениями получают на 94% больше просмотров, чем статьи без них, и первое изображение, которое увидят ваши зрители, - это избранное изображение.

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

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

Давайте сначала разберемся с основами.

Обзор избранных изображений

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

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

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

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

Примечание о важности избранных изображений

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

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

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

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

Рекомендации по использованию избранных изображений

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

Размер

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

Размер, который вы выбираете для избранного изображения, должен зависеть от двух факторов:

  • Тема, которую вы используете. Если ваша тема перегружена дизайном, выберите изображение меньшего размера по сравнению с изображением, занимающим весь экран.
    Illdy тема
    Обратите внимание, как изображение точно совпадает с заголовком и текстом поста.
  • Макет ваших постов. Большинство веб-мастеров устанавливают размер своего избранного изображения так, чтобы оно располагалось поверх текста сообщения. Если текст их сообщения занимает 800 пикселей по странице, рекомендуемое изображение также имеет ширину 800 пикселей.

Качество изображения

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

Независимо от того, какой вариант вы выберете, не забудьте оптимизировать изображение для Интернета, прежде чем загружать его на свой сайт, чтобы сэкономить место на вашем сервере. Онлайн-инструменты, такие как Kraken, отлично работают, и если вы хотите установить плагин, то EWWW Image Optimizer - популярный вариант.

Актуальность

Избранные изображения призваны передать суть сообщения в блоге, с которым они связаны. Но где вы можете найти подходящее изображение, которое сочетается с вашим контентом и соответствует нашим критериям передовой практики? Если вы управляете авторитетным веб-сайтом, ваш первый план действий должен заключаться в найме дизайнера для создания избранных изображений. И если вы предпочитаете создавать их самостоятельно, такие инструменты, как Photoshop, GIMP и Illustrator, могут вам очень помочь.

Но те из вас, кто предпочитает пока не тратить деньги на избранные изображения, могут искать соответствующие изображения на бесплатных веб-сайтах с фотографиями. Ознакомьтесь с нашим сообщением на 35 веб-сайтах Free Stock Photo для каждой ситуации и 24 лучших веб-сайта для бесплатных векторных изображений для дизайнеров 2016 для сайтов-ресурсов.

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

Варианты макета избранных изображений

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

Избранные изображения поверх отрывков

Размещение избранного изображения поверх текста - один из самых популярных макетов страницы блога. Наша собственная тема Illdy аккуратно отображает избранные изображения над заголовком сообщения и выдержкой из сообщения на главной странице своего блога. Этот макет подходит для всех типов веб-сайтов WordPress - корпоративных сайтов, общих блогов или сервисных сайтов.

Illdy
Illdy - бесплатная бизнес-тема WordPress для одной страницы

Избранные изображения сбоку

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

Travelify
Travelify - удивительная и отзывчивая тема WordPress о путешествиях

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

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

Пинбин
Пинбин

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

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

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

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

Шаг 1. Добавьте новую запись, перейдя в « Записи» > « Добавить новую» на панели инструментов WordPress.

Шаг 2: Добавьте заголовок и немного контента к своему сообщению.

Шаг 3. Прокрутите экран вниз, пока не увидите мета-поле с названием Featured Image на правой боковой панели.

Ссылка на избранное изображение
Мета-поле избранного изображения

Шаг 4. Щелкните ссылку « Установить избранное изображение» . Откроется экран загрузчика мультимедиа.

Шаг 5. Загрузите новое изображение со своего накопителя или выберите его из медиатеки. Убедитесь, что выбранное изображение обрезано и оптимизировано для Интернета.

Шаг 6: Добавьте название и описание изображения.

Выберите изображение из медиатеки.
Выберите изображение из медиатеки.

Шаг 7: Нажмите синюю кнопку « Установить избранное изображение» , чтобы продолжить.

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

Рекомендуемое изображение в мета-поле.
Выбранное вами изображение появится в мета-поле.

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

Завершение

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

Давайте быстро рассмотрим области, которые мы рассмотрели в этом руководстве:

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

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