La balise audio et le sous-titrage

Atul Varma. Il vit à San Francisco et bosse pour Mozilla.

À l'instar de Bruce Lawson il utilise pour l'affichage synchronisé des sous-titres l'attribut data- d'HTML5. En gros, cettte nouvelle fonctionnalité permet de transmettre des données (invisibles pour les humains) à des scripts. Sa démo en ligne est épatante (il y a un lien en bas de page pour faire apparaître/disparaître les sous-titres). Jetez ensuite un œil sur le code source, vous allez comprendre immédiatement comment ça fonctionne.

les balises audio et vidéo : les sous-titres et l'accessibilité

HTML5 allant remplacer les solutions propriétaires pour l'affichage des contenus multimédia, les API sortent petit à petit. La preuve en est ce jCaps, un petit plug-in de JQuery pas vraiment fini, pour aider les webmestres feignasses ou incompétents à faire de l'audio et de la video sans peine.

Microsoft et SVG : un pas en avant

Dans mon article publié il y a 1 mois j'expliquais doctement pourquoi Microsoft boudait SVG.

Après avoir lu mon article la direction planétaire de Microsoft, sans me remercier — notez-le — vient de décider de rejoindre le groupe de travail du W3C.

Patrick Dengler, Microsoft responsable de l'équipe Internet Explorer, a rejoint le groupe de travail. Si Microsoft s'était engagé dans le groupe HTML5, son refus de s'impliquer dans SVG était une source majeure d'inquiétude pour le W3C :
« Nous reconnaissons que les graphiques vectoriels sont une composante importante de la nouvelle génération de plate-forme Web. Comme le démontre notre engagement continu au sein des groupes de travail du W3C, nous nous sommes engagés à participer au processus de normalisation pour assurer un avenir certain à HTML5. Notre participation au groupe de travail SVG appuie cet engagement ».

L'annonce, c'est en anglais et dans cet article :

Microsoft joins SVG work group

Semantic checker

Semantic Checker est une extension de Firefox qui évite aux référenceurs de regarder sous les jupes des pages Web.

On peut aussi bien se débrouiller avec l'extension Web Developer mais ce qui a de bien avec celle-ci c'est qu'elle prend en compte les balises HTML5.

Le lien vers la page de son auteur : Nico Steiner.

HTML5 et ses API

Moi qui doit relire 3 fois un article technique pour le piger, celui-là est rentré d'un coup d'un seul.

Applications web, stockage des fichiers, gestion du mode hors-ligne...HTML5 regorge de nouvelles fonctionnalités autour des nouvelles API et du DOM :

Les API de communication HTML5 vont résolument libérer le navigateur de ses chaînes historiques, en lui permettant d'établir de véritables connexions TCP vers des serveurs externes.
C'est tout un nouvel écosystème qui s'ouvre là, et la course à l'armement s'annonce frénétique. En effet, il y a un maintenant un marché énorme pour l'implémentation en Javascript de clients pour les principaux protocoles fonctionnant au-dessus de TCP : RSS, SMTP, POP, JMS, IRC, XMPP, STOMP...
Si javascript, que l'on a cru enterré il y a quelques années, avait été ressuscité par Ajax, il va maintenant s'imposer comme un langage de tout premier ordre grâce à HTML 5.

Plus que lisible, parfaitement rédigé et très didactique, c'est Olivier Croisier qui l'a pondu et je vais lui faire une belle ancre :

Comment les API HTML5 vont changer le Web

Real time SEO

Comment Optimiser le Référencement de son Contenu Twitter (SEO) ?

Twitter a t il un impact sur le SEO ? - robot animé des années 50

Article superbe de SEO, Adsense et Referencement. L'impact de Twitter sur le référencement et l'optimisation de ses Twitts pour le référencement.

Quelques points pour optimiser son contenu Twitter pour la visibilité temps réel,
notamment pour les SERPs Google :

  • Le Contenu est toujours roi , un bon contenu est retweeté: Faites du contenu Retweet Ready.
  • Optimiser votre compte twitter avec les fondamentaux du SEO qui restent d’actualité :
  • la présence des mots clés dans vos Tweets individuels
  • La position des mots clés dans vos Tweets: nécessairement au tout début du Tweet.
  • La présence des mots clés qui vous définissent dans la bio Twitter qui fait office de Meta Description dans les SERPs traditionnels
  • Faites du contenu “Semantic Ready” avec les #hashtags .
  • La position du terme RT sera plus efficiente pour votre SEO quand elle sera intégrée à la fin du tweet et non au début (cf point 4)
  • Il faut vous spécialiser : devenir référent sur un thème précis.Google définira des référents sur des thèmes précis (cf vidéo de Marissa Mayer)  .
  • Followez et faites vous Followez ( cf mon billet 20 conseils pour augmenter votre nombre de followers) : Linking interne à Twitter.
  • Engagez des conversations avec des twittos “influents” notamment lorsqu’ils abordent vos thèmes d’expertises.
  • Privilégiez la publication directe sur Twittter (web ou client) sans passer par des services web tiers pour éviter le duplicate content : Twitpic,FriendFeed,Facebook,etc…Un contenu publié via Twitpic peut concurrencer votre contenu republié sur twitter .Il est utile de publier uniquement la photo par exemple puis publier le contenu sur Twitter et y inclure le lien illustratif de la Twitpic.
  • Google semble aussi privilégier des tweets avec des liens vers des sites référents .
  • ...

La suite ? c'est chez SEOman