Can you please tell me the phrase after the vertical line is already a description ? or how to understand?
2 answers
The use of such a separator in some cases is much more efficient than using the usual comma. This technique should be used only in justified cases, and not massively throughout the site.
In this case, it is advisable not to put more than two delimiters, since search engines can count a title with a large number of "|" for spam - a simple listing of keywords.
There is an opinion that "|" is one of the so-called "stop-symbols", which is undesirable to use in the title from the point of view of SEO-optimization. However, this is not proven.
In detail: here
Tittle - determines the title of the document, that is, it is displayed in the tabs menu of the browser. If you need to specify a description for the page, then like this:
<meta name="description" content="Содержимое мета-тега «description»"> 