1. Использование изображений на вашем сайте будет прекрасно
2. 7 основных методов, которые вы должны применять с фотографиями и изображениями вашего сайта или блога
3. 1. Используйте соответствующее разрешение
4. 3. Оптимизируйте изображение (цвета, резкость и т. Д.)
5. 4. Используйте изображения, чтобы стимулировать читателя
6. Пополните свой социальный контент с помощью метатегов
7. Уловка изображений с текстом
8. 6. Воспользуйтесь изображениями для SEO
9. 7. Используйте качественные источники и соблюдайте авторские права
10. выводы
11. ссылки

В сегодняшнем посте я хочу снова коснуться «классического» ведения блога: как правильно использовать фотографии и изображения на веб-странице .

Изображение Shutterstock - © jakkapan

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

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

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

Что вы найдете здесь?

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

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

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

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

Однако большинство авторов, либо по незнанию, либо из-за небрежности (и нехватки времени), не используют их или, по крайней мере, не используют их должным образом.

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

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

1. Используйте соответствующее разрешение

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

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

Если вам нужен хостинг для вашего сайта или блога, действуйте!

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

Самая простая и эффективная оптимизация заключается в адаптации разрешения изображения к его использованию в сети .

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

Например: основная колонка этого блога имеет ширину 700 пикселей .

Какой смысл тогда использовать изображение с шириной 3000 или 4000 пикселей ? Нет, верно?

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

Однако изображение с высоким разрешением, например, «без седла» с вашего мобильного телефона, наносит серьезный ущерб оптимизации вашей страницы. Разница во многих случаях, например, в 10 раз больше, чем, например, от образа размером 1 МБ (очень избыточный) до 100 КБ (очень разумный). Я даже видел сайты с изображениями размером 5 или 6 Мбайт - настоящая ерунда, с помощью которой вы буквально убиваете свой сайт.

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

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

По этой причине в этом блоге мы предпочитаем обрабатывать их вне WordPress, как описано в пункте 3, чтобы загружать их с точными размерами, которые можно настроить в меню «Инструменты / Настройки» . Это предотвращает обработку изображения WordPress для этих размеров.

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

Существует три основных формата, которые представляют почти 100% форматов, используемых в Интернете, и которые представляют собой форматы JPG , PNG и GIF .

Например, для скриншота формат JPG не является хорошим выбором. Формат PNG лучше адаптирован для получения результатов с большим балансом размера / качества .

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

Самые важные форматы для фотографий и цифровых изображений

3. Оптимизируйте изображение (цвета, резкость и т. Д.)

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

В этом посте мы объясним немного подробнее:

Как уменьшить размер фотографий и оптимизировать изображения

Для этого необходимы хорошие специализированные инструменты. Лично мой любимый FastStone Photo Resizer , хотя это тоже очень хорошая альтернатива RIOT ( Радикальный инструмент оптимизации изображений ). Также в блоге великого @Manz у вас есть отличное руководство по оптимизации, основанное на этом последнем инструменте:

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

FastStone Photo Resizer имеет много опций для изменения размера изображений. Кроме того, он позволяет работать в пакетном режиме (обрабатывать несколько изображений одновременно).

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

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

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

12 идей о том, как написать в блоге и взять половину

Если вы являетесь пользователем WordPress , вам повезло, потому что для WordPress есть великолепный плагин WP Smush.it который выполняет этот процесс автоматически в WordPress каждый раз, когда вы загружаете изображение.

Результаты очень хорошие, хотя, если вы хотите вращать очень очень тонко (например, чтобы получить максимальную резкость уменьшенного изображения), лучше сделать это вне WordPress с помощью инструментов, описанных выше. Возможно, наиболее разумным является сделать это, как правило, автоматически с помощью Smush.it, а в некоторых случаях - «вручную».

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

Умножьте количество кликов на вашем контенте

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

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

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

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

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

Пополните свой социальный контент с помощью метатегов

Я имею в виду, прежде всего, три «изобретения», которые наиболее полезны:

• Карты Твиттера : щебет Карты или твиттер-карты - это расширенный формат для твитов, который позволяет придать им гораздо более яркий и привлекательный внешний вид , добавив в него сводный вид с заголовком , резюме , автором, изображением и т. Д. Кроме того, они включают инструменты анализа Очень интересно оптимизировать влияние ваших твитов, поэтому вы можете попробовать разные форматы и формулы, чтобы оставаться в соответствии с тем, что работает лучше для вас.
• Facebook Open Graph : Open Graph - это протокол facebook это позволяет приложению взаимодействовать с социальной информацией Facebook (люди, отношения и т. д.). Часть этого протокола реализует функциональность, аналогичную Twitter Cards, что на практике означает, что вы можете контролировать внешний вид ваших общих сообщений в Facebook .
• Интегрированные кнопки Pin it от Pinterest Эта идея очень проста, но эффективна. Он состоит из интеграции типичной кнопки «Pint it» в самих изображениях, так что, когда курсор мыши перемещается над изображением, появляется кнопка, предлагающая пользователю «сосать» его в Pinterest , Если кнопка находится слишком близко, то вероятность того, что читатель будет ее использовать, будет намного выше . Конечно, это неэффективно для всех изображений, но только для тех, которые по своей природе могут быть опубликованы в Pinterest (мода, рецепты, инфографика и т. Д.).

По словам аккаунт в вашем блоге Нил Патель , один из наиболее признанных экспертов по оптимизации трафика и конверсии веб-сайтов, сумел увеличить трафик своего Страница в фейсбуке 174% благодаря использованию тегов Facebook Open Graph, которые позволяют вам точно определить, какие записи на временной шкале должны быть.

Появление «нормального» твита без богатой информации Twitter Cards.

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

Предыдущий твит с богатой информацией Twitter Cards.

Например, в случае блога WordPress у вас есть много плагинов, которые облегчают эту работу, например:

• WordPress SEO Включает в себя функциональность, необходимую для интеграции меток Twitter Cards и Facebook Open Graph.
• Оптимизация обмена социальными файлами в WordPress : Плагин, специализирующийся на интеграции мета-тегов, поддерживает теги Google+ , LinkedIn , Facebook Open Graph , Pinterest Rich Pin и Twitter Card .
• Кнопка jQuery Pin It для изображений : Этот плагин для Pinterest накладывает кнопку «Закрепить» на изображения, когда на них наведена мышь.

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

Уловка изображений с текстом

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

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

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

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

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

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

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

6. Воспользуйтесь изображениями для SEO

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

Книгу Гэра Вайнерчука «Jab, Jab, Jab, Right Hook» необходимо прочитать, если вы хотите узнать, как действительно использовать социальные сети для онлайн-маркетинга.

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

Ну, вот секрет SEO, который тайно озвучен:

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

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

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

Не получать хиты на свой сайт?

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

• Имя файла изображения.
• Атрибут «alt» изображения , «альтернативный текст» в WordPress.
• Атрибут «title» изображения «title» в WordPress. Есть некоторые споры, действительно ли этот атрибут позиционируется или нет, но ущерб не собирается причинять, это ничего не стоит делать, и это придает сайту дополнительный профессионализм (он делает это, когда при наведении указателя мыши на изображение текст появляется как метка изображение).
• Попробуйте использовать ключевые слова (и / или синонимы этих ключевых слов) рядом с изображением , включая легенду.

Наконец, я оставляю здесь чтение, которое пригодится для всего этого:

7. Используйте качественные источники и соблюдайте авторские права

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

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

Лучшее, что вы можете сделать, это использовать банк изображений, мы, например, работаем с Shutterstock и Fotolia , которые были для нас лучшими провайдерами (прежде всего, Shutterstock), добавляют более 100 миллионов изображений отличного качества для поиска.

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

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

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

выводы

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

Интернет страдает серьезным infotoxicación - это шумный сайт, в который все труднее проникнуть, чтобы донести ваш контент до пользователя.

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

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

ссылки

1. Полное руководство по оптимизации изображений
2. Оптимизация изображений для улучшения скорости загрузки веба
3. 7 вещей, которые вы должны знать, если вы используете изображения в своем блоге
4. 4 основных идеи позиционирования вашего веб-сайта или блога с изображениями
5. Как поставить кнопку «Закрепить» на ваших изображениях (в Blogger)
6. 200 факторов, которые Google учитывает для позиционирования вашей страницы
7. Что такое карты Twitter и как их создавать для веб-сайтов или блогов
8. Карты Твиттера, сделайте это проще для ваших читателей
9. Социальные медиа метатеги: как использовать Open Graph и карты
10. Обязательные социальные мета-теги для Twitter, Google+, Facebook и других (Moz)
11. Все, что вам нужно знать об Open Graph, чтобы публиковать контент на Facebook
12. Есть ли права на интернет-изображения?

Похожие

Комментарии