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

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

A+ A-

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

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

Почему мы должны добавить изображения, видео и анимации в блоге?

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

  • Изображения, такие как логотип и другие элементы брендинга придать характер и индивидуальность в свой блог и помочь ему выделиться из толпы.
  • Визуальные СМИ помогает в повышении пользовательский опыт для блога и помогает создать положительное влияние на посетителей вашего блога.
  • Шансы велики, что, если вы правильно пометили свои средства массовой информации и тщательно сделали SEO для ваших изображений, видео, графики и т.д. подкастов, пользователи найдут их, когда они ищут на медиа-поисковых систем, как Google изображений, YouTube, Flickr и т.д. Это означает, что больше глазных яблок для вашего блога.
  • Изображение стоит тысячи слов - Кто-то сказал, что это по очень важной причине. Представьте себе, представляя пользователю с длинным набором табличных данных и представляющих те же данные с помощью круговой диаграммы или гистограммы, какой из них будет более эффективным? Конечно, визуальный один.
  • Изображения, видео, инфографика и подкасты имеют тенденцию становиться более чистым вирусным затем текстовое содержание. Так что если у вас есть их в своем блоге, и если вы включили социальный обмен на них имеются хорошие шансы, что некоторые из интересных элементов из этой группы вы можете получить столь необходимую увеличить трафик на свой блог.

Факты следует иметь в виду при добавлении визуальных элементов в свой блог:

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

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

  • Используйте изображение карты эффективно: Графические карты являются крупные или среднего размера изображения из которых различные части связаны с другой веб - страницу или раздел блога. Простой пример может быть образ США, где каждое государство граничные ссылки на целевую страницу для этого государства. Графические карты визуально привлекательными, но поисковые системы не могут понять их, если каждая часть не четко обозначена и предоставляет информацию о нем в поисковых системах ясно через HTML атрибуты. Помимо предоставления информации в поисковых системах изображение карты также должны предоставить четкие этикетки для пользователей, когда он парит над частью изображения. Данные могут быть о состоянии заинтересованного и другой связанной с ними информации о том, что пользователь найдет при нажатии на этом изображении части (в случае государственной карты США). Это также справедливо, если различные части продуктов объясняются с помощью карты изображения пользователю. Всякий раз, когда пользователь наводит указатель мыши на изображение, оно должно предоставить текст Alt и если она кликабельна она должна предоставить информацию о пункте назначения. image map of usa
  • Избегайте изображений , которые выглядят как реклама: Хотя баннеры и изображения являются важной частью веб - рекламы на основе , но это доказанный факт , что все больше и больше пользователей Интернета становятся "баннер слепых". Это означает, что посетители сканирования веб-страниц для информации и из-за огромного объема баннеров в Интернете их глаза адаптировались различать значимые изображения из рекламных баннеров, и они просто игнорируют те, которые выглядят как реклама. Так что если вы представляете важную информацию с помощью изображений и других визуальных элементов на своем блоге, убедитесь, что они не следуют за формат и внешний вид рекламного баннера. Шансы велики, что такие изображения будут упускать из виду и все усилия, которые сделали в создании визуального и цель добавления его на веб-странице будет идти вниз в канализацию.
  • Не использовать изображения из общественного достояния: Многие люди делают это, они просто Google для своего ключевого слова и использовать первое изображение они получают , чтобы поддержать их содержание и добавить его в свой блог. Это показывает явный недостаток профессионализма и если посетитель, который является опытным веб-пользователь находит это делается регулярно в вашем блоге, скорее всего, потеряет доверие и авторитет он размещает на своем блоге. Идеальный способ привести ресурс изображения и поместите его под изображение и, если это возможно ссылкой на источник. Это позволит обеспечить соблюдение факт в сознании потребителя, что вы даете кредит на источники, откуда вы берете вещи и уважаем усилия и творчество других.
  • Убедитесь в том, что визуальные элементы не замедлит ваши страницы: Быстрая загрузка страниц последняя тенденция , и это становится все более популярным как с пользователями и поисковыми системами. Так что, если ваши изображения увеличивают размер страницы, так что она занимает его больше времени для загрузки, и время ожидания для посетителей, больше это будет означать, много людей, прыгающие от вашего сайта и, возможно, снижение органических результатов поиска рейтинга для вашего сайта. Есть много стратегий, чтобы уменьшить время загрузки страниц при использовании изображений и других визуальных элементов на веб-странице, некоторые из которых перечислены ниже:
  • С помощью CSS Sprites: Если у вас есть несколько изображений , которые, CSS спрайтов может быть очень удобно для минимизации запросов HTTP на сервер. Все изображение будет доступен с одного запроса HTTP в то время как CSS будет обрабатывать части изображения, которые будут отображаться на веб-странице. Это очень хорошая практика, и в настоящее время легко используются веб-сайтами и блогов, которые имеют большой трафик и хотят, чтобы минимизировать время загрузки.
  • Используйте нужный размер, не масштабируются вниз: Если ваши требования изображения в 100 х 100 пикселей нет смысла в использовании 500 х 500 изображений и масштабирование до 100 х 100 пикселей. Хорошая вещь, чтобы сделать это в автономном режиме и загрузить изображение с соответствующими размерами, так что размер страницы не излишне обременены.
  • Используйте соответствующий формат изображений: веб - страницы поддерживают различные форматы изображений , как .gif, .jpeg .png и т.д. , и каждый из них имеют свои собственные цвета сжатия и разрешения возможностей. В зависимости от того, какой размер и цвета ваши изображения несут вы можете выбрать подходящий формат и уменьшить размер изображения должен быть загружен на веб-странице.
  • Визуальные элементы должны быть релевантный контент: Не просто поместить изображение на страницу , потому что это будет выглядеть хорошо или просто добавить визуальную привлекательность. Изображение или видео используется в веб-страницы должны улучшить пользовательский опыт и дополнить понимание всего содержания. Пояснительная видео, которое говорит больше о содержании на странице и диаграммы, которые изображают числовые данные в визуально привлекательной форме некоторые примеры. Другое дело, иметь в виду, здесь является перспектива пользователя в сторону изображений, используемых на веб-странице. Дизайнер и пользователи имеют свое собственное восприятие, и это всегда лучше идти с точки зрения пользователя, потому что это для него, что веб-страница создана для в первую очередь. Простой тест может быть сделано после создания веб-страницы, задав несколько ваших коллег, чтобы описать свою точку зрения на изображение и других визуального контента и принимать их реакцию во внимание при разработке веб-страниц, включая изображения в будущем.
  • Смешайте текст и изображения разумно: Есть много примеров , где вы можете найти , что целая страница просто изображение или наиболее важной частью веб - страницы , которая находится в верхней части состоит только из изображения. Если посетитель имеет изображения выключен в своем браузере такой сайт не сможет доставить любой мощный донести информацию до посетителя. Здоровый смешивать и сочетать текста с соответствующими изображениями, которые усиливают понимание текста является наилучшим вариантом, чтобы иметь. Это помогает посетителю понять содержание представленных на веб-странице, даже если у него есть изображения выключен в своем браузере.
  • Включить фактические данные при представлении графиков и диаграмм: Хотя люди считают его более полезным , когда круговая диаграмма или Гистограмма используется для отображения табличных данных, но все эти визуальные выходки становятся нечеткими , когда они не представлены с фактическими данными. Так что если вы планируете включать в себя графическое представление данных убедитесь, что вы также включать фактические цифры, то на графике, так что она становится все более понятным, и посетитель способен полностью понять информацию.
  • Призыв к элементам действий также должны иметь изображения: Сколько раз вы видели связаться с нами номер на веб - страницах с улыбающимся лицом , кроме него , и один только с иконой телефона с номером? Какой из них дает лучшее впечатление? Конечно, те, с личностями, прикрепленных к ней имеет больше шансов на получение распознан. Это представляет собой хороший случай для вызова кнопок действий с изображениями реальных личностей рядом с ними. Простой психологический факт, что человеческие существа более комфортно в общении с реальными людьми, а некоторые бот или автоматизированная система дает силу к этому моменту. Однако это не может быть применен в каждом конкретном случае, но везде, где это может быть это должно быть сделано для того, чтобы получить максимальную рентабельность инвестиций на ваш призыв к элементам действий. Call to action image
  • Не начинайте видео или анимацию на странице загрузки: Многие веб - сайты или блоги , которые вставили видео или анимацию на своей странице есть параметры , которые начинают играть в видео , как только при загрузке страницы. Это создает нагрузку на время загрузки страниц и большую часть времени раздражает для посетителей. То же самое относится и к любой фоновой музыки, которая была вставлена ​​и ревет на странице загрузки. Посетители должны быть предоставлена ​​возможность выбора, когда они хотят, чтобы воспроизвести видео или посмотреть анимацию. Четкие инструкции о снижении в связи с этим поможет улучшить пользовательский опыт вашего сайта или блога.
  • Используйте изображения продукта с реальными моделями и показать его со всех сторон: Если ваш сайт электронной коммерции продает футболки или одеяний лучше продемонстрировать свои продукты с использованием реальных моделей , а не показывая простые рубашки, футболки или джинсы. Отображение нескольких изображений продукта с разных точек зрения имитирует покупательское поведение пользователя, когда он делает покупки в реальном супермаркете. Такие изображения, которые показывают детали продукта при наведении курсора мыши и использовать реальные модели, более вероятно, чтобы купить.
  • Показать реальным автором изображения в биографией автора раздела: Реальный мир образ автора поможет получить ваш блог больше доверия , чем значок или аватара. Как Google начал показывать фотографии авторов и их социальных связей в результатах поиска это здравый смысл, что вы используете реальную картину, чтобы идентифицировать себя с ваших посетителей на вашем блоге.

Вывод:

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

Ads

Поделиться

последний

Лучшие альтернативы Ubuntu искать, если вы Linux Lover

Давайте начнем знакомство с чем-то; простой, но немного не ...

Как добавить подпись в Gmail Входящие - Добавить подпись Google в Gmail

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

Еженедельно Tech News: Nokia, Google и Nintendo

Привет всем, это Пятница, 3 марта, и так же, как всегда, мы...

Raspberry Pi Проекты для начинающих - Что вы можете сделать с Raspberry Pi

Raspberry Pi представляет собой серию малой мощности, одноп...

Лучший VPN для Android 2017 года - Как использовать VPN в Android

Прошли те дни, когда виртуальные частные сети были только д...

Комментарии