что это такое, как их делать, примеры Tag
Даже в период своего зарождения и распространения Интернет представлял из себя огромный склад самой разной информации.
Сейчас любой, даже самый малоизвестный форум содержит в себе терабайты данных по разрозненным темам – и это, не говоря о крупных хранилищах: трекерах, файлообменниках, а также социальных сетях.
Еще на заре становления Всемирной сети появилась потребность структурировать все, что попадает в нее. Именно тогда и появились первые зачатки того, что сейчас мы называем тегами.
Эволюция
Небольшая глава, из которой в общих чертах можно понять, как вообще люди пришли к пометкам информации тегами, и из-за чего это вообще родилось.
Поскольку изначально Всемирная сеть по сути состояла из отдельных форумных площадок, на которых общались люди, то необходимости в детальной инвентаризации и классификации данных не было.
Пользователи ограничивались отдельным подфорумами, темами и подтемами, названными по тому, о чем в них идет речь.
Это можно увидеть и сейчас – стоит просто зайти на тематические сайты, в которых имеется форум.
Совершенно точно помимо предмета обсуждения в них можно найти разделы «Флудилка», «Другие темы», и подобное.
Однако, с развитием возможностей Сети, этого стало недостаточно.
Мощный толчок для развития метода распределения информации дало появление файлообменников и торрент-трекеров.
Дело в том, что то, чем обменивались пользователи на этих ресурсах, невозможно было подогнать под одну конкретную тему.
А поскольку раздаваемую информацию надо было каким-то образом искать, то был выбран способ каталогизации по категориям.
Именно категории на подобных ресурсах и стали своеобразным прототипом тегов.
Категории устанавливали программисты, разрабатывавшие сайт, поэтому пользователям так или иначе приходилось подгонять материал под определенные рамки.
Чаще всего это было удобно, но иногда создавало определенную путаницу. Стало ясно, что категории – хороший способ структурирования, но рано или поздно его придется обновлять.
И это обновление пришло вместе с социальными сетями. Именно там появилось такое явление как «теги» или «хэштеги».
Выглядят они очень просто – это слово, перед которым вставлен символ «#».
Этот символ превращает введенное после него слово без пробела в ссылку, при нажатии на которую ищутся все новости и данные, которые в своем тексте содержат это же самое слово.
По сути это те же самые категории, разница в том, то пользователи могут вводить их сами.
Что это такое?
Резюмируя всю информацию, сказанную выше, можно подвести итог.
- Теги – это краткое обозначение того, о чем идет речь в тексте, или какую информацию содержит в себе файл. При этом эту пометку создает сам пользователь, не ограничиваясь заранее созданными на сайте категориями.
- Теги – самый продвинутый способ каталогизации данных, поскольку не ограничивают пользователя в том, как их пометить.
Кроме того благодаря tags очень просто искать интересующую вас информацию – достаточно просто нажать на слово и все похожие данные появятся на экране.
Где они используется?
Говоря кратко – везде. Сейчас каталогизация в виде категорий уже считается пережитком прошлого, особенно это заметно на западных трекерах и файлообменниках, где пользователи давно перешли на Tag.
Разделение форума на подтемы осталось, но скорее для удобства общения, а не обмена информацией.
Особенно хорошо теги прижились в социальных сетях.
В таких сервисах, как Instagram и Twitter львиная доля знакомства пользователей происходит именно через одинаковые теги, а сайт Tumblr построен именно на том, чтобы пользователь активно искал другие блоги по интересным ему тегам и читал исключительно их.
Вышеупомянутый Twitter пошел немного в другом направлении – в одной из его колонок выводятся так называемые «Популярные темы», где показаны наиболее употребляемые в данный момент теги.
Благодаря этому пользователь получает возможность быстро и своевременно узнавать последние мировые новости и события.
Например, если вдруг у вас перестает работать ВКонтакте, то не стоит спешить ругаться на провайдера или компьютер. Выйдите в Twitter – и если там в «Популярных» будет тег «#ВКживи», то будьте уверены – не заходит не только у вас.
Кроме того, на форумах используется такая вещь как «Облако тегов».
Это специально созданная страница, на которой выведены все ключевые слова, которые когда-либо использовались на всем форуме.
Они сгруппированы между собой, и отличаются по размерам – например, тег, которые использовался 100 раз, будет по размеру шрифта больше, чем тот, который использовался 10.
Это сильно облегчает навигацию по форуму и позволяет понять, что больше интересует его посетителей.
Способы употребления тегов в сети
Самый очевидный способ – поиск информации. Вы заходите на страницу, вводите ключевое слово, и вам предоставляют все записи пользователей по данному тэгу.
Если вам понравился музыкальный альбом – щелкните по хештегу, обозначающий один из его жанров – и с высокой долей вероятности вы найдете что-то похожее. Также можно искать книги, рецепты, новости и нужные файлы.
Социальные сети в этом отношении пошли еще дальше – например, во ВКонтакте почти каждый крупный паблик имеет свой собственный тип хэштегов, по которым не ищутся никакие новости, кроме тех, которые поступают из этого сообщества.
Это позволяет привлекать интерес людей к своей странице и заставляет их искать информацию именно там.
Кроме того, хэштеги применяют для рекламы и продвижения чего-либо: как только пользователь выкладывает фотографию с каким-либо тегом, ее сразу лайкают и комментируют боты, представляющие услуги или товар, связанный с ним.
Это очень удобно и позволяет контекстно подбирать рекламу для каждого отдельного пользователя без лишних затрат времени.
Интересно и то, что когда пользователь вводит отдельные запросы – то на выходе он может получить не совсем то, на что рассчитывал.
Например, если в Tumblr начать искать фотографии и посты по запросам Depression, Darkness, Suicide и другим «мрачным» тэгам, то вас в первую очередь выведет на окно с телефоном доверия и службой психологической помощи.
Очень часто такие запросы вводят подростки, и, возможно, некоторым действительно необходима именно такая помощь.
Иначе говоря – функции и использование тегов уже давно вышли за рамки привычного поиска информации. Они применяются также и для продвижения товаров, услуг, а также собственных публичных страниц.
Кроме того, делаются первые шаги в анализе характера и психологического состояния пользователя, а это в дальнейшем может использоваться для помощи людям, оказавшимся в сложной жизненной ситуации.
Как еще использовать теги?
Для каждого сайта механизм использования меток разный. Чаще всего для них существует специальное окошко, которое можно менять при редактировании или добавлении вашего материала.
При этом при вводе слова вам высветятся похожие запросы и темы, и появится возможность выбрать уже существующее ключевое слово.
В социальных сетях для того, чтобы поставить тег, достаточно добавить перед ключевым словом символ «#». Например, #ключ.
При этом нельзя разрывать запрос, потому что в ссылку превращается только фраза без пробелов.
То есть, в #ключевой запрос тегом будет являться только слово «ключевой», а вот в #ключевойзапрос вся фраза будет являться поисковым словом.
Вы можете выставлять любые теги, какие посчитаете нужным – тут уже никаких ограничений нет.
Однако, для того, чтобы поиск был удобен всем, не стоит использовать мусорные ключевые слова – особенно это касается сервиса Instagram, где иногда под хештегом используют целую фразу или предложение.
Кроме того, старайтесь использовать как можно меньше пометок, потому что их большое количество не только затрудняет восприятие информации, но и увеличивает приток спама и рекламных ботов.
Обратная сторона медали
Но не стоит думать, что теги – это идеальный способ каталогизации данных.
Как уже было написано в последнем абзаце предыдущего раздела, возможность пользователям самим создавать свои ключевые слова вышла немного боком.
Дело в том, что из-за этого происходит замусоривание информации, и зачастую более важные новости могут скрыться из-за глупой и бессмысленной метки, потому что ее использовало больше людей.
Особенно это заметно в Twitter, где часто проходят флешмобы среди завсегдатаев этой социальной сети.
В них люди используют глупые и не имеющие важного значения теги, и специально выводят их в топ новостей, из-за чего нужные новости теряются в потоке мусора.
В Instagram ситуация обстоит не лучшим образом: многие профили просто перегружены метками, благодаря чему затруднительно вообще понять суть фотографии или события в жизни человека.
Альтернативные значения слова «тег»
Вообще, поскольку с английского Tag переводится буквально как «Метка», значений у этого слова благодаря интернету стало гораздо больше, чем ключевой запрос на сайте.
Википедия дает еще ряд определений этому термину.
Например, очень ярким альтернативным значением слова «Тег» является музыкальный жанр. Среди музыкантов принято говорить не «определять жанр», а «ставить тег». Вас все равно поймут.
Это значение пошло как раз от социальной сети last.fm и других сайтов, посвященных музыке, где ключевыми словами – метками – как раз и были музыкальные жанры.
В этом плане слово носит скорее негативный контекст, и употребляется, когда люди слишком углубляются в определение того, что играет у них в ушах, вместо того чтобы просто получать удовольствие от музыки.
В музыке существует такое понятие как «голосовой тег». Чаще всего его можно услышать в рэп-композициях, в самом начале, когда исполнитель представляет название своего лейбла и людей, которые участвовали в записи песни. Также называют и участок дорожки, где озвучивается имя людей, задействованных в записи.
Тегом также называют элемент разметки текста в HTML. Кроме того, так еще называют идентификатор, который присваивается каждому интернет-пакету, а также с помощью которого происходит разделение интернет-каналов.
На этом все, а как вы считаете – подобного метода структуризации информации достаточно для современного интернета? Или же стоит задуматься над улучшением этой системы?
seoslim.ru
Теги – что это такое, значение
В общем понимании слова тег – это метка, размечающая и каталогизирующая информацию для облегчения процесса поиска.
Иными словами, теги – это ключевые слова, по которым можно легко найти нужный материал. Эти слова кратко описывают, о чем этот материал.
Каждый, наверное, замечал, когда в постах в социальных сетях в самом конце (а иногда и в начале или середине) пишется знак решетки #, а после него слово или фраза. Это и есть тег. А если быть точнее, то его разновидность – хештег.
Оставив такую метку в своем посте, другие пользователи смогут легко найти его по данному слову. Достаточно кликнуть по точно такому же хештегу в другой записи или ввести слово в поиске социальной сети.
Но теги применяются не только в социальных сетях. Их также используют программисты для разметки веб-страниц (вы, наверное, слышали о так называемых HTML-тегах) или для каталогизации музыки (здесь роль тега будет исполнять жанр, альбом и т. д.).
Немного истории
Чтобы лучше понять, что означает тег, давайте поговорим немного о его появлении.
Впервые теги возникли во времена, когда люди стали активно использовать интернет для общения и обмена информацией. А если быть точнее, то это были первые зачатки того, что мы называем тегами.
Тогда еще не было социальных сетей. Люди общались на форумах. Общение происходило на разные темы, и каждая из них пользовалась своей популярностью. В тот момент большой надобности в тегах еще не было. Форумы ограничивались лишь разделами, темами и подтемами. Сейчас картина выглядит примерно также.
Но когда в Сети стали появляться первые файлообменники и торрент-трекеры, разработчики поняли, что ограничиваться лишь одними темами и подтемами невозможно. Нужен более мощный инструмент для структурирования данных. Тогда и появились категории – первые прототипы тегов.
Со временем, а именно с появлением социальных сетей, одних лишь категорий стало недостаточно, и появились теги в том виде, в котором мы привыкли их видеть сегодня.
Сегодня теги активно используются именно в социальных сетях. Они позволяют крайне быстро найти нужную информацию по хештегам, оставленным в постах, комментариях или под фото/видео.
Сегодня даже некоторые файлообменники отказываются от использования категорий в пользу системы tags.
Навигация с помощью тегов
Зачастую, просматривая тот или иной материал на страницах веб-ресурса или читая ту или иную статью, вы можете заметить отдельное поле с названием «Метки» или «Теги», в котором расположены слова и фразы, так или иначе связанные с содержимым просматриваемой страницы.
Эти метки еще называются ключевыми словами. Они характеризуют содержимое страницы и позволяют понять, о чем написано в статье, что изображено на фото или что содержится в видео.
Даже сегодня, зайдя на YouTube, под некоторыми роликами, в описании можно найти большой перечень ключевых слов, несмотря на то, что «Ютуб» уже давно использует #хештеги. Авторы оставляют их для того, чтобы видео можно было найти по как можно большему числу запросов.
Главное преимущество тегов заключается в том, что они являются не простым текстом, а гиперссылками. Если кликнуть по какому-либо слову, можно увидеть полный список материалов, содержащих такой же тег.
И зачастую веб-мастера создают отдельный блок на сайте с так называемым облаком тегов. В нем отображены все или только наиболее популярные теги, кликнув по которым можно найти соответствующий материал.
Иногда в таком облаке теги имеют разные размеры. Чем больше размер слова, тем большее количество раз его использовали. И, соответственно, маленький размер слова говорит о том, что его употребляют реже.
Задавая теги, веб-мастер облегчает пользователям навигацию по сайту. Метки в основном применяют на крупных ресурсах, когда процесс навигации и поиска нужной информации может затрудниться из-за большого количество материала.
Теги в HTML
Несмотря на то, что теги, используемые в HTML, и теги, употребляемые для навигации по сайту, разные, они призваны решать один и те же задачи, а именно размечать информацию.
В случае с HTML-программированием теги призваны размечать веб-страницу. Поставив тот или иной тег в коде сайта, вы показываете браузеру, как именно необходимо отобразить тот или иной элемент.
Например, вам необходимо написать заголовок для своей статьи. Во-первых, он должен отличаться от всего остального текста визуально (это осуществляется при помощи CSS-стилей), а во-вторых, сам браузер должен понимать, что это заголовок, а не простой текст. Для этого вам необходимо заключить его в тег <h2>.
Помимо <h2>, в HTML-языке есть множество различных тегов, которые выполняют ту или иную функцию.
С точки зрения простого посетителя сайта теги, размечающие страницы веб-ресурсов, не имеют практического применения. Он их не видит, он не может с ними взаимодействовать. HTML-теги больше предназначены для браузеров (чтобы те корректно отображали информацию) и для поисковых систем (чтобы те знали, о чем страница, и показывали при соответствующих запросах в поиске).
Например, тег <Title> и вовсе ничего не отображает. Его содержимое скрыто от людей. Но зато его видят поисковые роботы и учитывают указанную в нем информацию при ранжировании страниц.
Все теги для разметки веб-страниц заключены в треугольные скобки. Именно по ним браузер и определяет, что это tag, и в зависимости от его содержимого совершает те или иные действия.
HTML-теги обычно представлены двумя элементами: открывающим и закрывающим. Например, <h2> … </h2>. Но есть и такие, которые состоят только из закрывающего тега. Иногда содержимое может помещаться между открывающим и закрывающим тегами, а иногда внутри треугольных скобок.
Как видите, HTML-теги – это довольно обширная тема. Ее необходимо изучать отдельно и одной статьи для этого будет недостаточно.
Теги в музыке
Еще один вид тегов – это музыкальные tags. Они содержат в себе всю важную и не очень важную информацию о треке:
Порой неправильно указанные теги могут привести к тому, что при воспроизведении аудиозаписи вместо корректного названия будут отображаться непонятные символы.
Обычно это происходит при редактировании тегов. А редактируют их часто, так как сегодня к авторским правам относятся довольно внимательно. Причем тут авторские права? Да все просто.
Зачастую авторы известных песен блокируют к ним доступ на всех ресурсах. Причины могут быть разными, вдаваться в подробности не станем. Так вот, чтобы найти все свои песни в интернете, как раз и используются прописанные в них теги. Ну а те, кто занимается распространением недоступной музыки, переписывают теги специально, чтобы аудиофайлы нельзя было найти. Вот и получается, что порой вместо названий нам предлагаются непонятные символы.
Как видите, даже в музыке теги используются в качестве ключевых слов для дальнейшего поиска композиций. Но иногда, помимо текстовых, в аудиозаписях можно услышать и голосовые теги. Особенно часто это встречается в рэп-композициях. Исполнитель представляет себя, людей, причастных к созданию трека, иногда может дать дополнительную информацию (например, кому посвящается) и т. д.
Социальные сети
Ну и наиболее распространенное применение теги нашли в социальных сетях. Там они позволяют связывать информацию и посты, опубликованные разными пользователями.
Теги активно используются в следующих соцсетях:
Но порой в социальных сетях замечается злоупотребление хештегами. Люди начинают использовать их не для обозначения важной информации или для того, чтобы другие смогли по заданным ключевым словам найти пост. Они просто добавляют их, причем в больших количествах, тем самым замусоривая пост.
Конечно, в большинстве случаев по таким тегам никто информацию не ищет. Но в соцсетях есть и другие примеры, где хештегам нашли отличное применение.
Например, известный паблик или личность устраивает конкурс. Что-то наподобие «Оставьте такой-то комментарий, самый интересный и креативный выиграет приз». Чтобы не запутаться во множестве различных комментариев, автор просит подписчиков помечать комментарии определенным хештегом (например, #конкурс). В дальнейшем, когда будут подводиться итоги конкурса, автор легко сможет отфильтровать все комментарии, оставив только нужные.
Также, если пользователя интересует определенная новость, помеченная уникальным тегом (например, #выборы2018), нажав на него или введя его в поиск, он сможет найти все посты на эту тему.
wiki.rookee.ru
Что это такое теги простыми словами: его виды
В данной статье мы с Вами рассмотрим, что такое теги простыми словами. Еще когда только Интернет начал появляться, резко встала потребность структурировать все, что попадает в него. Именно тогда и образовались первые зачатки того, что сейчас мы называем тегами.
Что такое тег
Ответить на вопрос, что такое тег, довольно легко – это ключевые слова, по которым без проблем можно найти требуемый материал. Например, многие копирайтеры в Твиттере для рекламы своих услуг используют хештеги #Недорогое_Seo-продвижение это во многом им облегчает поиск клиентской базы.
Вообще теги используются применительно к двум вещам:
- Для различных меток статей, записей в блоге или любых других элементов, которые служат для группировки элементов, помеченных одним и тем же тегом.
- Для HTML-тегов. Это специальные символы разметки языка HTML, позволяющие формировать содержимое веб-сайтов. Они являются основной составляющей HTML, этим словом код начинается и им же заканчивается, а внутри же тега заключается все содержимое, которое отображается на интернет странице. На практике выглядеть это будет примерно так: <Открывающий_тег>Содержимое.
Что такое тег на телефоне
В современном мире практически у каждого человека имеется свой сотовый телефон. Многие их владельцы применяют теги ежедневно, не замечая, что являются их активными пользователями. Но большинство хоть раз задается вопросом, что такое тег на телефоне.
Их может быть огромное количество. Например, самые распространенные «гео-теги» или же «Тег GPS»— это встраиваемая в фотографию информация о местоположении, где было создано фото. Как показывает статистика, эту функцию чаще всего используют во время курортного отдыха или в путешествиях.
Для чего нужны теги
Огромный плюс использования тегов — это гибкость. Они могут быть совершенно любыми, т. к. в сути своей это ключевые слова для информации. Как тег используют географические названия, даты, имена, понятия, описательные слова и т. д.
Второй плюс — это простота изучения в использовании тегов. Концепция сама по себе проста, а, потому, поняв ее и просмотрев примеры использования тегов другими пользователями какого-нибудь сервиса, можно без труда начать применять их для своей информации. Огромную роль теги играют при создании и написании текстов для сайта очень важно их грамотно применить, чтобы привлечь большую аудиторию пользователей и упростить поиск нужной для них информации.
Что такое теги в ютубе
Создание хорошего YouTube видео, которое наберет много просмотров, довольно трудоемкое и сложное занятие. А хорошее видео может быть отличным помощником в рекламе Ваших товаров или услуг, которое станет источником конверсий и приведет пользователей на Ваш сайт. Поэтому многие пользователи часто задумываются, что такое теги в ютубе и как правильно их применить, чтобы повысить количество просмотров.
Просто создать видео недостаточно. Нужно сделать так, чтобы оно оказалось перед глазами нужной аудитории. Чтобы этого достичь следует употреблять теги в описании видео или в самом названии. Они смогут влиять на качество поискового трафика, а также на частоту попадания Вашего видео в Похожие видео на других каналах.
Для ютуба теги составляются согласно семантическому ядру Вашего ролика. Чтобы правильно его найти, многие прибегают к курсам SEO-продвижения это мудрое решение, которое в будущем сэкономит много времени. Чаще всего из сематического ядра выбирают около пяти-десяти различных ключей, которые задают тематику. Поисковику тег служит подсказкой, для него – это то, что нужно дать пользователю в выдаче и рекомендуемых роликах.
Мета-теги: что это такое
Давайте разберем понятие мета-теги, что это такое — обычно их используют для того, чтобы структурно описать сопроводительные данные о странице. Они созданы в первую очередь для того, чтобы указать поисковым системам и браузерам о содержании страницы, но после модернизации поисковых алгоритмов, стали лишь одним из факторов определения контента сайта.
Мета теги находятся в области HTML документа. Вставить или прописать мета теги можно в любом порядке и количестве.
Правильная настройка мета-тегов играет большую роль для SEO. Работы по прописыванию, заполнению, корректировке всегда следуют после запуска проекта, сразу же как получено семантическое ядро. И продолжаются по мере необходимости на протяжении всего периода продвижения сайта.
Что значит добавить тег
На просторах интернета нередко можно наткнуться на просьбу «Добавьте теги!». В основном это случается тогда, когда Вы пишите пост в сообщество, а модератор отклоняет его из-за отсутствия тегов. И тогда мы задумываемся, что значит добавить тег, и, как правильно это сделать.
Тег – эта суть сообщения. У каждого такого сообщения есть несколько тем. Например, если вы пишете о том, что такое франшиза в бизнесе, рассказываете о том, как правильно вести бизнес с партнерами и о его особенностях, то тегами вашего поста могут быть «#бизнес», «#франшиза», «#бизнес_франшиза».
Если у вас не будет тегов, то найти пост в сообществе с долговременной историей будет невозможно. А многие из них создаются для того, чтобы упростить людям жизнь при поиске информации. В том числе и вам.
Теги нужно использовать не только при написании постов в сообществах и на просторах интернета. Так же их можно применить в некоторых программах, например, в — видео или аудио-плеерах кратко описать файлы, которые будут проигрываться. Это значительно облегчит Вам жизнь, если однажды вечером вдруг решите пересмотреть все имеющиеся у вас комедии или прослушать всю коллекцию инди-рока.
Тег h2: что это такое
Тег h2 является важным тегом в «теле» странички вашего сайта. Как правило, он содержит в себе самую главную тему страницы. Он должен сильно выделяться, быть ярким и простым, чтобы обычному пользователю не составило труда понять, о чем идет речь на странице вашего сайта.
Стилизация данного тега h2 может быть простой, но главное, чтобы размер шрифта был большим на странице. И не только потому, чтобы он сразу бросился в глаза пользователю, это также играет большую роль в релевантности странице, а значит и в ее оптимизации. Например, вы можете вести сайт по дизайнерскому строительству домов для бизнеса, как вариант тега h2 можно использовать: «Бизнес дома для мужчин: идеи», это будет достаточно лаконичным вариантом.
Что такое теги в Инстраграме
Пользователи Инстаграма уже не первый год активно пользуются тегам. Для этого им не требуется особых усилий. Чтобы поставить тег, нужно лишь добавить знак # перед любым словом без пробела. Например, если вы подпишите свою фотографию тегами #закат, то другой пользователь, когда будет искать тему #закат увидит все фотографии по данному запросу, в том числе и вашу.
Инстаграм — это активная и развивающаяся социальная сеть, с многомиллионной и разновозрастной аудиторией. В связи с этим одной из бизнес идей 2020 года является ведение бизнеса в инстаграм, поскольку превосходная площадка, подходящая для этого. Благодаря ведению бизнес-аккаунта в инстаграм многие предприниматели:
- Увеличили объем продаж;
- Осуществили анализ спроса посредством маркетингового исследования;
- Разместили таргетированную рекламу;
- Сделали компанию и продвигаемый ею бренд гораздо узнаваемой;
Таким образом, сегодня мы разобрали, что значит слово «тег». Так же настоятельно рекомендуем Вам применять теги при разработке сайтов, написании статей, в социальных сетях и в повседневной жизни пользования ПК. Это во многом упростит жизнь и сократит поиск требующейся информации.
pro-promotion.ru
❶ Для чего нужны теги 🚩 нужны ли теги на сайте 🚩 Поисковая оптимизация
Тэги можно назвать наследием тематических библиотечных каталогов. Они фактически служат тем же целям что и их предшественники из докомпъютерной эпохи: помогают с легкостью ориентироваться в огромном количестве информации. Они представляют собой краткое, заключенное в два-три слова или словосочетание, описание сути, темы какой-либо публикации в интернете – текста, видео, фотографии.
В современном виртуальном пространстве без тэгов обойтись уже невозможно. Новостные сайты, к примеру, существуют многие годы, при этом обновляются несколько раз в сутки, превращаюсь в чудовищных размеров хаотичное скопление разнообразной информации. Классифицируют содержание таких сайтов разными способами, чаще всего по авторам публикаций, но читателей колонки новостей чаще интересует суть известия, а не индивидуальный стиль автора.
К тому же, на одну и ту же тему могут писать разные корреспонденты. Поэтому удобнее всего прибегнуть к помощи тематической классификации, чтобы найти все заметки, относящиеся к какому-либо происшествию, не зависимо от того, кто и когда их опубликовал. В последние годы на многих подобных сайтах такая классификация текстов обязательна, а для большей упорядоченности существуют фиксированные списки тэгов, автор должен только выбрать из них подходящие для своей публикации. Разумно проставленные тэги значительно облегчают читателям поиск интересующей их информации, ну а авторам добавляют популярности, ведь чем проще находится текст, тем больше людей его прочтет.
Для удобства пользователей существует так называемое «облако тэгов». Это также список, где выведены самые распространенные, популярные тэги, используемые на сайте. Он называется «облаком», потому что зачастую визуально напоминает изображение облака. Чем чаще тексты сайта помечаются каким-то определенным тэгом, тем больше становится шрифт, которым этот тэг написан в «облаке». С помощью такого простого, но эффективного приема, «облако тэгов» становится одним из удобнейших инструментов навигации в пределах сайта.
В социальных (иначе коллективных) открытых серверах каждый пользователь может придумывать свои собственные тэги. В некоторых из них через одинаковые тэги могут объединяться фотографии и записи разных пользователей. В других существует так называемый «поиск по интересам», что по сути те же тэги, только характеризуют они не один текст или одно фото, а все содержание личной странички. Пользуясь этими возможностями, самые разные люди могут найти новых знакомых, с которыми их объединяет какой-либо общий интерес: будь то нумизматика или любовь к прыжкам с парашютом.
Тэги нужны для того, чтобы классифицировать по смыслу информацию любого вида.
www.kakprosto.ru
Какие бывают META теги и зачем они нужны / Habr
META-теги
В продолжении первого поста про DOCTYPE, я, как и обещал, продолжу про META теги.
META-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для броузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.
META-теги имеют два возможных атрибута
—
—
META-теги должны находиться в заголовке HTML-документа между и (особенно это важно для документов, использующих фреймы).
Стандартом HTML 4.01 значения и имена мета-тегов НЕ оговариваются, поэтому мы будем рассматривать те значения, которые уже устоялись в интернете и используются чаще других.
Пруфлинк: http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.1
(The META element can be used to identify properties of a document (e.g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.)
Атрибут HTTP-EQUIV
META-теги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.
Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.
Значения поля content для Аттрибута HTTP-EQUIV
| Значение | Описание | Пример использования | Эффект |
| Expires | Дата устаревания. Управление кэшированием в HTTP/1.0. Если указанная дата прошла, то очередной запрос этого документа вызывает повторный сетевой запрос, а не подгрузку документа из кэша. Дата со значением «0» интерпретируется как «сейчас». Такое значение заставляет броузер каждый раз при запросе проверять — изменялся ли этот документ. Это, кстати относится и к прокси-агентам. | Дата должна быть задана в формате, описываемом в RFC850, <META HTTP-EQUIV=»expires» CONTENT=»Wed, 26 Feb 2008 08:21:57 GMT»> что эквивалентно HTTP-заголовку Expires: Wed, 26 Feb 2008 08:21:57 GMT |
Поисковые роботы могут либо совсем не индексировать такой документ, либо постоянно «обнюхивать» его. |
| Pragma | Эта директива показывает, что кешированная информация не должна использоваться и вместо этого запросы должны посылаться на сервер. Это директива имеет тоже самое значение что и CACHE-CONTROL:NO-CACHE и представлена для обратной совместимости с HTTP/1.0. Клиенты должны использовать оба значения PRAGMA:NO-CACHE и CACHE-CONTROL:NO-CACHE когда нужно послать некешируемый запрос к серверу, про который неизвестно – совместим ли он с HTTP/1.1. |
<META HTTP-EQUIV=»PRAGMA» CONTENT=»NO-CACHE»> | |
| Content-Type | Указание типа документа. Может быть расширено указанием кодировки страницы (charset). Если же указывать charset в содержании META-тега, то некоторые браузеры выводят такую страницу уже в заданном charset. | <META HTTP-EQUIV=»Content-type» CONTENT=»text/html; charset=ISO-2022-JP»> | Используют браузеры и поисковые системы |
| Content-language | Указание языка документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого броузером) с содержимым Content-language может быть условием выбора сервером того или иного языка. | <META HTTP-EQUIV=»Content-language» CONTENT=»en-GB»> что эквивалентно HTTP-заголовку Язык описывается парой значений (язык-диалект). В примере: Английский-Великобритания Для русского языка – ru-RU |
Используется некоторыми поисковиками |
| Refresh | Определение задержки в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа. | <META HTTP-EQUIV=»Refresh» Content=»3, URL=http://www.name.com/page.html»> что эквивалентно HTTP-заголовку Refresh: 3; URL=http://www.name.com/page.html |
W3C не рекомендует использовать этот тег. Google страницы с таким тегом игнорирует. Другие поисковые системы, возможно, тоже. |
| Cache-Control | Определяет действия кэша по отношению к данному документу. Возможные значения: Public — документ кэшируется в доступных для всех кэшах Private — только в частном кэше no-cache — не может быть кэширован no-store — может быть кэширован, но не сохраняется |
<META http-equiv=»Cache-Control» content=»public»> | Используется некоторыми браузерами |
Атрибут NAME
Robots |
Тег <meta name=»Robots» content=»…»> управляет индексацией конкретной web-страницы. При этом роботам можно запретить не только индексацию самого документа, но и проход по имеющимся в нем ссылкам. Инструкции по индексации записываются в поле content. Возможны следующие инструкции: NOINDEX — запрещает индексирование документа; NOFOLLOW — запрещает проход по ссылкам, имеющимся в документе; INDEX — разрешает индексирование документа; FOLLOW — разрешает проход по ссылкам. ALL — равносильно INDEX, FOLLOW NONE — равносильно NOINDEX, NOFOLLOW Значение по умолчанию: <meta name=»Robots» content=»INDEX, FOLLOW»>. В следующем примере робот может индексировать документ, но не должен выделять из него ссылки для поиска дальнейших документов: <META name=»ROBOTS» content=»index, nofollow»> Имя тега, названия и значения полей нечувствительны к регистру. В поле content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение поле content не может иметь вид «none, nofollow». Google поддерживает дополнительное значение NOARCHIVE, которое запрещает помещать страницу в архив google |
<META NAME=»Robots» CONTENT=»NOINDEX,FOLLOW»> | Используется большинством поисковиков |
| Description | Значение атрибута CONTENT — строка, которая определяет текстовое описание (краткую аннотацию) конкретной страницы Вашего сайта. Не стоит создавать слишком длинное и подробное описание Вашего сайта в данном теге, рекомендуется ограничиться текстом до 100 символов, поскольку поисковые машины, в большинстве случаев, имеют ограничение на количество индексируемых символов. Этот тег может сильно помочь в случаях, когда в документе мало текста, когда это управляющий фреймами файл (frameset) или в начале документа используются скрипты. | <META NAME=»description» CONTENT=»Данный сайт содержит информацию для любителей старинных автомобилей, на нем Вы можете найти описание с фотографиями редких и эксклюзивных автомобилей»> | Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации. Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением. |
| Keywords | Значение атрибута CONTENT — список ключевых слов, как правило, через запятую, соответствующих содержимому Вашего сайта. Это те слова, в запрос на которые, Вы хотели бы, появления Вашего сайиа в списке результатов поиска. Здесь также рекомендуется ограничиться списком до 30 слов. Можно поместить и наиболее частые опечатки ключевых слов. Также Вы можете здесь записать и английские слова, соответствующие содержимому Вашего сайта. Ну, а какие конкретно нужно писать слова — это уже тема отдельной статьи. Некоторые поисковые системы не индексируют сайты, в которых в данном теге повторяется одно и то же слово для увеличения позиции в списке результатов. | <META NAME=»keywords» CONTENT=»реклама, дизайн, полиграфия»> | Учитывается большинством поисковых систем. Точно известно, что НЕ учитывает Google и Rambler |
| document-state | Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать (значение Static), или реиндексировать документ регулярно (значение Dynamic). | <META NAME=»Document-state» CONTENT=»Static»> | Используется редко |
| GOOGLEBOT | Google поддерживает специальный тег Googlebot с помощью которого вы можете указать Google что он не должен индексировать и архивировать вашу страницу, другие поисковые системы этот тег проигнорируют. | <META NAME=»GOOGLEBOT» CONTENT=»NOARCHIVE»> | |
| Author | Автор, создатель сайта. Вряд ли используется поисковыми системами, и нужен скорее всего чтобы можно было показать что сайт сделан именно определенной персоной или фирмой. | <META NAME=»AUTHOR» CONTENT=»www.neo-systems.ru»> | |
| Revisit | Значение этого тега указывает — как часто обновляется информация на вашем сайте, и как часто поисковая система должна на него заходить чтобы увидеть обновления. В силу сложившихся условий — поисковые системы сейчас самостоятельно определяют частоту сканирования сайта, поэтому, возможно, наличие этого тега ничего вам не даст. | <meta name=»revisit-after» content=»15 days»> |
Источники информации:
http://www.citforum.ru/internet/search/metatags.shtml
http://web-support.ru/adv/ps_meta_2.shtml
http://www.shtogrin.com/library/web/meta/
http://vancouver-webpages.com/META/metatags.detail.html
http://www.mattcutts.com/blog/keywords-meta-tag-in-web-search/
http://www.webotdel.ru/notes/metatags/
Очень хорошо и понятно написано http://www.w3schools.com/tags/tag_meta.asp
Какие мета-теги понимает Google http://www.google.com/support/webmasters/bin/answer.py?answer=79812
Какие мета-теги понимает Bing
http://www.bing.com/community/blogs/webmaster/archive/2009/07/18/head-s-up-on-lt-head-gt-tag-optimization-sem-101.aspx
Google не использует мета-тег keywords
http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html
habr.com
Какие метатеги HTML нужно добавлять на сайт и что они дают?
Мета теги для сайта помогают роботам Google понимать контент ресурса. Наверное, вы уже слышали, что метатеги используются в SEO. Это определение дает хорошее представление о том, что такое современные метатеги.
Они дополняют читаемую человеком информацию на веб-страницах понятной компьютеру метаинформацией. Таким образом, контент сайта может быть включен во взаимодействие между людьми, веб-приложениями и компьютерами в целом.
Да, это выходит за рамки SEO.
Поисковые системы массово используют метатеги. Но на сегодняшний день существуют специализированные метатеги и для социальных сетей, таких как Facebook, Twitter и LinkedIn.
Также есть метатеги, которые используются для более подробного описания контента. Широко распространенная система описания контента предоставляется schema.org.
Ниже приводится список метатегов, которые нужно добавить на сайт, чтобы успешно работать в Сети:
- Title и description;
- Мета теги для html сайта, связанные с Google;
- Теги верификации;
- Социальные метатеги;
- Schema.org для описания контента.
Каждая страница сайта должна содержать метатеги title и description. Поместите их в раздел <head> HTML-страницы.
Например:
<!DOCTYPE html>
<html>
<head>
<!—- Тайтл страницы заключается в тег <title> -->
<title>Это тайтл вашей страницы</title>
<!—Описание страницы определяется в мета формате -->
<meta name="description" content="Это описание вашей страницы">
</head>
<body>
<!—Содержимое страницы... -->
</body>
</html><title> не отображается в формате <meta> тегов, но о нем практически всегда говорят, как о метатеге.
Он задает читаемый человеком заголовок — страницы. title отображается в верхней части окна браузера на открытой вкладке.
Кроме этого title играет важную роль в SEO. Он определяет, о чем ваша страница, поэтому поисковые системы в значительной степени полагаются на эту информацию, и данный метатег является ключевой составляющей ранжирования страницы.
title отображается в качестве заголовка страницы в результатах поиска. Важно подбирать заголовки продумано, так как они несут важную информацию о содержании страницы для людей и поисковых систем.
Тег также используется в качестве «резервного» механизма для социальных сетей, когда соответствующий социальный метатег недоступен.
Мета тег description для сайта не влияет на ранжирование страниц поисковыми системами. Его главное предназначение заключается в отображении описания страниц в поисковой выдаче. Description помогает привлечь внимание пользователей к контенту.
Оно также может использоваться в качестве описания на страницах социальных сетей.
Составляйте title и описания так, чтобы подчеркнуть, какую ценную информацию вы предоставляете своим посетителям. Делайте их простыми, понятными и информативными.
Google и другие поисковые системы отображают ограниченное количество символов в результатах поиска. Давайте рассмотрим следующий пример:
Это моя статья, расположенная на шестой позиции в поисковой выдаче Google.
Как посмотреть мета теги сайта? На рисунке показано, как заголовок и описание будут отображаться в поисковой выдаче. Если вы зададите эти теги правильно, то получите больше переходов из поисковых систем.
Не существует какого-то одного магического числа, которое следует использовать для длины заголовков или описаний, так как их размер зависит от формы букв. Вы можете, например, использовать такие тонкие символы, “i” и “o”.
Google обычно отображает 50-60 символов из заголовка и около 150-160 из описания. Остальная часть информации, содержащейся в этих тегах, не будет отображаться на странице результатов поиска.
Если вы хотите быть уверенным в том, что правильно подобрали длину, можете использовать онлайн инструмент оптимизации сниппетов от Google.
Есть еще несколько метатегов, которые нужно добавлять на все веб-страницы в разделе <head>:
charset определяет кодировку символов HTML-документа. Браузер использует эту информацию, чтобы правильно отобразить страницу.
http-viewport задает видимую пользователю область веб-страницы. Этот метатег был введен в адаптивном веб-дизайне. Он позволяет контролировать начальные размеры окна просмотра и их изменение при загрузке страницы.
Давайте расширим наш предыдущий пример:
<!DOCTYPE html>
<html>
<head>
<!—Кодировка символов UTF8 -->
<meta charset="utf-8">
<!—Установка ширины страницы на ширину для устройства с масштабом 1 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!—Тайтл страницы заключается в тег <title> -->
<title>Это тайтл вашей страницы</title>
<!—Описание страницы определяется в мета-формате -->
<meta name="description" content="Это описание вашей страницы">
</head>
<body>
<!—Содержимое страницы... -->
</body>
</html>Существуют и другие менее используемые мета теги для сайта интернет магазина. Наиболее важные из них: robots, google и http-equiv. Мы должны упомянуть еще одну важную часть метаинформации, хотя она не задается в виде тега. Атрибут изображений alt описывает содержимое картинок на сайте.
alt — это единственный способ продвинуть изображения в поиске. Компьютеры еще не распознают графического содержимого, поэтому мы должны сообщить им, что изображено на картинке. Именно по этой причине атрибут alt является обязательным для всех изображений.
Блогеры, веб-мастера должны подтвердить право собственности на сайт при использовании онлайн-сервисов. Вы обязаны делать это, когда:
- данные вашего сайта используются сервисом;
- идентификация вашего сайта является частью идентификации сервиса.
Позвольте мне объяснить.
Google Search Console (известный как «инструменты для веб-мастеров») предоставляет информацию о статистике вашего сайта. Также с его помощью можно повлиять на то, как Google видит ваш сайт. Но для этого вы должны подтвердить, что сайт является вашим.
Примером второго сценария является Pinterest. Вы можете отслеживать взаимодействия с вашим сайтом на Pinterest, а также встроить на сайт свою ленту записей Pinterest. Чтобы сделать это, нужно подтвердить, что вы представляете конкретный сайт.
Самый простой вариант доказать право собственности на сайт — это метатег. Коды верификации предоставляются Google Search Console, Pinterest и т.д.
Добавим в наш пример использования мета тегов для сайта код, в котором значение поля Content является кодом верификации, предоставляемым Google Search Console:
<!DOCTYPE html>
<html>
<head>
<!—Кодировка символов UTF8 -->
<meta charset="utf-8">
<!—Установка ширины страницы на ширину для устройства с масштабом 1 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!—Тайтл страницы заключается в тег <title> -->
<title>Это тайтл вашей страницы</title>
<!—Описание страницы определяется в мета-формате -->
<meta name="description" content="Это описание вашей страницы">
<!—Верификация сайта в Google -->
<meta name="google-site-verification" content="59408yhfuhfjskdlhfasdhfuoyHJHLJHK__Random__BLAH_BLAH" />
</head>
<body>
<!—Содержимое страницы... -->
</body>
</html>Эти элементы содержат информацию, которая подхватывается социальными сетями, когда вы копируете ссылку на страницу или нажимаете кнопку «Поделиться» в панели социальных кнопок вашего сайта. Минимальная информация, которую нужно предоставить — это заголовок, мета тег description для сайта и изображение.
Большинство социальных ресурсов поддерживают протокол Open Graph для считывания полезной информации о веб-странице.
Twitter использует свои собственные обозначения, но если они отсутствуют на странице, сервис микроблогов будет использовать данные Open Graph.
Зададим набор тегов Open Graph для Facebook, Google + и LinkedIn. Я также добавил заголовок для Twitter:
<!DOCTYPE html>
<html>
<head>
<!—Кодировка символов UTF8 -->
<meta charset="utf-8">
<!—Установка ширины страницы на ширину для устройства с масштабом 1 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!—Тайтл страницы заключается в тег <title> -->
<title>Это тайтл вашей страницы</title>
<!—Описание страницы определяется в мета-формате -->
<meta name="description" content="Это описание вашей страницы">
<!—Верификация сайта в Google -->
<meta name="google-site-verification" content="59408yhfuhfjskdlhfasdhfuoyHJHLJHK__Random__BLAH_BLAH" />
<!—Данные Open Graph -->
<meta property="og:title" content="Это тайтл вашей страницы<" />
<meta property="twitter:title" content="Это тайтл вашей страницы<" />
<meta property="og:description" content="Это описание вашей страницы ">
<meta property="og:image" content="http://yourtsite.com/yourimagedir/yourthumbnail.jpg" />
</head>
<body>
<!—Содержимое страницы... -->
</body>
</html>Если у вас возникнут проблемы с метатегами Open Graph, произведите отладку с помощью Open Graph отладчика Facebook.
Schema.org предоставляет схемы для структурированных данных в Интернете.
Используйте их для описания статей, записей в блогах, списков товаров, событий, людей и так далее. Таким образом, вы поможете поисковым системам распознать содержимое вашей страницы.
Рассмотрим пример статьи в блоге:
<article itemscope itemtype="http://schema.org/BlogPosting">
<meta itemprop="image" content="http://yoursite.com/image.jpg">
<img src="http://yoursite.com/image.jpg">
<h2 itemprop="name headline">Тайтл статьи</h2>
<p>
<time datetime="date_to_xmlschema" itemprop="datePublished">Apr 4, 2016</time>
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">Имя автора статьи</span>
</span>
</p>
<div itemprop="articleBody">
<!—Тело статьи -->
</div>
</article>Используйте атрибут itemscope, чтобы обозначить начало нового объекта schema.org. itemtype определяет тип элемента, начинающегося с itemscope. Используйте атрибут itemprop в пределах открывающегося и закрывающегося тегов элемента с атрибутом itemscope.
Разметка itemprop, которую вы поместите в пределах itemscope, будет определять различные свойства объекта. В нашем примере статьи мы определили свойства мета тега для сайта title, изображения, дату публикации, автора и тело статьи.
Используйте schema.org, и тогда поисковые системы будут лучше понимать, что содержится на страницах вашего сайта. Например, обозначить свои товары, чтобы они были доступны для поиска в Google.
Вы получите огромные преимущества, если будете использовать метатеги. Это улучшит ранжирование страниц в поиске и увеличит количество переходов на них из поисковых систем. Улучшит опыт взаимодействия пользователя на различных устройствах. И позволит достичь лучшей интеграции с контент-инструментами.
Данная публикация представляет собой перевод статьи «What HTML meta tags to add to your site and what do they do» , подготовленной дружной командой проекта Интернет-технологии.ру
www.internet-technologies.ru
«Что такое теги в HTML? Какой тег определяют видимую часть документа? Содержимое какого тега можно увидеть в заголовке браузера?» – Яндекс.Знатоки
Html – это не язык программирования, это общепринятый язык разметки текста в интернете. Называется все это хитрее («язык гипертекстовой разметки»), но если вы хотите «хитрее», просто ступайте в «Википедию». Я буду рассказывать об этом языке с вершин своего опыта и своими словами.
Итак, важно понимать, что html – это не язык программирования. В нем нет логических операторов (и вообще нет операторов). Следует сказать, что на сегодняшний день Html неприлично разросся, в нем тысячи тегов.
Теги являются основой этого языка. Именно с их помощью можно добавить элемент, строку, форму, кнопку на страницу сайта.
В целом без html не получится создать сайт. С другой стороны, с помощью html можно создать простейший сайт. Я как-то создала себе сайт-визитку на «голом» html. Это были времена, когда я только начинала изучение web-дизайна.
Отмечу, что если вы интересуетесь html, чтобы сделать себе сайт, помните: знать html совсем не обязательно!
Сейчас существует огромное число конструкторов сайтов. Например, исчерпывающий список конструкторов сайтов можно найти вот здесь https://otzyvmarketing.ru/category/site-constructors/. Сходите по ссылке, почитайте краткие описания и отзывы о сервисах. Я уверена, что вы сможете найти себе наиболее подходящий конструктор. Вы сможете создать себе сайт за полчаса.
Если же вы интересуетесь html, чтобы самому стать разработчиком сайтов или верстальщиком, давайте продолжать наше обсуждение этого языка.
Отвечу на ваши дополнительные вопросы:
· видимую часть документа определяет тег <body>,
· в заголовке браузера можно увидеть содержимое тега <title>.
Даже если просто говорить о гипотетической разработке сайтов на «голом» html (чем никто, конечно, не занимается), невозможно не сказать о файле стилей css.
Вы, наверное, знаете, что каждый тег можно снабдить атрибутами, которые будут описывать его размеры, цвет, положение на странице и т. д.
В современном html принято выносить все это описание в файлы стилей. В самом html должны быть только ссылки на эти стили.
Надеюсь, мой ответ смог вам помочь. Я постаралась изложить в ответе суть. Конечно, я могла забыть какие-то важные вещи, но формат не позволяет мне ответить досконально. Желаю вам удачи и всего хорошего! Если вы хотите у меня что-то спросить или, наоборот, высказать свою точку зрения, оставляйте свои комментарии под моим ответом!
yandex.ru