INTERVIEW : Olivier Andrieu (Abondance) SEO Campus Interview d’Olivier Andrieu d’Abondance lors de notre séminaire SEO Campus 2010. L’interview a été réalisé par Hedi Smida et le montage par Rudy Guillerm de Synerg’Hétic, la junior entreprise de l’école web HETIC. Les questions posés : Comment voyez-vous l’évolution du métier de référenceur ? > Suite avec David Degrelle de l’agence 1ère Position < Voir aussi l’interview de Philippe Yonnet, ancien président du SEO Camp Marquer le permalien. ou laisser un trackback.
The following are the possible ways to create professional animations in SVG: – Medium Export your SMIL animations from a graphics application. The standard way to produce SVG animations with SMIL is to create them in applications like Adobe Animate CC and similar others (see the section below for a list), and then using plugins like Flash2svg to export them in SVG. The Flash2svg add-on, created by the very talented Tom Byrne, is a marvel. With it you can export from Adobe Animate CC almost all animations+sound as a single self-contained SVG file. If you need to use the SVG animation for cartoon editing or video production, you can then import the resulting SVG file in your editing software, for example Adobe After Effects. If you need to use SVG animations on the web, being SMIL not supported by all browsers, you should add a polyfill to your web page. Demo page without the smil polyfill: And the same page with the smil polyfill:
Are You Ready for Auto SEO? No, I don't mean that search engine optimization will happen automatically. I am asking if you have considered what the world will be like in the not-too-distant future, when a big chunk of searches will be executed from your customers' cars. Perhaps this strikes you as a bit too much Buck Rogers, but many people thought we wouldn't be searching for things from cell phones not too long ago. The technology is arriving and it's not too soon for marketers to start thinking about how it will change their businesses. If you don't believe that this technology is coming, just take a look at the Ford Sync. There are many reasons that car manufacturers will want to build connected cars, many reasons why consumers will want them, and every reason to expect that what we do on computers and on phones will begin to happen in our cars also. At first, it might seem the same as every other mobile marketing opportunity, and in some ways it is. You can do some of these things now with a GPS system.
The Fall and Rise of SVG SVG certainly crashed and burned before it rose like a phoenix from the ashes… Sometime in 1998, a former co-worker who had gone to work at Adobe came by my office at Bertlesmann to inform me of a brand new technology that she knew would excite me: PGML, or “Precision Graphics Markup Language.” This was the Adobe flavor of XML for Vector Graphics. As Jon Warnock put it at the time: “The PGML proposal solves a growing need for a precise specification that enables members of the Web community to readily and reliably post, control and interact with graphics on the Web.” I fell for it, hook, line and sinker, and ever since that time, I have followed the standards for XML-based vector graphics closely. Completely obvious in the year 2000 What made SVG so cool? Yet there was an added dimension to the coolness: unlike PostScript, SVG was expressed as declarative markup in a standard markup meta-language, XML. …in a text file, save that file, then load it into a browser and see the result.
Vidéo : Référencement et accessibilité, des méthodes qui convergent Par Sébastien Billard, 3/02/2011 :: Accessibilité et standards :: #628 :: rss Les vidéos de Paris Web 2011 sont en ligne ! Ci-dessous la présentation que j'ai faite lors de cette édition sur le thème de la convergence entre SEO et accessibilité. Asseyez-vous confortablement, la vidéo dure près d'1h30 ;) [Atelier] Référencement et utilisabilité [...]envoyé par parisweb
Guide des animations SVG (SMIL) Armez-vous de courage, voi ch'entrate... Voici le fameux guide de Sara Soueidan, pour tout savoir sur les animations SVG avec SMIL. Les animations SMIL permettent des choses impossibles avec CSS. Par Sara Soueidan Introduction de Chris Coyier : Sara a le don de plonger au coeur des fonctionnalités du web et de nous les expliquer à nous autres, simples mortels. Note du traducteur épuisé : guide épique s’il en est, et qui peut paraître ardu, surtout dans ses premiers paragraphes. Généralités Les graphiques SVG peuvent être animés au moyen d’éléments d’animation. <animate> - qui vous permet d’animer des attributs et propriétés scalaires sur une période de temps donnée. En plus des éléments d’animation définis dans la spec SMIL, SVG inclut des extensions compatibles avec ladite spécification. <animateTransform> - vous permet d’animer l’un des attributs de transformation SVG dans le temps, comme l’attribut <transform>. Pourquoi utiliser les animations SVG? //SVG <rect id="cool_shape" ...
Référencement Google : les changements actuels (usines à contenu, plagiat, MayDay) Par Olivier Duffez, Lundi 31 janvier 2011 Suite à la pression issue des blogs et des forums, faisant état d'une dégradation de la qualité des résultats Google, le responsable de la lutte contre le spam Matt Cutts a publié un article dans blog officiel de Google. Il indique qu'après les changements d'algorithme de 2010 (MayDay), son équipe s'atèle à d'autres travaux visant à améliorer la pertinence des résultats. Il a clairement ciblé les sites de type "usine à contenu", les assimilant donc à des spammeurs. Est-ce simplement un effet d'annonce pour tenter de calmer les critiques ? Revenons un peu en arrière, avec quelques exemples de changements d'algo Google que j'ai relevés du printemps 2010 à janvier 2011... MayDay et long tail En 2010, Google a modifié 2 ou 3 fois son algorithme en ciblant spécialement les requêtes de type longue traîne. Vous trouverez mes explications sur ce changement dans mon article sur MayDay. Les fermes de contenus (usines à contenu) Exemples de fermes de contenus
Animer un SVG avec CSS Chris Coyier s'est amusé à créer une petite animation SVG en CSS, sans passer par des bibliothèques compliquées. C'est fait maison, simple, efficace et expliqué de façon claire comme toujours. Par Chris Coyier Il existe plusieurs façons d'animer une image svg, depuis la balise animate jusqu'aux bibliothèques comme Snap.svg ou SVG.js. Nous allons essayer autre chose ici, en utilisant SVG inline (c'est à dire le code SVG à l'intérieur de notre HTML) et en animant les parties de l'image avec CSS. Je me suis amusé avec ça dernièrement, Wufoo souhaitant rafraîchir le graphisme de ses pubs sur CSS-Tricks. La démo finale est ici. NdT : Pour une introduction générale à SVG, vous pouvez consulter l'excellent article de Chris Coyier Utiliser SVG. 1. Ça va ressembler à une leçon de dessin sommaire, mais notre objectif étant l'animation, nous allons passer sur le reste vite fait. Faire sauter les lettres dans la page. J'ai mis tout ça sur Illustrator : 2. 3. 4. 5. Fade in/out des mots 6. En anglais :
Is SEO Immoral? Inquiring Quorites want to know: Is SEO immoral? We search for relevance via the search engine. By learning and manipulating the system to accomplish its goal, SEO makes it more likely that you will come upon a target that is irrelevant. Thereby, wasting the user's time and resources. Is this misleading and counter to the public welfare? Normally, I'd just leave a response on the Q+A site itself, but in this case, I felt the topic warranted some broader coverage. "By learning and manipulating the system to accomplish its goal, SEO makes it more likely that you will come upon a target that is irrelevant." This statement strikes me as fundamentally untrue. SEO is almost never applied to make non-relevant results rank for unrelated queries. Complaining about SEO in this fashion seems akin to complaining about demographic profiling in brand advertising. "It could be considered advertising in the form of a search result." "Is this misleading and counter to the public welfare?" p.s.
Animation – SVG 1.1 (Second Edition) Contents 19.1 Introduction Because the Web is a dynamic medium, SVG supports the ability to change vector graphics over time. Using SVG's animation elements. 19.2 Animation elements 19.2.1 Overview SVG's animation elements were developed in collaboration with the W3C Synchronized Multimedia (SYMM) Working Group, developers of the Synchronized Multimedia Integration Language (SMIL) 3.0 Specification [SMIL]. The SYMM Working Group, in collaboration with the SVG Working Group, has authored the SMIL Animation specification [SMILANIM], which represents a general-purpose XML animation feature set. For an introduction to the approach and features available in any language that supports SMIL Animation, see SMIL Animation overview and SMIL Animation animation model ([SMILANIM], sections 2 and 3). 19.2.2 Relationship to SMIL Animation SVG is a host language in terms of SMIL Animation and therefore introduces additional constraints and features as permitted by that specification. <? xlink:href = "<iri>"
Google ne brade pas sa première page Aurélien Bardon (Oseox) nous faisait remarquer récemment dans un tweet, une réponse sans équivoque de Matt Cutts (responsable antispam de Google) sur le forum Google Webmaster Central. « J’éviterais absolument la société xxxx (SEO), car je vois de suite la mention « Première page garantie sur Google » sur leur site. Nous mentionnons clairement sur nos pages d’aide d’éviter les agences SEO clamant une garantie ou une relation privilégiée avec Google ». Matt Cutts. Décoder le langage corporate. Depuis des lustres, Google se targue de proposer les meilleurs résultats de recherche aux internautes. En revanche (paradoxalement ?) Comment savoir sur quel pied danser? Quels sont les métiers ou les promesses des agences SEO ? Lorsqu’un client fait appel à un référenceur, c’est forcément pour améliorer le positionnement de son site. Imaginez une agence écrire en phrase d’accroche « Nous améliorons votre présence dans Google, mais pas en première page« . On ne parle pas des agences bidon
SVG animation with SMIL - SVG Note: Proper SVG documentation is coming in the (hopefully) near future. In the meantime, the examples here should get you started, and you can refer to the specification and other documents for specific syntax details. Although Chrome 45 deprecated SMIL in favor of CSS animations and Web animations, the Chrome developers have since suspended that deprecation. Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) introduced support for animating SVG using Synchronized Multimedia Integration Language (SMIL). animate the numeric attributes of an element (x, y, ...) animate transform attributes (translation or rotation) animate color attributes follow a motion path This is done adding an SVG element like <animate> inside the SVG element to animate. As of Chrome 45.0, SMIL animations are deprecated in favor of CSS animations and Web animations. Animating attributes of an element The following example animates the cx attribute of a circle. attributeName The name of the attribute to animate. from
Google n'aime pas le style="display:none" Lors de la refonte de ce site en blog, en mars dernier, j'ai laissé sur la homepage un bloc avec l'ancien texte de bienvenue. En me connectant sur les Webmasters Tools de Google, j'ai la désagréable surprise de constater que l'indexation de mon site est bloquée ... Le message (tronqué dans la capture d'écran ci-dessous) indique la cause, un simple div style display:none :( Une partie du code incriminé :( <div style="display:none">Intéressé très tôt par la programmation de logiciels, c'est dans l'idée d'optimiser leur utilisation et de participer à la création d'interfaces web et de logiciels conviviaux que j'ai suivi une formation informatique. J'ai depuis corrigé le code incriminé et demandé aux robots de Google de repasser faire leurs inspections. Un peu dur tout même, non ? A noter, je ne trouve aucune mention de ce fait dans Google Analytics, bien que je constate la baisse flagrante de trafic. Publication Date: 2007-12-12 Tag: marketing google On 2007-12-13, Olivier: Salut Jérôme !! Merci.