Is there any way to make markup on the site so that the search engine (Yandex, Google) forms such a snippet?

I know that this can be done with the help of bread crumbs, but I don’t understand what it is and how to make them on the site.

enter image description here

  • one
    These crumbs are like traces to the very last item. By analogy, when on the run bread crumbs pour along the trajectory of motion. On the page, you can declare links to other documents using the link tag. If you set the rel attribute of this tag to the value of prev or next , you can guess what it is following. Probably googl on this attribute and draws bread crumbs - Sergey

2 answers 2

Try applying structured data markup for a breadcrumblist :

 <ul itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://example.com/dresses"> <span itemprop="name">Dresses</span></a> <meta itemprop="position" content="1" /> </li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://example.com/dresses/real"> <span itemprop="name">Real Dresses</span></a> <meta itemprop="position" content="2" /> </li> </ul>

The link / page also contains options for RDFa + JSON-LD .

    Example to comment

    p1.html

     <html> <head> <link rel="next" type="text/html" href="p2.html"/> <title>laboard</title> </head> ...

    p2.html

     <html> <head> <link rel="prev" type="text/html" href="p1.html"/> <link rel="next" type="text/html" href="p3.html"/> <title>Россия</title> </head> ...

    p3.html

     <html> <head> <link rel="prev" type="text/html" href="p2.html"/> <link rel="next" type="text/html" href="p4.html"/> <title>Москва</title> </head> ...

    Etc. in the same vein

    • You interpret these attributes absolutely wrong . They should be used exclusively for pages divided into many parts. Suppose if you are writing a forum, then you are unlikely to keep all messages on the same page - you use pagination, and that’s where you need rel="next" and rel="prev" to link the discussion pages. In Google help chewed up the use of these attributes in detail. - neluzhin
    • @terron Either we have a different googol, or I am a fool, or one of two things, but my googol treats your googol in exactly the same way as I do. So do not stir up the water here. - Sergey