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

Опубликовано: 2017-01-21
Фото: Www.CourtneyCarmody.com/через Compfight cc

Фото: Www.CourtneyCarmody.com/через Compfight cc

Интернет с каждым днем ​​становится все более и более визуальным. В социальных сетях мы наблюдаем стремительный рост трафика на Pinterest, фотографии в избранном Facebook Edgerank, а Twitter и Instagram идут лицом к лицу с карточками Twitter. Весь контент, который люди читают в Интернете, все больше ориентирован на визуальную привлекательность.

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

Создание изображений

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

  • PowerPoint — я признавался в любви к PowerPoint в предыдущем посте, но я подумал, что он все еще заслуживает отдельного пункта, поскольку мы постоянно используем его в Shareaholic. Мы создали булавки, фотографии для обложки Facebook и даже электронную книгу с PowerPoint — она невероятно проста в использовании, а создаваемые вами изображения по-прежнему выглядят очень профессионально (см. пример того, что вы можете сделать ниже!) . Я бы рекомендовал использовать PowerPoint для создания графики, значков или значков — если вы хотите качественно редактировать фотографии, этот инструмент вам не подходит. Если вы хотите узнать, как использовать PowerPoint для создания изображений для своего блога, ознакомьтесь с этим замечательным руководством от HubSpot.

боковая панель блога

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

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

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

Иконки от Iconify.it

Поиск изображений

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

Улов? Вы должны убедиться, что используете только те изображения, на использование которых у вас есть разрешение. Это означает, что вам нужно покупать стоковые фотографии или использовать изображения Creative Commons (бесплатные фотографии и графика, которые были лицензированы их создателями для повторного использования, переработки или распространения).

Я настоятельно рекомендую второй вариант, когда вы создаете свое присутствие в блоге: в 9 случаях из 10 вы найдете то, что вам нужно, бесплатно с тегом Creative Commons. При этом, если вы используете изображения Creative Commons, вы должны обязательно правильно указать их автора.

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

Пример компфайта

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

Размещение изображений в вашем блоге

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

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

Пример изображения с выравниванием по левому краю

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

Оптимизация вашего сайта для изображений

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

  • Установите тег alt изображения, чтобы его могли найти поисковые системы. Теги Alt назначают текст для описания вашего изображения — если ваш браузер не может загрузить изображение, появится тег alt. Это также небольшая, но важная часть вашей деятельности по SEO, поскольку теги alt позволяют поисковым системам находить изображения. Если вы используете WordPress, вы можете установить тег alt здесь:

пример альтернативного атрибута

  • Загрузите точный размер файла, который вам нужен, чтобы сократить время загрузки. Нет смысла загружать изображение размером 1000 x 1000 пикселей, если оно вам нужно только в размере 300 x 300. Перед загрузкой фотографии убедитесь, что она подходит вам по размеру. Файлы большего размера увеличивают время загрузки вашей страницы, что может означать, что читатель покинет ваш сайт, потому что он загружается слишком долго.
  • Брендируйте свои изображения URL-адресом или логотипом вашего блога. Хотя вы знаете, что вам нужно правильно атрибутировать изображения, не все в Интернете это делают. Помечая свои изображения своим URL-адресом или логотипом, вы будете получать фотографии независимо от того, где они появляются в Интернете. Вот пример фирменного изображения, которое мы недавно использовали в нашем посте HTML 101:

открывающий и закрывающий теги 2

  • Используйте избранные изображения на главной странице вашего блога. Использование избранных изображений на главной странице — отличный способ сразу заинтересовать читателей. Они также загружаются в социальные сети, когда люди делятся вашими сообщениями — Facebook, LinkedIn, Twitter, Google+ и Pinterest извлекают изображения из вашего сообщения. Не знаете, как настроить избранные изображения в своем блоге? Проверьте этот пост.
  • Сделайте так, чтобы им было легко делиться в визуальных социальных сетях с помощью кнопок «Поделиться». Независимо от того, размещаете ли вы их непосредственно на изображении или в нижней части публикации, вы всегда должны сделать так, чтобы ваши читатели могли легко поделиться вашей публикацией в визуальных социальных сетях, таких как Pinterest. Хотя это немного предвзято, я настоятельно рекомендую использовать кнопки Shareaholic. Они не только просты в установке и использовании, но также поставляются с другими инструментами ведения блога, которые вам могут понадобиться, — рекомендациями (виджет соответствующего контента), Shareaholic Analytics и многим другим!

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

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