Что такое облако тегов
Что такое облако тегов
С облаком слов или тегов вы наверняка уже не раз встречались в сети Интернет. Как правило, такое облако «висит» на сайте в боковой колонке, а при наведении курсора на него слова начинают или увеличиваться в размерах, или «вращаться» вокруг невидимой нам оси.
Облако слов или тегов (англ. tag cloud, word cloud, wordle ) — это визуальное представление списка категорий или тегов, также называемых метками, ярлыками, ключевыми словами и т.п. Принцип устройства таких облаков очень простой. Поскольку каждое слово является гиперссылкой, то чем чаще оно встречается на сайте, тем больший размер принимает в облаке. Встречаются облака, в которых важность слова подчеркивается цветом. Таким образом, облако слов всегда подвижно и изменяется в размерах и по цвету по мере публикации новых материалов на сайте.
Благодаря удобству использования и внешней привлекательности облака слов часто используют в блогах и на тематических сайтах.
Первоначально облака слов выступали только как средства организации гиперссылок. Постепенно их функции видоизменялись, и сегодня область их использования гораздо шире.
Во-первых, словами, из которых формируется облако, теперь могут быть не только гиперссылки. Вы можете взять любой текст и с помощью специальных программных средств превратить его в облако слов. Во-вторых, облака слов нашли применение, помимо сайтостроения, во многих других сферах, в том числе в сфере образования.
Каким образом учитель может использовать облака слов в своей работе?
Существуют различные способы:
Приведём несколько конкретных примеров использования облака слов учителями:
Сервисы для создания облака слов
1. Сервис Wordcloud.pro позволяет создавать интерактивные облака из слов. С помощью облака слов можно организовать поисковую страницу вашего сайта или же использовать «облако» в дальнейшей работе как картинку, сохранив в форме графического файла. Любой текст или просто набор слов легко превращается в облако тегов. Несомненным плюсом сервиса является его русскоязычный интерфейс.
Облако тегов формируется двумя способами: 1) из заданных вами слов или текста, 2) из предложенного набора слов на сайте. Сервис позволяет создать облако тегов в форме слова или образа. Возможности ограничиваются лишь вашей фантазией.
Для начала работы регистрация не требуется.
2. Сервис Tagul.com, как и предыдущий сервис, позволяет создать облако слов из текста, введенного пользователем или с web-страницы по указанному адресу.
Облако может иметь различную форму и цветовое решение. Каждое слово облака представляет собой гиперссылку для поиска в Google.
Для начала работы необходимо зарегистрироваться в сервисе или войти, используя аккаунт социальных сетей. Сервис поддерживает кириллицу.
Созданным облаком можно поделиться, используя ссылку, а также можно получить код для встраивания облака на страницы сайтов, блогов.
Сервис позволяет сохранить облако слов не только как растровое изображение (расширение PNG), но и как векторное (SVG). Также вы можете просто распечатать облако на принтере.
3. Сервис Wordclouds.com является бесплатным онлайн-генератором облака слов или тегов из текста, предоставленного вами. В облаке выделяются более крупно слова, которые чаще всего встречаются в исходном тексте. Вы можете настроить облако, используя различные шрифты, макеты, фоны и цветовые схемы.
В сфере образования этот сервис можно использовать для подведения итогов опросов, игр, мероприятий. Можно обработать текст и определить частотность того или иного слова.
Созданные изображения можно сохранить в галерее, сохранить как картинку на жестком диске компьютера, распечатать на принтере. Также можно добавить ссылку на облако на свой сайт, блог или поделиться им с друзьями.
Как создать занимательное облако тегов
Первоначально теги присутствовали на сайтах, созданных системой управления сайта WordPress. Через некоторое время «облака» меток стали самостоятельными элементами и на других Интернет- ресурсах.
Облако тегов – это специальный блок, отображающий ключевые слова, используемые автором в сообщениях или статьях, размещенных на сайте или в блоге. Данные теги увеличивают шансы сайта попасть на первые позиции поисковых систем, упрощают навигацию по сайту и помогают поисковикам определить тематику ресурса.
Облако тегов лучше всего начинать формировать на начальном этапе развития вашего сайта. Количество тегов не ограничивается определенной цифрой, но рекомендуется в среднем использовать не более тридцати.
В настоящее время во многих популярных CMS-системах, таких как WordPress, Drupal и Joomla присутстувют достаточно мощные специальные плагины, которые помогут создать как статические, так и динамические облака меток.
Но если вы хотите, чтобы ваше облако тегов было особенным и неповторимым, можете сделать его самостоятельно, воспользовавшись сервисом Tagul (https://wordart.com )
Этот сервис удачно объединяет ключевые слова и картинки. Тематика картинок не ограничена формами и представлена в виде геометрических фигур, силуэтов людей, животных, дорожных знаков или отпечатка ладони.
Необычный формат выделяет эти картинки из общего потока, заставляет запомнить. Причем запоминается не только само изображение, но и слова, которые использовались в оформлении.
Это хороший способ передать главную мысль и привлечь внимание к содержанию статьи или блогу в целом.
Инструкция
Вначале пройдите регистрацию, чтобы подготовить личное пространство. Слова лучше выбирать самостоятельно и вводить вручную.
Слова. Заполните окошко словами вручную. Не забудьте нажать Submit и дождитесь, пока сервис разместит слова в картинку.
Форма. Выберите форму из предложенных в ФОРМА (Shapes). Лучше остановиться на простых изображениях-силуэтах, хотя можете поэкспериментировать.
Цвет. Можно выбрать из готовых схем с темным или светлым фоном. А можно создать собственную, учитывая основные цвета вашего шаблона.
Шрифт. У сервиса неплохая собственная подборка. Но данный сервис поддерживает только латиницу, то есть все слова на русском отображаются простым шрифтом без засечек. Чтобы картинка получилась эффектней, можно чередовать русские и английские слова.
Направление текста «layout». Лучше самостоятельно попробовать варианты расположения текста, т.к. они полностью зависят от выбранной формы.
Акценты. Допускает от 5 ключевых слов до нескольких сотен. Предусмотрена возможность редактирования ключевых слов автором. Эта опция находится под кнопкой «layout».
Размер. Имеет значение и в работе со шрифтами. Самостоятельно познакомьтесь со всеми возможностями раздела «Word/Size»: установкой размера букв, частотой повторения слов и их цветовыми вариациями.
Для просмотра вносимых изменений используйте кнопку Visualize после каждого вносимого изменения (цвет шрифта, форма представления, расположение слов в облаке и т.д). После того как работа завершена, ее нужно сохранить. Используя кнопку с дискетой (Save), сохраняем «облако» в своем личном пространстве.
Осталось получить ссылку для размещения разработанного «облака тегов» на своем сайте. Для этого воспользуемся командной кнопкой (DownloadandShare=>Placeonawebpage). В итоге для размещения на web-странице сайта «облака тегов» будет получена следующая ссылка:
Как видите, интерфейс данного сервиса интуитивно понятный и, следовательно, комфортный в работе.
Материал подготовила методист Шутилина Л.А.
При подготовке материала были использованы интернет-ресурсы:
Что такое облако тегов и зачем оно нужно?
Подобное оформление раньше часто встречалось в блогах и на других информационных площадках. Оно может быть реализовано в виде встроенных HTML-элементов или трехмерного флеш ролика.
Понятие облако тегов появилось около 10 лет назад и постепенно стало самостоятельным элементом оформления веб-страниц.
Облако тегов дает визуальное представление о том, какие категории статей размещены на данном интернет-ресурсе. Чем чаще упоминается ключевое слово, тем большим размером шрифта оно отображается, иногда может быть выделено другим цветом. Широкое распространение эта технология получила в блогах и на узкотематических сайтах. Облако ключевых слов может быть создано вручную или с помощью специальных программ-генераторов.
Облако тегов отражает основную тематику сайта и используется поисковыми системами для индексации. Кроме этого, оно может быть использовано пользователями как указатель: достаточно нажать на одну из категорий. Для пользователя облако тегов является удобным инструментом навигации.
Для SEO-продвижения страницы или ресурса можно подобрать облако тегов, содержащее высокочастотные запросы пользователей.
Что такое облако тегов
24 ноября 2017 Опубликовано в разделах: Азбука терминов. 13550
Эту опцию можно сравнить с кратким содержанием или картой ресурса. Виджет обычно расположен в правой колонке страницы, под навигацией или в футере. По нему сразу видно, на какие темы написано больше всего статей – такие метки выделены крупным шрифтом или определенным цветом.
Подобное оформление раньше часто встречалось в блогах и на других информационных площадках. Оно может быть реализовано в виде встроенных HTML-элементов или трехмерного флеш ролика. Во втором случае блок находится в постоянном движении.
Зачем нужно облако тегов
Помимо того, что оно дает человеку представление о содержании сайта, облако тегов выполняет следующие функции:
Сначала такие визуализации появились на ресурсах, работающих на движке WordPress, но затем получили распространение на всех CMS. Это было достаточно давно, более десяти лет назад. Сейчас такой способ навигации считается несколько устаревшим, так как люди обычно ищут информацию посредством поиска. Также недостатком считается возможность переспама.
Как воспринимают виджет посетители
По данным исследований компании Lohmann:
Как сделать облако тегов
На многих CMS есть плагины облаков тегов. С их помощью создают статические и динамические варианты. Например, в Вордпрессе это:
Скачайте понравившуюся версию и распакуйте архив в корневую папку на сервере /wp-content/plugins/. Затем откройте панель администратора, кликните по «Плагины» и активируйте модуль. После этого зайдите в меню «Настройка» и подберите необходимые параметры, для того чтобы виджет выглядел аккуратно и правильно отображал содержимое. Если вам не подошло ни одно из перечисленных выше дополнений, вы можете выбрать другое в этом разделе. На странице каждого из них есть схожая инструкция по установке.
С помощью генератора облака тегов можно сделать блок слов в виде картинки или получить html-код и вставить его в нужный раздел. Это специальные сервисы, в которых конструируют разные формы за пять минут. Почти все эти сайты работают не только с отдельными текстами, но и целым ресурсом.
Регистрация не требуется первый раз. Нажмите «Создать сейчас». На странице слева, в верхнем углу – Import. Далее, в открывшемся окне выберите вкладку Web и добавьте ссылку на свою площадку.
Затем импортируйте слова. Они будут выгружены в таблицу слева. Под ней есть выбор эффектов: цвет, шрифт, картинка. Визуализируйте результат, кликнув по красной кнопке с надписью Vizualize в правой части. Для сохранения доступны несколько форматов, меню расположено на панели управления, вверху.
Открывается не во всех браузерах, так как создание виджета происходит при помощи Java. После того как основа блока будет сделана, ее можно улучшить, подобрав другие параметры: цвет, размер и шрифт. Последний шаг – указание адреса электронной почты, на которую придет ссылка с изображением.
Не доступен в Google Chrome. Для функционирования необходимо установить приложение Silverlight. Подходит для загрузки статей и URL. Оформляет ключи в форму картинок. Программа также проста в использовании. Для сохранения доступны png, jpg и html-код.
Tagcrowd
Работает со ссылками (могут быть проблемы с изображением) и документами. После окончания необходимо либо получить результат в pdf, либо выбрать html, скопировать код и вставить его на свой сайт.
Простой сервис, который работает только с текстом. Можно настроить угол, под которым слова будут находиться, шрифт, скачать в svg. Регистрация не требуется.
На главной странице сайта нажмите «Создать», в открывшемся окне вставьте текст и сгенерируйте блок. Слева регулируется внешний вида виджета.
Блок со словами – способ сделать красивую визуальную навигацию по ресурсу. На данный момент он устарел и его редко добавляют, так как посетители чаще ищут информацию в строке поиска, но он может стать интересным дополнением в оформлении сайта или статьи.
Когда бренд интересен подписчикам.
Когда ваш контент нравится.
Когда про вас не забывают.
Когда ваш сайт посещают.
Как создать облако тегов: бесплатные плагины и сервисы
Облако тегов, оно же облако слов, – это специальный блок на сайте, который содержит названия разделов или какие-то ключевые слова. Облако слов на сайте может использоваться в качестве навигационного или дизайнерского элемента.
Облако может располагаться на любых страницах сайта, например, на главной, если оно используется в качестве навигационного элемента.
Рассмотрим бесплатные сервисы и WordPress-плагины, которые помогут вам создать облако тегов на своем сайте.
Немного теории
Функции, которые может выполнять облако тегов
Как выглядит облако тегов
Выглядеть облако с ключевыми словами может абсолютно по-разному. Его форма, размеры, шрифты – все это кастомизируется. Самые первые облака тегов были довольно примитивными – в них использовались стандартные, скучные шрифты. Отличался только размер кегля:
Чуть позже появились красивые трехмерные облака, которые создавались при помощи флеша (сейчас эта технология уже неактуальна) или при помощи того же HTML. Сегодня создать красивое и функциональное облако можно буквально в пару кликов. Как это сделать – узнаем далее.
Как создать облако тегов
Сделать это можно как вручную, так и при помощи автоматических инструментов. К последним относятся готовые плагины для CMS и онлайн-сервисы.
Какой именно инструмент использовать для создания облака тегов, зависит от вашего сайта. Если он полностью самописный, возможно, придется прописывать HTML или воспользоваться инструкцией, которую предлагает выбранный вами сервис. Если же сайт работает на одной из популярных CMS, то можно обойтись плагином.
Установка «неродного» вашей CMS облака часто происходит путем интеграции HTML-кода в шаблон сайта.
Облако тегов на WordPress
Облако тегов изначально появилось в CMS WordPress. И по сей день там его можно настроить без всяких плагинов, достаточно активировать облако в виджетах:
Такое облако будет выводить теги, которые были присвоены минимум одной записи на сайте. Добавить это облако меток можно как в подвал, так и в сайдбар.
Конечно, это стандартный, а значит – безликий с точки зрения дизайна блок. Так что он может просто не подойти к дизайну вашего сайта:
Кастомизировать дизайн стандартного облака меток WordPress можно при помощи редактирования системного файла functions.php. Останавливаться подробнее не буду, так как придется кодить и это не совсем простой для обычных пользователей способ. Поэтому для кастомизации стандартного облака меток WordPress я рекомендую использовать сторонние плагины.
Бесплатные WordPress-плагины для создания интерактивного облака тегов
Плагинов для облака тегов много, но некоторые устарели. Я предлагаю познакомиться только с актуальными расширениями, которые точно работают на последней версии WordPress.
Cool Tag Cloud
Один из самых популярных плагинов – это Cool Tag Cloud от разработчика WPKube.
Облака тегов, созданные с помощью Cool Tag Cloud
С точки зрения функционала плагин вполне неплох, но ничего особо выдающегося здесь нет. Учтите, что дизайн облака Cool Tag Cloud также весьма специфичен и может не вписываться в оформление вашего сайта. Тем не менее, свою главную функцию – создание облака с интерактивными ссылками – плагин выполняет отлично.
Доступно множество настроек: шрифты, размер кегля, стиль изображения, анимация, максимальное количество тегов и пр.
HTML5 Cumulus
Это плагин с многолетней историей. Ранее назывался WP-Cumulus. Созданное с его помощью облако тегов будет правильно выводиться не только в десктопных, но и в мобильных браузерах. Например, так:
Примеры облаков, созданных в HTML5 Cumulus
Плагин работает через виджет сайдбара. На выходе мы получаем трехмерное облако тегов с возможностью доскональной настройки:
Чтобы воспользоваться плагином, просто установите его через админку WordPress. Затем откройте раздел «Внешний вид», кликните пункт «Виджеты» и добавьте Cumulus в сайдбар.
Tag Groups
Мощный плагин, позволяющий организовывать теги WordPress в группы (либо в алфавитном порядке) и отображать их в облаке.
Так выглядит облако Tag Groups на странице (обратите внимание на сортировку по алфавиту):
Использовать облако тегов Tag Groups можно в постах, на страницах и прямо в виджетах
Всего доступно пять видов облаков (вкладки, «аккордеон», список, алфавитный порядок).
Для тегов в облаке можно настроить:
Creative Tag Cloud
Интересный плагин, который позволит выделить ваш WordPress-сайт при помощи красочного облака тегов. Необычное отображение тегов в облаке – волнообразное или спиральное:
Плагин Creative Tag Cloud позволяет создавать облака необычной формы. Чем чаще используются теги, тем они крупнее (расположены в начале спирали или волны)
Созданные облака можно вставлять в посты или использовать на страницах. Просто вставлять их через виджет или проставлять на странице/в посте шорткодом.
В настройках плагина довольно много параметров, с которыми нужно будет экспериментировать (размер слов, количество циклов, расстояние между тегами). Можно менять цвета: плагин поставляется с палитрой по умолчанию, которую можно активировать прямо в виджете или добавив color=1 в шорткод. Естественно, понадобятся базовые знания CSS, чтобы работать с пользовательскими цветами.
3D Tag Cloud
3D Tag Cloud позволяет создать вращающиеся (трехмерные) теги на любой странице вашего сайта.
В новой версии (в панели администратора) добавлены новые параметры:
Плагин позволяет кастомизировать:
Чтобы получить симпатичное облако, так же, как и с предыдущим плагином, придется основательно поэкспериментировать с настройками.
Categorized Tag Cloud
Categorized Tag Cloud, или «Облако категоризированных тегов» – это плагин для WordPress, позволяющий создать облако с ручным добавлением тегов. Размещение – только в сайдбаре.
Слова внутри облака фильтруются по категориям + можно удалить все ненужные теги и добиться максимальной релеватности контенту своего сайта.
Настроить можно следующие параметры:
Бесплатные сервисы для создания дизайнерского облака тегов
Эти сервисы позволяют создать «автономное» облако тегов. На выходе вы получите так называемые SVG-фигуры (SVG – это формат векторной графики).
По умолчанию слова в таком облаке будут некликабельными. Но есть как минимум три способа сделать их интерактивными:
Word Cloud Generator
Чтобы начать редактировать свое первое облако, необязательно даже регистрироваться, указывать e-mail или что-то еще. Достаточно открыть сайт и указать список всех ключевых слов, при необходимости – настроить отображение облака:
На выходе получим примерно такое облако:
Сервис полностью поддерживает кириллицу и позволяет настраивать угол (ориентацию) слов по отношению друг к другу. Также доступна настройка шрифта, общего количество слов, можно указать одно слово на линию.
После того, как мы закончили настраивать созданное облако, его необходимо сохранить и добавить на свой сайт (в качестве изображения на одной из страниц, например).
Tagxedo
Незамысловатый, но функциональный сервис. Продуманный интерфейс с минимальным функционалом. На старте предлагает создать обычное облако слов или облако из ваших блогов, твитов, меток:
Доступно более десятка оригинальных тем. Кроме этого, можно настроить десяток других параметров: ориентацию слов, форму, шрифт.
Единственный, но значимый недостаток – сервис не работает в Google Chrome, так как в нем отсутствует поддержка технологии Silverlight.
Wordart
Еще один простой и удобный онлайн-конструктор облака слов, позволяющий создавать их в самых неожиданных формах и сочетаниях:
Облака тегов, созданные с помощью Wordart
Чтобы создать собственное облако слов, выбираем пункт Create now и сразу попадаем в интерфейс конструктора:
Как видим, интерфейс здесь – один из самых сложных, даже по сравнению с ранее рассмотренными нами сервисами. Давайте разберемся с разделами и настройками подробнее.
Самый интересный – Shapes: здесь мы можем выбрать форму конечного облака (а еще добавить свое изображение и сделать из него облако). Здесь очень разнообразная коллекция форм облаков. Например, вот формы по рождественской тематике:
Кстати, Wordart, на моей памяти, – единственный сервис, позволяющий создать полноценное анимированное облако меток.
В Layout можно кастомизировать ориентацию (угол) слов:
В Words вносим новые слова, их можно указать не только вручную, но и импортировать из уже существующего документа:
По-настоящему здорово, что для всех элементов можно назначить различный размер (индивидуальный), а также изменить цветовое сочетание.
Завершив формирование облака при помощи настроек, можно выбирать пункт Visualize.
Кстати, здесь также есть магазин, где можно заказать, например, футболку или постер с вашим облаком. К сожалению, кириллицу сервис пока еще не поддерживает, что значительно ограничивает использование инструмента для русскоязычных пользователей.
Word it out
Самый «спартанский» сервис. Здесь нет сотен шаблонов, огромного количества настроек и других плюшек. Зато сервис легкий и ничем не перегружен. Он позволит создать самое простое облако тегов, небольшого размера, но с весьма симпатичным шрифтом. Достаточно ввести все слова в поле Original Text:
Настройки есть, но их немного. Можно указать минимальное количество букв в слове, фильтрованные слова и символы пунктуации, которые не будут использоваться в облаке:
Можно поменять: цвет фона, цвет слов. Есть поддержка кириллицы.
Доступны следующие шрифты:
Так выглядят остальные настройки:
После ввода всех ключевых слов выбираем пункт Generate и наблюдаем результат:
Послесловие
Облако меток как элемент сайта многие считают весьма устаревшим. Обычно говорят, что его функционал полностью заменил поиск по сайту. Но по-моему, это абсолютно не так. Почему? Допустим, вы видите перед собой поисковую строку на каком-либо тематическом ресурсе. Мотивирует ли она вас ввести какую-либо фразу и что-то поискать? Я очень сильно в этом сомневаюсь. Другое дело – облако тегов. Оно притягивает наш взгляд, заставляет изучать содержимое и на каком-то неведомом уровне «заставляет» кликнуть по интересующему слову. Немаловажно, что для поиска ничего не нужно вводить – все и так как на ладони.
Таким образом, облако тегов не является заменой поисковой строки на сайте. Это совсем другой инструмент, с другим функционалом, который при грамотном использовании улучшит поведенческие факторы вашей аудитории. Как минимум, увидев красивое облако меток, посетитель задержится на странице, чтобы изучить его подробнее. А это уже прямое влияние на метрику «Время на сайте».
В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров