30
Semantic Search wants Structured Data! (#smx #13A) Dal web dei Documenti e Dati al web delle Informazioni e delle Entità

Smx Milano 2014 Semantic SEO with Schema.org

Embed Size (px)

Citation preview

Semantic Searchwants Structured Data! (#smx #13A)

Dal web dei Documenti e Datial web delle Informazioni e delle Entità

DatiDescrizione Elementare spesso codificata, di una cosa, di una transazione, di un avvenimento o di altro

Dati

Informazioni

Dati

Informazioni

Scopo dell’Elaborazione delle Informazioni:

“Ridurre Incertezza” e “Ridurre Ambiguità”

Dati

Informazioni

Le Informazioni devono essere:

Disponibili

Consistenti

Inequivocabili

Affidabili

Dati

Informazioni

Alle Informazioni si possono attribuire:

Proprietà (persona, animale, o cosa)

Caratteristiche (dimensioni, peso, nome, razza … )

Connotazioni (aspetto, particolarità, attributi … )

Localizzazione (Continente, Paese, Città … )

Dati

Informazioni

Entità

http://schema.org/docs/full.html

Why Use Microdata?

Your web pages have an underlyingmeaning that people understandwhen they read the web pages.

But search engines have a limitedunderstanding of what is beingdiscussed on those pages.

Why Use Microdata?

By adding additional tags to the HTML of your web pages … you can help search engines and otherapplications better understand yourcontent and display it in a useful, relevant way.

Itemscope & Itemtype<div><h1>Avatar</h1><span>Director: James Cameron (born August 16, 1954)</span><span>Science fiction</span><a href="../movies/avatar-theatrical-trailer.html">Trailer</a>

</div>

“To begin, identify the section of the page that is "about" the movie Avatar. To do this, add the itemscope element to the HTML tag that encloses information about the item, like this:”

Itemscope & Itemtype<div itemscope><h1>Avatar</h1><span>Director: James Cameron (born August 16, 1954)</span><span>Science fiction</span><a href="../movies/avatar-theatrical-trailer.html">Trailer</a>

</div>

By adding itemscope, you are specifying that the HTML contained in the <div>...</div> block is about a particular item.

But it's not all that helpful to specify that there is an item being discussedwithout specifying what kind of an item it is. You can specify the type of item using the itemtype attribute immediately after the itemscope.

Itemscope & Itemtype<div itemscope itemtype="http://schema.org/Movie"><h1>Avatar</h1><span>Director: James Cameron (born August 16, 1954)</span><span>Science fiction</span><a href="../movies/avatar-theatrical-trailer.html">Trailer</a>

</div>

ItempropWhat additional information can we give search engines about the movie Avatar?

Movies have interesting properties such as actors, director, ratings.

To label properties of an item, use the itemprop attribute.

For example, to identify the director of a movie, additemprop="director" to the element enclosing the director's name.

Itemprop<div itemscope itemtype="http://schema.org/Movie"><h1 itemprop=“name”>Avatar</h1><span>Director: <span itemprop=“director”> James Cameron</span> (bornAugust 16, 1954)</span><span>Science fiction</span><a href="../movies/avatar-theatrical-trailer.html” itemprop=“trailer”>Trailer</a></div>

This specifies that the item contained in the div is in fact a Movie, as defined in the schema.org type hierarchy. Item types are provided as URLs, in this case http://schema.org/Movie

http://schema.org/Person

Nesting Properties<div itemscope itemtype="http://schema.org/Movie"><h1 itemprop=“name”>Avatar</h1><span>Director: <span itemprop=“director”> James Cameron</span> (born August 16, 1954)</span><span>Science fiction</span><a href="../movies/avatar-theatrical-trailer.html” itemprop=“trailer”>Trailer</a></div>

<div itemscope itemtype=http://schema.org/Movie><h1 itemprop="name">Avatar</h1><div itemprop="director" itemscope itemtype=http://schema.org/Person>

<span>Director: <span itemprop="givenName"> James</span> <spanitemprop="familyName">Cameron</span> (born August 16, 1954)</span>

<meta itemprop="birthDate" content ="1954-08-16" /></div>

<span>Science fiction</span><a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a></div>

Prima…

Dopo…

http://www.google.com/webmasters/tools/richsnippets

Meta Tags with Content

“Sometimes, a web page hasinformation that would be valuable to mark up, but the information can't be marked up because of the way itappears on the page.”

http://schema.org/docs/gs.html#advanced

This technique should be used sparingly. Only use meta with content for information that cannot otherwise be marked up.

Come ProcedereAlcuni consigli pratici

Sviluppare un modelloPuoi utilizzare Schema per qualsiasi tipologia di sito

(Travel, Ecommerce, Legale, Produzione, Adult Entertainment…)

Hotel Proprietà

Caratteristiche

Brand

Location

# stelle

Piscina

News &Eventi

Immagini

Immagini Artista/Produttore

Location

Website

Genre

Proprietà

Brand

Location

About

Header

Footer

SidebarMainContentofPage

Provare e provare di nuovo!Ci vogliono diverse iterazioni per arrivare ad un modello accettabile e

che funzioni con il tuo CMS.

Devi essere meticoloso! Più contenuto riesci a fare markup e meglio è!

Sante J. Achille

• Ingegnere che si occupa di web dal 1994 (quando lo scoprì).

• Ha analizzato/ottimizzato/posizionato molti siti (grandi, piccoli di PMI e multinazionali) in 20 anni di attività professionale

• Offre servizi SEO & ADWORDS Multilingua avvalendosi di un network di Professionisti internazionali

• Ama proverbi e le usanze popolari

• Il suo motto preferito: Why Be Normal?

• Sogna un mondo in cui tutti pensano …

https://www.google.com/search?q=sante+j.+achille

Ulteriori Informazioni:

e

https://www.evernote.com/pub/sjachille/cv

@sjachille