Geek asks and answers

Multiple object on the same page as rel = canonical URI

EDIT: This question is quite long, including some examples of what I was looking for. I found the answer (see below), something like this exists, and you can read all about it on schema.org .

I would like to be able to attach certain bits of semantic information to several different elements on the same page. For example, on my page there is a list of songs that looks something like this:

<div class="song">
    <img src="cover-art-image" />
    <p>Description on image</p>
    <a id="..." href="link-to-song">View song</a>
</div>
<div class="song">
    ...
</div>

Now I would like to display semantic information about these objects (in this case, songs), so we include semantic data in tags <meta>on the actual page of the song (along with <link rel="author" ...>etc.).

So, I’m wondering what is the best way to communicate (with search engines, JavaScript bits, or in our case with a browser plugin), that a link "View song"is a URI that uniquely describes a semantic object (metadata and that's it).

I read about usage link rel="canonical", but as far as I can tell, it is intended to be used in the title to describe the current page (or to tell the search engine that the canonical representation is the current page), while I would like to tell what we want to describe under -object displayed on the current page. So, in an ideal world, I would write something like:

<div class="song">
    <img ... />
    <p> ... </p>
    <a href="link-to-song" rel="canonical">View Song</a>
</div>

, href (.. ) HTML node. , rel="canonical": - , (.. ), ?

, " -" ​​? , rel="canonical" ( , , ).

, , -

<a href="..." rev="summary"> ... </a>

, , - , - , "", "DOM node, , - ...".

EDIT: , ( , ), , - ​​, URI, . , , , . <link rel="author"...> , , , ..

EDIT: , ,

<link rel="canonical" href="..." />

<head> ( ), URI. , , <head>, ( ) . , ( DOM node, ). ( ), , :

<html>
    <head>
        <link rel="canonical" href="/canonical/representation/of/this/page.html" />
    </head>
    <body>
        <div id="item1">
            <a rel="canonical" href="/canonical/representation/of/item1.html" />
            <p>Some local description of item2</p>
        </div>
        <div id="item2">
            <a rel="canonical" href="/canonical/representation/of/item2.html" />
            <p>Some local description of item2</p>
        </div>
     </body>
</html>

/canonical/representation/of/item1.html (, Open Graph):

<html prefix="og: http://ogp.me/ns#">
    <head>
        <meta property="og:title" content="Some title" />
        <meta property="og:type" content="music.song" />
        <meta property="og:url" content="/canonical/representation/of/item1.html" />
    </head>
    <body>
        <!-- User-facing content of the page -->
    </body>
</html>

, rel=..., , , ( , ) , (, , , DOM node, ).

+3
2

, , Microdata​​strong > . , <canvas>, , HTML5 () JavaScript API ( Opera , - ).

, , , Google, Bing Yahoo! schema.org, ( ).

+2

, , , , . , . :

<a href="" class="song">
    <img ... />
    <p> ... </p>
</a>

, ; http://html5doctor.com/your-questions-15/.

0

More articles:


All Articles