Примеры облако тегов – Облака тегов: обзор и примеры использования

Облака тегов: обзор и примеры использования

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

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

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

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

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

Облака тегов: с чем мы имеем дело?

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

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

Вот список тех тем, которые освещаются в BoingBoing, согласно Technorati.

С другой стороны, некоторые известные блоггеры уже удалили облака тегов со своих сайтов; например, облака тегов были удалены из популярного блога, посвященного Web 2.0 – O’Reilly.

Разновидности облаков тегов

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

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

 

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

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

Все эти ссылки помечены тегом «дизайн» на сайте Del.icio.us. Вы можете понять, что здесь к чему относится?

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

• Найдите оптимальный баланс
  Если вы не единственный человек, кто расставляет теги, и работаете в группе, убедитесь в том, что вы достигли четкого понимания, как присваиваются теги и как организуется иерархия тегов. Вы собираетесь пользоваться более абстрактными или более конкретными терминами? Чем более конкретными терминами вы пользуетесь, тем больше ваши облака увеличиваются в размерах, и тем меньше становится тем, которым присваиваются высокие приоритеты. Хотите ли вы называть набор пиктограмм «набором пиктограмм», «комплектом пиктограмм» или выберите более абстрактный термин – «картинки»?
• Приведите свои теги в порядок
  Договоритесь о том, будете ли вы использовать единственное или множественное число и символы нижнего или верхнего регистра, проверьте, чтобы все слова были написаны правильно и не используйте общие термины.

 

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

 

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

 

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

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

 

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

 

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

 

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

 

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

Карта Google News. Обратите внимание на стрелки: они символизируют растущую или убывающую популярность отдельного тега.

Экстремальное использование тегов на сайте Plurn. Нет, это не экранный снимок сайта.

Оригинальный экранный снимок был уменьшен в несколько раз.

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

Поток сознания:  веб-сайт как облако тегов

Целые страницы с тегами, и ничего более

 

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

Классика: Flickr и del.icio.us

Теги на news.com.

Реклама через теги. Очень похоже на спам.

 

Существует несколько инструментов, которые могут помочь вам создать облака тегов автоматически. Основная идея таких сервисов – анализ ключевых слов или слов, которые наиболее часто встречаются в тексте веб-сайта. Сервисы, перечисленные ниже, позволяют вводить текст вручную или индексировать содержимое сайта при помощи поискового агента. Для статического сайта этого вполне достаточно; однако, для динамических сайтов (например, для сайтов на основе СМК или Weblog-системы) требуется специальный плагин.

• Tag Cloud Builder
• ZoomClouds
• Для тех, кто не обнаружил в списке сайт tagcloud.com: этот сайт в настоящее время перестал работать.

Нужны другие идеи?

 

Генераторы облаков тегов

 

 

Облака тегов на главных страницах сайтов

 

Облака тегов, которые на самом деле совсем не облака тегов

 

Использование облака тегов в онлайновых магазинах

 

Форма облаков тегов

 

Использование цвета в облаках тегов

 

Облака тегов, использующие размер шрифта для указания веса тега

 

Индекс тегов как альтернатива облаку тегов

 

Ваши теги и мои теги – это разные теги!

diastyle.ru

Облако тегов — Википедия

Материал из Википедии — свободной энциклопедии

Текущая версия страницы пока не проверялась опытными участниками и может значительно отличаться от версии, проверенной 27 декабря 2016; проверки требуют 11 правок. Текущая версия страницы пока не проверялась опытными участниками и может значительно отличаться от версии, проверенной 27 декабря 2016; проверки требуют 11 правок. Облако тегов ключевых понятий, относящихся к Веб 2.0

О́блако те́гов (облако слов, или взвешенный список, представленное(-ый) визуально) — это визуальное представление списка категорий (или тегов, также называемых метками, ярлыками, ключевыми словами и т. п.)^[1] Обычно используется для описания ключевых слов (тегов) на веб-сайтах, или для представления неформатированного текста. Ключевые слова чаще всего представляют собой отдельные слова, и важность каждого ключевого слова обозначается размером шрифта или цветом^[⇨]. Такое представление удобно для быстрого восприятия наиболее известных терминов и для распределения терминов по популярности относительно друг друга^[⇨]. При использовании ключевых слов для упрощения навигации по веб-сайтам, термины снабжаются гиперссылками на понятия, которые подразумеваются под ключевыми словами. Тем не менее, облако не может быть единственным элементом навигации, а пользоваться текстовым поиском удобнее для поиска при наличии более конкретной информации об искомом^[2].

ru.wikipedia.org

Облако тегов Википедия

Облако тегов ключевых понятий, относящихся к Веб 2.0

О́блако те́гов (облако слов, или взвешенный список, представленное(-ый) визуально) — это визуальное представление списка категорий (или тегов, также называемых метками, ярлыками, ключевыми словами и т. п.)^[1] Обычно используется для описания ключевых слов (тегов) на веб-сайтах, или для представления неформатированного текста. Ключевые слова чаще всего представляют собой отдельные слова, и важность каждого ключевого слова обозначается размером шрифта или цветом^[⇨]. Такое представление удобно для быстрого восприятия наиболее известных терминов и для распределения терминов по популярности относительно друг друга^[⇨]. При использовании ключевых слов для упрощения навигации по веб-сайтам, термины снабжаются гиперссылками на понятия, которые подразумеваются под ключевыми словами. Тем не менее, облако не может быть единственным элементом навигации, а пользоваться текстовым поиском удобнее для поиска при наличии более конкретной информации об искомом^[2].

История

На языке визуального дизайна, облако тегов (или облако слов) это один из видов «взвешенного списка», обычно оно используется на географических картах для отображения относительного размера городов, с помощью размера шрифтов. Одним из первых примеров взвешенного списка английских ключевых слов является список «подсознательных файлов компьютера» в романе Дугласа Коупленда «Рабы Майкрософта» (1995). Список слов немецкого языка появился в 1992^[3].

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

Первые облака тегов на известных веб-сайтах появились на сайте сервиса хранения и распространения цифровых фотографий Flickr. Создателем облаков тегов был соучредитель и проектировщик Flickr Стюарт Баттерфилд в 2004. Эта реализация была основана на книге Джеймса Фланагана Search Referral Zeitgeist^[4], в котором описывается визуализация ссылок на веб-сайт. Примерно в то же время распространению облака тегов способствовали сайты Delicious и Technorati.

Перенасыщение облаками тегов и двоякие чувства в отношение их полезности как помощников в навигации по веб-сайтам привели к заметному снижению их использования на сайтах-первопроходцах^[5]. (Создатели Flickr впоследствии «извинились» перед веб-сообществом в своей речи на премии Webby Awards, где они просто сказали «простите за облака тегов»^[6].)

Второе поколение развития программного обеспечения выявило широкий круг применения облаков тегов как основных методов визуализации текстовых данных. Также были предложены некоторые расширения для этих элементов навигации. Например, параллельные облака тегов^[7], sparkClouds^[8], и префиксные облака тегов^[9].

В данный момент облако тегов не имеет такой популярности, а в некоторых случаях даже негативно сказывается на поисковом продвижении сайта. Так что если и делать облако, то для некой конкретной цели, чтобы оно несло смысловую нагрузку для пользователей интернет ресурса.^{[источник не указан 728 дней]}

Типы применения тегов

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

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

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

В первом типе облаков тегов размер представляет собой количество применений тега к элементу^[10]. Это полезно в качестве способа отображения метаданных о предмете, за который сколько-то раз «проголосовали», и когда точные данные не предусмотрены. Примером такого применения является Last.fm (для определения жанра музыки группы) и LibraryThing (для определения ключевых слов книги).

Во втором типе размер соответствует числу предметов, к которым был применен тег, что обозначает популярность тега. Примеры данного типа облаков тегов можно найти на сайте сервиса хранения и распространения цифровых фотографий Flickr, RSS-агрегатора Technorati и введя в поисковый запрос Google DeeperWeb.

Категоризация путём создания кластера тегов

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

Есть несколько подходов для построения кластера тегов вместо облака тегов, например, применяя теги совместной встречаемости в документах^[11].

Более обще, то же самое визуальное представление может быть использовано для отображения не тегов^[12] например, облако тегов или облака данных.

Термин облако ключевых слов иногда используется как термин поисковый маркетинг, где он обозначает группы ключеву слов, относящихся к некоторому веб-сайту. В последние годы облака тегов стали популярны из-за своей значимости в поисковом маркетинге веб-страниц, наряду с помощью пользователям в эффективной навигации по сайтам^[13]. Облака тегов, как средства навигации, позволяют связать ресурсы веб-сайта более тесно^[14],обход таких ресурсов поисковым роботом может улучшить позицию сайта в результатах выдачи поисковой системы^[15]. С точки зрения пользовательского интерфейса облака тегов часто используются, чтобы помочь пользователю найти информацию в конкретной системе более быстро, обобщая результаты поиска^[16].

Визуальное представление

Облако данных показывает изменение цены на акции. Цвет указывает на рост или падение цены, размер шрифта указывает на процентное изменение.

Облака тегов обычно представлены в виде встроенных HTML элементов. Теги могут быть распределены в алфавитном порядке, в случайном порядке, по весу, и т. д. Иногда изменяют прочие визуальные свойства, такие как цвет, яркость, или ширина, в дополнение к размеру шрифта^[17]. Наиболее распространено представление в виде прямоугольника, в котором теги упорядочены по алфавиту и выводятся построчно. Выбор расположения тега в строках соответствует целям пользователя. Иногда предпочтение отдается семантической кластеризации тегов (похожие по смыслу теги будут выводиться рядом)^[18][19][20]. Допускается применение эвристик для уменьшения размера облака тегов, независимо от того — выполняется кластеризация или нет.

Облако данных

Облако данных — это данные, в которых используется другой цвет и/или размер шрифта для обозначения числовых данных^[21]. Облака данных похожи на облака тегов^[22], но вместо подсчета слов, выводятся такие данные, как плотность населения или цены на рынке ценных бумаг.

Облако текста

Облако текста или облако слов — это визуализация частоты слов в тексте в виде взвешенного списка^[24]. В последнее время эта техника используется для визуализации тематического контента политических речей^[25].

Облака словосочетаний

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

Особенности восприятия облаков тегов

Облака тегов изучались в нескольких исследованиях на предмет удобства использования. Следующий перечень основан на результатах исследований компании Lohmann и др.:

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

Создание облака тегов

В общем размер шрифта тега в облаке тегов обусловлен распространенностью тега. Для облака слов, например, категорий блога, частота соответствует количеству записей в блоге, которым присвоена данная категория. Для меньших частот можно указать размеры шрифта непосредственно, от едининцы до максимально используемого размера шрифта. Для больших частот необходимо провести масштабирование. Например, используя линейное преобразование, вес ti{\displaystyle t_{i}} тега масштабируется по шкале множителей от of 1 до f, где tmin{\displaystyle t_{min}} и tmax{\displaystyle t_{max}} определяют диапазон разрешенных весов.

si=⌈fmax⋅(ti−tmin)tmax−tmin⌉{\displaystyle s_{i}=\left\lceil {\frac {f_{\mathrm {max} }\cdot (t_{i}-t_{\mathrm {min} })}{t_{\mathrm {max} }-t_{\mathrm {min} }}}\right\rceil } для ti>tmin{\displaystyle t_{i}>t_{\mathrm {min} }}; иначе si=1{\displaystyle s_{i}=1}

Набор слов из списка 1000 избранных статей Википедии, упорядоченный по количеству просмотров^[27], доступный в галерее Wordle gallery.^[28]

Так как число учтённых элементов на каждый тег обычно распределено по экспоненциальному закону распределения^[29], поэтому для больших диапазонов значений имеет смысл использовать логарифмическое представление^[30].

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

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

См. также

Примечания

1. ↑ Martin Halvey and Mark T. Keane, An Assessment of Tag Presentation Techniques.
2. ↑ Sinclair, Cardew-Hall, 2008.
3. ↑ Deleuze, Guattari, 1992.
4. ↑ A copy of Jim Flanagan’s Search Referral Zeitgeis.
5. ↑ Tag Clouds R.I.P.?.
6. ↑ Welcome to the Webby Awards.
7. ↑ Parallel Tag Clouds to Explore and Analyze Faceted Text Corpora, 2009.
8. ↑ IEEE Transactions on Visualization and Computer Graphics, 2010.
9. ↑ Proceedings of the 17th International Conference on Information Visualisation, 2013.
10. ↑ Masters Thesis submitted to the Program of Digital Media, 2005.
11. ↑ Proceedings of the 43rd Annual Hawaii International Conference on System Sciences, 2010.
12. ↑ Collaborative OLAP with Tag Clouds.
13. ↑ Are Tag Clouds Useful for Navigation, 2011.
14. ↑ Linking Related Content in Web Encyclopedias with search query tag clouds, 2011.
15. ↑ Free tag cloud generator script for PHP web pages.
16. ↑ Evaluating Tag-Based Information Access in Image Collections, 2012.
17. ↑ Comparison of Tag Cloud Layouts: Task-Related Performance and Visual Exploration, 2009.
18. ↑ Improving Tag-Clouds as Visual Information Retrieval Interfaces, 2006.
19. ↑ Tag-Cloud Drawing: Algorithms for Cloud Visualization.
20. ↑ Self-organising map based tag clouds — Creating spatially meaningful representations of tagging data, 2007.
21. ↑ ManyEyes Visualization and Commentary.
22. ↑ ManyEyes Visualization: Ad cloud.
23. ↑ TagCrowd visualization: State of the Union.
24. ↑ Text Clouds: A New Form of Tag Cloud?.
25. ↑ US Presidential Speeches Tag Cloud.
26. ↑ Collocate cloud.
27. ↑ Monthly wiki page Hits for en.wikipedia.
28. ↑ WikipediaTop1000VitalArticleHits.
29. ↑ Voss, 2006.
30. ↑ Kentbyte.

Литература

• Owen Kaser and Daniel Lemire. Tag-Cloud Drawing: Algorithms for Cloud Visualization (англ.) // CoRR. — 2007.
• James Sinclair, Michael Cardew-Hall. The folksonomy tag cloud: when is it useful? (англ.) // Journal of Information Science February. — 2008. — Vol. 34, no. 1. — P. 15—29. — ISSN 0165-5515. — DOI:10.1177/0165551506078083.
• Seifert, C. and Kump, B. and Kienreich, W. and Granitzer, G. and Granitzer, M. On the Beauty and Usability of Tag Clouds. — IEEE, 2008. — С. 17—25. — ISBN 978-0-7695-3268-4. — ISSN 1550-6037. — DOI:10.1109/IV.2008.89.
• Gilles Deleuze, Felix Guattari. Tausend Plateaus. Kapitalismus und Schizophrenie. — 1992.
• Collins, C., Viegas, F. and Wattenberg, M. Parallel Tag Clouds to Explore and Analyze Faceted Text Corpora. (англ.) // VAST. — 2009.

• Lee, B., Riche, N., Karlson, A., and Carpendale, S. IEEE Transactions on Visualization and Computer Graphics (англ.) // SparkClouds. — 2010. — P. 1182—1189.
• Burch, M., Lohmann, S., Pompe, D., Weiskopf, D. Proceedings of the 17th International Conference on Information Visualisation (англ.) // IEEE. — 2013. — P. 45—50. Архивировано 27 сентября 2013 года.

Ссылки

wikiredia.ru

Как создать облако тегов онлайн

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

Сервисы для создания облака тегов

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

Способ 1: Word It Out

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

Перейти на сайт Word It Out

1. Заходим на сайт и щелкаем «Create» на верхней панели.
2. Вводим в указанном поле ссылку на rss сайта либо пишем нужные сочетания вручную.
3. Для начала формирования облака щелкаем на кнопку «Generate».
4. Появится облако тегов, которое можно сохранить на компьютер. Обратите внимание на то, что каждое новое облако создается рандомно, за счет чего имеет уникальный внешний вид.
5. Настройка определенных параметров облака осуществляется посредством бокового меню. Здесь пользователь может выбрать нужный шрифт, настроить цвет текста и фона, изменить размер и ориентацию готового облака.

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

Способ 2: Wordart

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

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

Перейти на сайт Wordart

1. На главной странице сайта щелкаем «Create now».
2. Попадаем в окно редактора.
3. Для работы со словами в редакторе предусмотрено окно «Words». Для добавления нового слова щелкаем «Add» и вводим его вручную, для удаления нажимаем на кнопку «Remove». Есть возможность добавления текста по указанной ссылке, для этого щелкаем на кнопку «Import words». Для каждого отдельного слова в тексте можно настроить цвет и шрифт, самые необычные облака получаются при рандомных настройках.
4. Во вкладке «Shapes» можно выбрать форму, в которой будут расположены ваши слова.
5. Вкладка «Fonts» предлагает огромный выбор шрифтов, многие из них поддерживают кириллический шрифт.
6. На вкладке «Layout» можно выбрать нужную ориентацию слов в тексте.
7. В отличие от других сервисов, Wordart предлагает пользователям создать анимационное облако. Все настройки анимации происходят в окне «Colors and Animations».
8. Как только все настройки будут завершены, щелкаем на кнопку «Visualize».
9. Начнется процесс визуализации слов.
10. Готовое облако можно сохранить либо сразу отправить на печать.

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

Способ 3: Word Cloud

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

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

Перейти на сайт Word Cloud

1. Вводим текст в указанную область.
2. Указываем дополнительные настройки слов в облаке. Можно выбрать шрифт, наклон и поворот слов, ориентацию и другие параметры. Экспериментируйте.
3. Для загрузки готового документа щелкаем на «Download».

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

lumpics.ru

что это такое, зачем нужно, как сделать с помощью генератора

Делаем вашу страницу интересной и стимулируем подписчиков почаще заглядывать к вам на страницу или на сайт за покупками

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подпишись на рассылку и получи книгу в подарок!

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

Больше видео на нашем канале — изучайте интернет-маркетинг с SEMANTICA

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

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

Зачем нужно облако тегов

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

• Перелинковка.
• Ускорение индексации.
• Ориентирование пользователя.

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

Как воспринимают виджет посетители

По данным исследований компании Lohmann:

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

Как сделать облако тегов

На многих CMS есть плагины облаков тегов. С их помощью создают статические и динамические варианты. Например, в Вордпрессе это:

Скачайте понравившуюся версию и распакуйте архив в корневую папку на сервере /wp-content/plugins/. Затем откройте панель администратора, кликните по «Плагины» и активируйте модуль. После этого зайдите в меню «Настройка» и подберите необходимые параметры, для того чтобы виджет выглядел аккуратно и правильно отображал содержимое. Если вам не подошло ни одно из перечисленных выше дополнений, вы можете выбрать другое в этом разделе. На странице каждого из них есть схожая инструкция по установке.

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

WordArt

Регистрация не требуется первый раз. Нажмите «Создать сейчас». На странице слева, в верхнем углу – Import. Далее, в открывшемся окне выберите вкладку Web и добавьте ссылку на свою площадку.

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

Wordle

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

Tagxedo

Не доступен в Google Chrome. Для функционирования необходимо установить приложение Silverlight. Подходит для загрузки статей и URL. Оформляет ключи в форму картинок. Программа также проста в использовании. Для сохранения доступны png, jpg и html-код.

Tagcrowd

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

Word Cloud

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

Word It Out

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

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

semantica.in

Что такое облако тегов :: SYL.ru

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

Что такое облако тегов?

Как уже сказано выше, теги – это ключевые слова материала, размещенного на веб-ресурсе. Задачей тегов, кроме направления на нужную статью сайта, является еще и продвижение ваших идей, бизнеса, проектов. Объединив все метки в единый блок, получим облако тегов. Таким образом создается карта сайта. Каждый зашедший посетитель, увидит всю основную тематику веб-ресурса и определит, в каком направлении ему двигаться дальше. Оформить облако тегов для сайта можно как отдельный блок на главной странице, который будет привлекать внимание. Если в статьях и сообщениях часто встречаются одни и те же ключевые слова, то шрифт их написания в облаке становится жирнее. Как правило, так ссылаются на статьи, в которых говорится о направлении деятельности или главной идее проекта. Можно также выделать их цветом и фоном для лучшего визуального восприятия. Хорошо известно и широко применяется также flash-отображение меток. Это своеобразный «живой» блок ярлыков. Сначала он выглядит неподвижным, но стоит навести на него курсор мыши, он начинает вращаться.

Как сделать облако тегов?

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

www.syl.ru

Как сделать облако тегов и зачем оно нужно

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

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

Первое, не злоупотреблять. Одному материалу присвоить не более 1-2 ключевых слов. Может и два – уже много.
Второе, можно закрыть от индексации.
Третье, не применять вообще. Но не забывайте о пользователе, Если такое облако помогает посетителю найти нужный материал на вашем ресурсе, то применение  оправдано.

Рассмотрим небольшой пример.
Дано: Категория – Розы
На странице категорий будут перечислены все посты про розы – белые, желтые, красные, черные, чайные и т. д.
Если каждому посту присвоить одну и ту же метку, например, роза, то образуется еще одна страница тега роза с тем же самым набором : белые, желтые, красные, черные, чайные и т. д.
Этого нельзя допускать – полный дубль.
Если присвоить метку роза постам из других категорий, то страница тега роза изменится и будет выглядеть не копией, а скорее смесью:  белые, уход, желтые, посадка, красные, полив, черные, зима, обрезка, чайные и т. д.
Таким образом, можно вполне добиться уникальности страниц, генерируемых облаком тегов. И пользователю польза, нажав в облаке на тег роза, получит все информацию о них в сокращенном виде (анонсы).

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

Вывод. Можно применять, но без фанатизма!

А теперь шпаргалка по созданию движущегося пятна.

Напоминаю, что наши модули нужно разместить в папке sites/all/modules и включаем здесь: (Управление — Конструкция Сайта — Модули).
Для модуля Cumulus простой установки недостаточно.  Нужно скачать JS-скрипт – называется SWFObject
Скачать отсюда: pratul.in/files/cumulus.js 
Поместить файл в папку sites/all/modules/cumulus
Русскоязычному сайту на друпал необходимы ключевики на родном языке.  После всех манипуляций у нас в облаке их нет. Но… есть где взять swf-файл для нашего модуля Cumulus.

Скачать русификацию swf-файла с igeorg.ru/cumulus-swf, затем скопировать в папку  sites/all/modules/cumulus на ранее установленный SWFObject.

Наконец идем в Управление — Конструкция Сайта –Блоки, где найдем новый блок тегов Cumulus.
Перетаскиваем его в желаемое место на сайте и сохраняем изменения.

Если у вас нет заданных ключевиков, то и облако будет пустым.  Возникает вопрос, где и как создаются теги.
Идем в Управление — Содержание- Таксономия.

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

Хитрости: страница tagadelic /list/1,3,6 с целью получить  словари 1,3,6  списком из групп  тегов.
tagadelic /chunk/1,3,6 — для получения  облака  тегов словарей1,3,6/

Настраиваем вывод меток в блоке  /admin/build/block/configure/cumulus/0
Здесь можно дать свое имя блоку, назначить номер словаря для показа тегов.

Какие могут быть проблемы с трехмерным облаком в друпал?
Не работает корректно облако при попытке добавить несколько словарей.

Лист 1 — drupal seo

Здесь перечислены: Token, Automatic Nodetitles, Pathauto, Transliteration, Global Redirect, Path redirect, XML sitemap, Poormanscron, URL list, Site map.

Лист 2 — модули друпал

Здесь перечислены: I18n или Internationalization, page_title, Taxonomy title, Meta tags(nodewords), Read more link, nodecomment, tagadelic, Cumulus, tagadelic_views.

Лист 3 — модули друпал для продвижения в социальных сетях

Описание установки и настройки следующих модулей: LiveJournal CrossPoster, Twitter, tweet, сервис  twitterfeed.com, vk_openapi (вконтакте), mail_ru (мой мир).

---

Статьи для изучения drupal:

Создание сайтов на drupal — общие понятия для новичков.

Выбор версии и установка drupal — как русифицировать друпал и модули к нему.

Модули drupal для создания блогов — подборка блоговых модулей.

www.master-live.ru