background preloader

Microdata et microformats

Facebook Twitter

JSON-LD : la révolution sémantique des microdonnées - Woptimo. Nous vivons dans un monde où la sémantique est devenue omniprésente, que ce soit dans les accessoires pour la domotique, les interfaces homme machine (IHM) ou encore dans les systèmes de traduction automatisés.

JSON-LD : la révolution sémantique des microdonnées - Woptimo

Même les moteurs de recherche comme Google ou le frenchie Exalead surfent sur la vague. Le dernier algorithme de Google, Hummingbird, s’insère doucement mais sûrement dans les résultats de recherche : [Slides] Tirer profit du Knowledge Graph pour le SEO - BWSEO - Aymen Loukil.   Google Developers. The core of the Google Search mission is about organizing information and making it useful and accessible.

  Google Developers

As a result, people can discover and engage with your content quickly and easily. Conventional Search results appear as the “blue links” with text-based snippets that provide a written preview of the content on your site. An organized search experience As users' devices and context evolve beyond the desktop into the world of mobile devices and everyday tasks, Google Search is also evolving by providing rich search results that support users beyond the desktop: from making a reservation, to calling your business’s customer service number, to selecting the perfect chocolate cake recipe while at the grocery store.

Through the Google App, we deliver information to users even before they query, helping them to re- engage with your content in moments that matter. WebPage - Schema.org tutorial. <<PreviousNext>> Introduction In this page we have discussed WebPage type of Schema.org in detail.

WebPage - Schema.org tutorial

Hierarchy Thing > CreativeWork > WebPage Description. HTML5 – Microdata : quelques exemples - Référencement. Microdata reste très méconnu malgré ses quelques années d’existence maintenant.

HTML5 – Microdata : quelques exemples - Référencement

J’en avais déjà parlé il y a de cela 3 ans sur différents blogs spécialisés. Depuis, les choses n’ont pas beaucoup changé : il reste très rare de voir du microformat, notamment microdata en place sur un site web. Les microformats Un peu d’histoire Difficile de trouver une date précise, mais il semblerait qu’ils existent depuis environ 2003 avec l’arrivée de XFN, et prennent des formes variées. HTML5 - Les métadonnées (Metatags) - Trucsweb.com.

· Niveau : DÉBUTANT· Compatibilité : Tous les navigateurs Les métadonnées s’accorde parfaitement avec l’aphorisme d’Alfred Korzybski « Une carte, ce n’est pas le territoire » (A map is not the territory).

HTML5 - Les métadonnées (Metatags) - Trucsweb.com

Les métadonnées, c’est la carte! Le territoire, l’information. Et pourtant on commence à peine à les utiliser. Il n’est pas rare de tomber encore en 2014 sur une page sans métadonnées, à peine un titre. Google n’a jamais été un grand amateur de balises et de métadonnées. Les métadonnées ne servent pas seulement aux moteurs de recherche. Parlant d’initiatives, les « Metatags Dublin core » sont quant à eux utilisés depuis 15 ans. Quelques règles : Toujours commencer par le « DOCTYPE » si les navigateurs les ont toujours ignoré, le « DOCTYPE » permet aujourd’hui au navigateur de distinguer le type d’interprétation, XHTML ou HTML5 par exemple.

Métadonnées de base HTML5 Beaucoup plus simple et moins strict que le XHTML, le HTML 5 a tout de même trois balises d’en-tête obligatoire : Mobile width. Documentation - Twitter Bootstrap SEO, microdata and performance. Introduction This project was started with clean development, SEO and performance in mind.

Documentation - Twitter Bootstrap SEO, microdata and performance

First of all, we wanted to separate Bootstrap 3 layout from our HTML source to get rid of the mix-up of data with presentation code.Secondly, we wanted our data to be structured and semantically meaningful to search engines.Third, we wanted it all to be really fast. The result is shown in this website. The HTML source code is structured with microdata elements from Schema.org only, while the resulting DOM view is rendered with client side Mustache templates based on Bootstrap 3. It is not just really speedy, but it serves your HTML to search engines just the way they like it. What's in the box? Before we start: we assume that you have some background in working with jQuery and Bootstrap 3. The Paradax source code on Github contains the following libs.

Furthermore, there is plug-in for Hogan and RequireJs, a RequireJs optimizer file and even a Node.js build script. Schema-org Guide for Beginners (Everyone Can Understand!) + Schema Cheatsheet. With ever-changing search and social world, it’s hard to keep up.

Schema-org Guide for Beginners (Everyone Can Understand!) + Schema Cheatsheet

For many people, Schema.org is kind of over the head… Having answered a couple of questions here and there, I decided to put what I know in writing. I hope it will help! Let’s start with the easiest: What is Schema.org? Schema.org is NOT a markup language or a protocol; it’s the collection of Microdata markup vocabulary explained and organized on the official site. Schema.org is officially supported by Google, Bing, Yahoo! How do I use Schema.org? Now, let’s take a look at this very basic, yet (hopefully) easy to understand document that explains how to use the structured markup. Structured Data Testing Tool