Popular Posts

Editor'S Choice - 2019

What are tags

Hello, dear readers of the blog KtoNaNovenkogo.ru. In fact, this term has several meanings that are not particularly fit together. I will try to tell in this publication about each of them.

You will learn, what are html tags and how they distinguish from meta tags, as well as learn how tags are used as tags on sites (their type is hashtags), and finally, let's take a look at musical tags in audio files. This is how multifaceted this term is.

But in all cases the word "tags" means markup either the webpage using an html code, or the entire site using tags, or your music collection by specifying an album and a song.

What are tags on the site (tags for creating navigation)

Let's start with the simple. Probably, all of you saw that under some articles on the websites there is a field with the name of a tag or tag, which lists some words. What is it done for? In general, to facilitate navigation on this site (this site.).

The tags used are the so-called keywords, a set of which briefly describes the publication (for example, for the main page of my blog would be such a set of tags: website creation, promotion, website promotion, earnings).

With these words, it will be possible to determine unambiguously what this article was about. But their main value is not in this, but in the fact that a visitor can click on any tag and see a list of all the articles on the site in which he met. In fact, it is a powerful tool for classifying information.

In order not to look for the right tags under the articles, website owners very often create the so-called Tag Cloudwhich can be placed in the left or right column of the site or in its footer (below). This disgrace in practice may look like this:

It usually lists the most popular tags, and you can see all the tags by clicking on the appropriate link. Sometimes, the more frequently used tags (they are found in a larger number of articles on this site) are displayed in a larger font, and less frequent - in smaller.

Sometimes a separate page is created to display them, as was shown in the previous screenshot.

Why such tagging method using tags not used on all websites if it is user friendly? There are no them on my blog, for which there are a number of explanations. Although their use is provided in WordPress by default, there are also a lot of plugins for working with tags.

Yes, tags work great when you have a few articles and you remember well all the tags that you have already created and used in other articles. But with the increase in the number of materials, the number of tags increases dramatically, they begin to partially duplicate when using keywords that are close in meaning.

It receives a huge mess, whose value in terms of improving navigation, in my opinion, is rather dubious. For this purpose, a large web project is better to use the search on the site. Although tags work well in social networks, where you can use tags to combine information from different users and view it in one place. IMHO.

What are Html tags?

I decided to study them for the first time about fifteen years ago, but I didn’t get any further from the Title tag. Then I got into the hands of Yevgeny Popov's free video course on Html and it went. Of course, that course was only the initial stage, but it is often this simple exposition that the beginners often lack.

Free Html Guide - 33 video tutorials on the basics of hypertext markup language. Everything is more than detailed and, most importantly, clearly. Moreover, recently this course is distributed free of charge. In general, I recommend to use as the main addition to my section "Html for dummies."

These lessons cover basic tags, with which you can then easily create tables, insert pictures and hyperlinks into the text, add various forms to the site, and much more. Total 33 free Html videos. More details.

But the video course is a video course, but I must interest you so that you download it and watch it. From general phrases, it is not clear what tags are in the Html language and why do you need to study them. Oh, this is a great and simple thing that will allow you to become the master of your own site. Why do you need a website?

Well, probably, first of all for self-expression and application of efforts, and secondly, This is money. Only the product, and then everyone will hear and run to learn what tags are, make websites and earn everything that only you could earn, well, I am for the company. Therefore, I will continue to speak only in a whisper.

The Internet can be compared to television, where you make your small program (you create a website on tags) and receive income from advertising. The more popular your transfer (Internet project), the more you earn. There is no upper limit, although there is no lower limit either. But to invest money is not necessary, only your work and the time spent studying tags, the engine and, in fact, filling the site with content.

So, tags are the simplest markup elements of a web page so that the browser, when it is loaded from the server, understands how to display this or that element (text, image, video). Previously, the Html language was responsible for the whole thing alone, but then the CSS styles came to him with help and it became much easier. According to him, Popov also has a free video course, which you can download from here.

Guys, when you master the Html tags, you will understand that it was easy. The most important thing is to start and somehow stimulate yourself. I'm not just talking about the financial side. The site can be your main source of income and the whole family will be able to feed on it. Need luck, perseverance and not be afraid to get acquainted with the new.

Tags are different, but not many of them (from those that remained relevant after the implementation of CSS). See how easy it is. Suppose you want to create a paragraph - just surround the text of the future paragraph with opening and closing P tags (this is a Latin letter and it is better to write it in code with a small one, and here I made it capital for clarity). This is how it will look like:

Understand the difference between the opening Html tag (at the beginning) and the closing (at the end)? Well, of course, just added a forward slash after the triangular bracket.

Oh i forgot to say on what grounds does the browser separate the tags (markup) from the main content. You guessed it?

Right it is triangular bracketsin which we enclose them. The browser saw this bracket when parsing the webpage code and realized that it was a tag, and processes everything contained in it according to a certain algorithm (paragraphs are spaced apart from each other, the headings increase the font, etc.).

If you need to use an opening triangular bracket in the text, be sure to do this with the help of special characters used in the Html language so that the browser will understand you correctly. It must be remembered.

Do you know how to create a list in Html? Again, easier than ever. There are two types of list tags — OL (numbered) and UL (bulleted). You enclose the entire contents of the list in one of the pairs of these tags, after which each list item is also enclosed in LI tags. All list is ready.

And if you also use the CSS property List style, then it doesn't matter what type of tags you use OL or UL.

Are the pictures inserted in Html? Well, just admire how everything is simple and fast. There is no IMG closing tag (opening only) at all. This is how it all looks like:

Simply enter the path to the image file, which, as a rule, will live on your server. Got how the path in the tag is written? It is called attribute (in our case, it is src), for which the value will be the URL path to the image file named veb.png.

Html tag examples you may need

Slightly above, I cited articles describing the creation of Html lists and tags that help insert a picture on the site. But this, of course, the whole variety of tags is not limited. See for yourself how many more opportunities they provide.

  1. How to embed images in Html code using the IMG tag is described here and here
  2. What are the tags that are needed to create links (in Html they are called hyperlinks) - here
  3. How paragraphs, headings and line breaks are created - tags P, Br, H1-H6
  4. Bulleted and numbered lists are UL, OL, LI and DL tags.
  5. Tables of varying complexity and nesting are the tags Table, Tr, Td and Colspan, Cellpadding, Cellspacing and Rowspan
  6. Html forms are the tags Form, Input and Select, Option, Textarea, Label and others
  7. Frames Based on Iframe and Frame Tags
  8. Insert video and other media content - Embed and object
  9. Special directives - Doctype and Html comments
  10. How colors are defined in Html and CSS code - Yandex palette and color codes
  11. Text Formatting in HTML - Strong, Em, B, I and Html Fonts
  12. Spaces and special characters (mnemonics) in the Html code - here

What is meta tags

Yes, besides the usual ones in Html, there are so-called meta tags. Their essence lies in the fact that all of them are a META tag (it is single, that is, it does not have an opening one) and differ only in attributes and their contents. Do you know which meta tags are the most famous? Of course, description and keywords.

In the code they can look, for example, like this:

In fact, they contain the description and keywords of the web page for which they are registered. Read more about them in the above article.

Meta tags are written in the code of the web page in a strictly defined place. Do you know which one? That's right, in the so-called “head” of the document, which consists in the opening and closing HEAD tags.

Everything that is written inside them (including the META tags) will not be displayed on the webpage. This is strictly service information. The above description and keywords inform search engines about the content of this web page, and the meta tag given below defines the encoding of the Russian language used in the text.

What are music tags in audio files?

When you played music in the car or on your player (phone), you probably noticed more than once that some kind of terrible cracks are displayed instead of the name of the track and the name of the author-performer. One would assume that the names of the downloaded music files are not written in the encoding of the Russian language.

Renaming the files with the help of Cyrillic transliteration into the Latin alphabet, you still see the unpleasant picture on your player. What to do? And who is to blame for the situation? Oddly enough, the cause is wrong written tags in this music file.

They are sewn directly into an audio file (at its beginning or end) and may contain information about the composition, its author, album, track length, and something else not so important. In the latest incarnations of musical tags, they can even sew up images of disc covers (generally plague).

But the problem arises, as a rule, not in their availability, but in obtaining opportunities to edit them. In the life of every self-respecting music lover, there comes a moment when he is “ready to vomit and toss,” just to bring order to his collection and prescribe tags that are correct and readable on any device. How to do it?

With the help of special software. The tags themselves in audio files appeared for the first time at the end of the last century. For MP3 files, the standard for adding them was called ID3, and for music files that are compressed without loss of quality (like FLAC and the like), the standard for adding tags (metadata) was called Vorbis comment.

WM metadata exists for WMA music recorded in WMA format, and iTunes metadata for Apple MP4 (by the way, I recently wrote how to use iTunes).

So, you can edit tags using special programs. The most popular of them is probably Mp3tag (official website, but be careful when downloading - do not click on an ad that offers to download something completely different). I think that you will find all the other programs yourself, especially since this one will be quite enough for this task.

The tags that in all these cases performed their main role - markup (articles on the site, content on a webpage or meta data in music files) turned out to be so diverse. I hope that now you have fewer questions on this topic.

What are tags?

Tag (in English, pronounced "tag") is a mark or label sign. Translated from English means: label, label, price tag, tag, label, tag.

The tag is an informative identifier that simplifies the categorization of elements (articles, descriptions, data fields) for the formation of the internal structure of the content and more convenient search.

Do not confuse the tag as a tag and the tag as an HTML markup element ((

In modern Russian, the use of the word “tag” applies to two main things:

  1. Tag as an article label or blog entry — used to group and categorize content tagged with the same tag, metadata.
  2. Tag as a hashtag - # tag # tag # hashtag - used on Twitter for message marking, attached to one topic or trend. Created for the convenience of correspondence.

Why bother to use tags on the site, on Twitter, anywhere else?

Well, in general, tags have been used for a long time, for example, librarianship or when categorizing music. Here are the groups for music tags in Windows:

In the “Music” library you can assign specific labels to each composition, indicate the author of the song, year of appearance, album, genre. And then it is very easy to navigate in this variety - no need to put everything in folders, and even several times. Just use the “Dubstep” tag and get all the songs of this genre, no matter what folder they are in.

The same thing happens on the web. There is no need to "push" the record into several categories at once, it is enough to assign the corresponding tags to it and you can always group blog posts into one tag - just like the music on the computer.

In the new blog template of seven bloggers, the tags are hidden as unnecessary, but this functionality refers to the basic functionality of WordPress sites, so there are tags here. For example, here:

Many now "hide" tags outside the site and prohibit their indexing, because in the CMS tags often create duplicate content that is poorly perceived by search engines - they become confused in ranking and relevance. Here, for example, the prohibition of indexing tags in the robots.txt file:

Learn more about how to compile and use robots.txt - read here.

How to use these tags?

As a rule, no one structures the tags, they are expressed simply as keywords that are part of the parent content. Those. these are brief meta-words that partially describe the content of a large amount of content. I will give an example.

Suppose we have a list of records with tags (indicated in brackets):

  • How to fix WordPress (WordPress, instructions),
  • How to install Photo Frame plugin for WordPress (instruction, plugin, WordPress),
  • Gallery plugins for WordPress (plugin, gallery, WordPress),
  • Overview of the most popular plugins for WP (plugin, WordPress),
  • Plugin for WP doesn't work, what to do (plugin, wordpress),
  • Planning and development of the semantic core (seo, semantic core, instruction).

Here is a vivid example of how such tags can simplify life, because I can look at all the records under the labels “instructions”, “WordPress”, “plug-in” at once, depending on the need for information.

You ask how to navigate in a variety of tags? The answer is simple - a tag cloud helps.

Tag cloud is literally a “tag cloud”. I'll show you now.

As you can see, the importance and frequency of the use of a keyword tag are marked by color and font size — conveniently, you can quickly perceive known terms, and also rank their popularity relative to each other in mind.

The tags themselves are provided with hyperlinks so that you can click and make a transition to the overview page, where all the pages linked by one tag are presented.

Such or similar thing can be embedded on the site and the user with a quick coverage of the eye can very quickly understand what this site is about. 5-10 years ago, in the so-called. the era of “Web 2.0” such clouds were very popular to place on the sidebar of blogs and collective sites. In WordPress, there is even a tag cloud widget, but there were other plugins that extend functionality and add dynamism. Now tag clouds are much less common.

Why? Well, because at a certain point there were not just a lot of tag clouds, but a lot of them. Yes, and the utility was not perceived by all users, they say, "not so much an assistant in navigation, I'd rather use the search." So the pioneering sites abandoned the mass tagging and clouds, and after them almost all the clouds abandoned. Flikra developers even apologized to users for tag clouds on the site. Strange guys.

Well, the problem was immediately clear. Since there are no clear rules on the Internet for writing tags and the formation of tag clouds, on different sites such clouds are obtained differently - often ineptly. There is even a “tag blindness”, due to which a mini-meme “nobody reads tags” appeared. The bottom line was that almost no one reads them (especially if there are a lot of them) and you can fool around this way.

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

Посмотрите например сравнение речей и часто употребляемых слов в речах президентов США.

И если в интернете стали реже употреблять теги и помечать записи метками, то научной среде без такой функциональности порой никуда. An example is Zotero type bibliographic software for creating notes. Yes, even easier, closer to real life, the tags are in the advanced notebook OneNote or Evernote.

What other tags are: triple, hashtags, knowledge tags

There are also special types of tags that are not used on websites, but in other systems for organizing and publishing content.

Machine triple tags use a specific syntax, making them more informative for better processing by computer programs. For example, the geo tag “geo: long = 55.574847” consists of three parts: name, predicate, and value. The development of this type of tag got its name - geotagging. Similar tags are used in biology and photo content.

The hashtags (read as "hashtags") are metadata starting with a hash or lattice - "#". Used in microblogging (Twitter) and social networks: Facebook, Vkontakte, Instagram.

Knowledge tags are more complicated. This is meta-information that describes a number of aspects of information (documents, tables, images, pages). In this case, tags are profile cards in which specific background information is filled in: description, semantics, classes, comments, hyperlinks, etc.

They are designed to inventory, classify, and organize groups of information according to specific templates — for easier management of knowledge, so to speak. A great example of this kind of scientific tagging is Wikipedia.

Those. This is a kind of inventory of information, among other things, pointing to the hub pages in the data warehouse, where similar information is contained about other research subjects.


Such tagging, or labeling / tagging, is an excellent tool for classifying large data systems, as can be clearly seen in the example of Wikipedia classifiers and templates. The tool helps to identify class or group affiliation, indicate boundaries and dates, and determine identity — if required by the library of knowledge.

A tag can appear in the form of a picture, word or other label that is understandable for a person (and in computer systems, for a machine), which will help in identification. Tags were used in the real world and before the arrival of the Internet — for example, in topography or museum work to classify objects, make information connected, and easy to navigate.

And now tags are massively used when users create all kinds of content. Of course, such tagging is methodically inferior and inferior in quality to tagging systems with a clear methodology. But this is a matter for users - whoever needs it, he will develop his own methodology for applying tags to posts in Evernote or his own blog. And who does not need - well, it means not needed. That's what user content is for.

This is probably all. To hell with the tags. Fall has come! 🙂

# 1: Tagging by keyword or phrase

The service will select and provide you with a ready list of tags for YouTube, separated by commas (and line by line), which will be thematically close to the main keyword you specified. From the resulting list you will only have to select what exactly relates to your video and choose the most popular ones (the closer to the top of the list - the more popular).

# 2: Getting the tags for specific Youtube videos and channels

The service will provide you with a list of tags that are used in the video and keywords from the channel descriptions, which you will link to in the form below (you can specify up to 5 links at a time). Tags are provided in the same order in which they were originally listed on the video or channel, if you would like to sort them, for example, alphabetically, use our online text processing service.

# 3: Keyword Collector from YouTube Tips

When you type something into the search line on Youtube.com, hints to the text you just entered are instantly displayed - these are popular keywords that all YouTube users often type in the search. Our service will collect for you all the options for these hints and provide them with a general list in 2 formats: line by line and comma separated. Enter the keyword or phrase in the field below (up to 3 words separated by a space).


Service # 1 is a tag generator?
No, this is not a generator. The service does not invent tags by itself, it takes a list of popular videos that are already in the YouTube top for the keyword you specified, collects all their tags, counts their popularity, and gives you a ready list of tags, sorted in descending order of popularity.

Tired of manually checking the position of my videos in the search on Youtube, can you create a service for this?
To check the positions of the video in the search for YouTube by keyword, there is already an excellent service that I myself use. Better than this service, I definitely can not do, infa 100%, everything is too cool and beautiful there.

How to watch tags from someone else's YouTube video manually?
Open the YouTube page with the video of interest in the browser, open the "source code" of this page, do a search for "og: video: tag" there, here are all the values ​​found in the "content" field next to "og: video: tag" - These are tags of this video.

How many tags should a video have?
Opinions about the optimal number of tags vary greatly, no one knows for sure any exact data. Personally, I usually specify the order of 15-20 tags to each video, choosing the most popular of those that exactly fit my video for the meaning.

Where / where to add tags to the video?
Tags should be inserted, separated by commas, in a special field for tags in the interface on YouTube, it is located right below the "Description" field:


Commonly used paired tags - opening, or elementaryand closing, or finite. It is also possible to use single tag. For example, a paragraph indent tag can form a paragraph between tags.

or in a single form until the next first tag

Tag with empty text: inserts a gap of text without indenting, you can also use a special form of recording the tag -.

The set and recommended tag interpretations are defined by the W3C organization.

In SGML, you can assign other characters to frame the tag (for example, curly braces), but in some subsets of this language (for example, HTML and XML) this is not possible.

In addition, there are different systems of subset languages ​​with fewer features. For example, BBCode markup language is used in web forums and message boards, the tags of which are limited to square brackets: [].

For example, [url = "http://ru.wikipedia.org"] Russian Wikipedia [/ url] - link in the BBCode language, pointing to the Russian Wikipedia page [5].

All text between the start and end tags, including the tags themselves, is called element. The very text between the tags - element content. The content of the element may include any text, including other elements.

Attributes Edit

A tag can have properties called attributes, giving additional text formatting options. They are written in the form of a combination: the name of the attribute-value, and the text values ​​are in quotes.

For example, you can select a piece of text in a specific font, using a tag and specifying the font name and desired size in this tag: the text to be printed.

Item Type Edit

Tag name defines type of an item. In HTML, a tag name defines only a markup rule, so the tag name is “i” (for example Italic text ) determines that between the tags is the text that should be displayed in the browser in in italic tracings XML is a more flexible standard. Tag names are not strictly regulated in it: users can enter and use new tags for their needs (see XML).
For example, we can determine for ourselves that by the element with the tag name “person” we define type of This XML element is like last name first and middle name. And let's say, year of birth, as part of the information on this person:

Ivanov Ivan Ivanovich 1984

You can even specify further in CSS tables that all tags

will be a certain color. HTML:

Thus, HTML is an unstructured text, and XML is a document with a hierarchical structure, which makes it possible to process the document: data transformation, search for the necessary document elements, etc.

Element structure Edit

In SGML and languages ​​based on it (HTML versions 2-4.01, languages ​​of the XML family, etc.), elements must be strictly nested into each other, the “overlap” of elements is not allowed [6]:

A common misconception that SGML and HTML allow "overlapping" of elements is based on the standards [7] that violate the standards of older versions of browsers that tried to "correct" markup errors using their own algorithms.

However, SGML (and HTML) allow the use of a number of abbreviated syntactic constructions, including optional (optional) closing and even opening tags (automatically completed when parsing a document based on a specified document outline and current context). In XML, on the contrary, all tags must be open and closed explicitly, which greatly simplifies the algorithm for parsing it and reduces the hardware requirements for it.