Générateur de profil enrichi v0.6
rich snippets for my ID : 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
Cet outil sert à générer le code HTML d'un profil personnel. Les informations sont écrites en HTML et enrichies avec plusieurs registres de métadonnées (microformats, microdata, RDFa, Open Graph). Cette couche sémantique est appréciée des moteurs de recherche et permet une meilleure indexation des profils : vous pouvez utiliser le code pour faire des cartes de visite en ligne, votre CV, un e-portfolio. Vous pouvez également vous inspirer du code pour construire en PHP/SQL un trombinoscope, un annuaire, une liste de personnalités, etc.
Il s'agit également d'un exercice pédagogique cherchant à montrer la correspondance entre plusieurs langages formels, la stratégie de standardisation des auteurs de ces langages (W3C, Google, Facebook) et le potentiel applicatif du web sémantique. Les langages manipulés sont présents chez Google (tous services confondus), Yahoo!, Microsoft, Twitter, LinkedIn, Facebook, Tumblr, Flickr, Foursquare, WordPress, et encore beaucoup d'autres services web...
Résultats
Attention !
Publier sur le web votre adresse de courrier électronique, votre n° de téléphone ou vos identifiants de
messagerie peut donner lieu à des abus.
Code ctrl-a + ctrl-c pour sauvegarder et ctrl-v pour récupérer le code ... ou bien...
Aperçu
Mode d'emploi
- Vous pouvez tester ce code avec le Google Structured Data Testing Tool
- Vous pouvez copier le code source ci-dessus et le coller sur l'une de vos pages (ou dans un widget)
- Vous pouvez utiliser la feuille de style de l'exemple hcard.css
TO-DO LIST
- 0.1 :
Faire le générateur : formulaire + code-source + aperçu - 0.1.1 :
Rajouter OpenID[+ correction mineures] - 0.1.2 :
rajouter Date de naissance birth-date et birthDate - 0.1.3 :
Alimenter le<head>avec les espaces de noms, et les balises<meta>et<link> - 0.2.1 :
Proposer une racine<body>ou<article> - 0.2.2 :
Choix parmi les spécifications : microformats & microdata OU RDFa & OpenGraph - 0.3 :
Simplifier le Javascript - 0.4 :
Mise en forme CSS - 0.5 :
Ajout de microformats2et correction bugs mineurs - 0.6 :
Geocoding (via GoogleMaps) : LAT & LONG - Iframe pour l'aperçu ?
- Choix parmi les cartes GoogleMaps ou OpenStreetMap
- Possibilité de rajouter d'autres URL
- Possibilité de télécharger le fichier RDF : génération javascript de fichier à la volée
- Possibilité de télécharger le fichier VCARD : source h2vx.com/vcf/
- Traduction EN / IT / ES / DE
- Rajouter Twitter Cards
Ce générateur permet de construire un profil identitaire enrichi en métadonnées.
Il est basé sur hCard-Creator
+ XFN Creator + Schema-Creator + RDFa-Card + FOAF-a-matic RDF File generator
Ce formulaire n'enregistre aucune donnée, ni cookie ni sauvegarde dans une base de données.
Un outil proposé par Julien Pierre dans le cadre du cours Langages du web - Master Médias
Numériques, Université de Grenoble - Alpes