background preloader

Les 200 facteurs de référencement Google 2014: la liste complète!

Les 200 facteurs de référencement Google 2014: la liste complète!
Aujourd’hui, j’ai pris le temps de vous résumer les 200 facteurs de référencement Google de cette année 2014. La liste a été mise à jour depuis la parution de l’infographie d’origine en Juin 2013. Adaptés à partir de l’article du très bon site Backlinko, la traduction de cet article m’a pris un temps fou. Non, je n’abuse pas des superlatifs. Les facteurs de référencement liés au nom de domaine 1. Comme le dit Matt Cutts dans cette vidéo, La différence entre un nom de domaine âgé de six mois et un an n’est pas si grande que cela. En d’autres termes, Google se réfère à l’âge du nom de domaine, mais ce n’est pas un critère de si grande importance que cela. Note: Si pendant très longtemps, on a pu lire ici et là que c’était un critère essentiel lié au SEO, il s’avère que c’est faux. 2. Même si cela n’a plus l’impact qu’on était habitué à avoir dans les années précédentes, c’est toujours un critère important de par la pertinence que cela apporte. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. Related:  outils web

Log-in Requests for Issue Crawler accounts require approval by the Govcom.org Foundation. Please fill in the fields above. The intended audience for the Issue Crawler is advocates, activists, academics, artists, researchers and journalists in both new and old media senses. Users receive three emails: a log-in details message, an approval message, and a separate welcome message from the Govcom.org Foundation, providing further information about the software and announcements. Should the user exceed ten crawls, the user will receive an email suggesting a subscription, and providing details. Subscribing users receive support in the form of answers to email queries sent to info@govcom.org. See also terms of use. Privacy notice: Govcom.org stores username, first and last name, and email address for the purposes of contacting users, under the terms of use policy. Govcom.org is a non-profit foundation, based in Amsterdam, the Netherlands.

OpenStreetMap Il existe plusieurs manières de fournir des cartes OpenStreetMap sur votre site web. La façon la plus simple est d'utiliser une bibliothèque JavaScript appelée OpenLayers qui fournit une carte glissante que vous pouvez intégrer dans n'importe quelle page web. C'est similaire à l'onglet « Export » sur tel que décrit dans une précédente section. Dans ce chapitre, nous irons plus loin en expliquant comment mettre en place son propre serveur avec un style de carte personnalisé à partir des données OSM. Cela vous intéressera particulièrement si vous cherchez à mettre en valeur une caractéristique particulière des données OSM, comme les voies cyclables ou les lignes ferroviaires, ou tout simplement si vous n'êtes pas satisfait des styles des cartes existants. Besoins système La génération et la mise à disposition de votre propre carte est une tâche plutôt intensive pour un ordinateur actuel. Les tuiles Utiliser OpenLayers La chaîne de production Configuration logicielle

Convertisseur YouTube ClipConverter est un convertisseur en ligne et gratuit de médias, qui vous permet de convertir à peu près n'importe quel URL de son ou de vidéo vers les formats standards. Les sites actuellement supportés par ce service sont: YouTube (720p, 1080p, 4k), Vimeo. Ce convertisseur vous permet de regarder vos vidéos YouTube favorites sur votre téléphone mobile, PC, TV ... Comment convertir une vidéo YouTube ? : 1. Collez votre URL YouTube à "URL du fichier" et appuyer sur "Continuer". 2. Interested in Bitcoin?

Scrollitelling : quel outil pour vos récits multimédias immersifs ? Un an après Snow Fall, les formats multimédias immersifs (parfois baptisés « scrollitelling ») se multiplient sur les sites de presse, et des outils commencent à apparaître pour épauler les journalistes. Plateformes wysiwyg, extensions WordPress, scripts open source à coder : voici un panorama des solutions disponibles à ce jour. ↑1 » Les plateformes en ligne Pas besoin de mettre les mains dans le code… ou si peu. Scrollkit C’est actuellement la plateforme gratuite la plus aboutie. La fonctionnalité la plus puissante de Scrollkit est son module Skrollr, qui gère les effets de parralaxe de façon plutôt intuitive (à condition de connaître un peu de CSS). La plateforme gère de façon imparfaite le responsive design pour l’affichage mobile, mais ce problème est réglable : le grand point fort de Scrollkit est en effet la possibilité d’exporter le projet en fichier HTML, et de le personnaliser à l’envie – sans aucune dépendance aux serveurs du service. Shorthand Creatavist Racontr Mais aussi… sStory

Find broken links on your site with Xenu's Link Sleuth (TM) Find broken links on web sites Wikipedia article about Xenu's Link Sleuth Description Xenu's Link Sleuth (TM) checks Web sites for broken links. Link verification is done on "normal" links, images, frames, plug-ins, backgrounds, local image maps, style sheets, scripts and java applets. Additional features: Simple, no-frills user-interfaceCan re-check broken links (useful for temporary network errors)Simple report format, can also be e-mailedExecutable file smaller than 1MBSupports SSL websites (" ")Partial testing of ftp, gopher and mail URLsDetects and reports redirected URLsSite Map Download System requirements: Microsoft Windows 95/98/ME/NT/2000/XP/Vista/7/8/10, WININET.DLL required (included with Internet Explorer). To have peace of mind, I recommend that you are using an up-to-date anti-virus software on your computer (so do I!). Ok, I have read all that, I want to download! Join the Update Announcements mailing list at Yahoo Groups! Frequently Asked Questions (FAQ) 1. See here. or

Construire une base de données simple avec PHP et MySQL Cet article constitue un tutoriel simple et rapide montrant comment construire une base de données en utilisant les technologies PHP et MySQL. Cette base de données sera accessible depuis internet à l’aide d’un navigateur. Nous allons aborder les points suivants: Qu’allons-nous faire ?Comment le faire ?Etape 1: Créer la base de données.Etape 2: Ajouter une entrée dans la base de données.Etape 3: Afficher les entrées de la base de données.Etape 4: Rechercher des entrées dans la base de données.Etape 5: Modifier et supprimer une entrée dans la base de données.Bonus: Sécuriser l’accès à la base de données. Qu’allons-nous faire ? Nous allons créer une base de données, et un logiciel permettant d’exploiter cette base de données. En effet, si nous voulons stocker les informations «nom», «prénom» et «âge» pour différentes personnes, il nous faudra créer 3 colonnes, une pour chaque information; et X lignes, une par personne. Dans le tableau ci-dessus, j’ai omis une colonne. MySQL, SQL, PHP ? <?

9 plugins jQuery pour réaliser des effets de parallaxe Tendance désormais bien ancrée dans le paysage du webdesign, le défilement parallaxe (ou scrolling différentiel) est une technique qui consiste à donner une impression de profondeur à travers des portions de décors défilant à vitesse variable. Voici une liste non exhaustive de 9 plugins jQuery pour mettre en place des effets de parallaxe sur votre site web. Superscrollorama, successeur de l’excellent Scrollorama, permet de réaliser de superbes animations et effets parallaxes lorsqu’on scroll sur une page web, notamment grâce aux transformations CSS3. Seulement quelques lignes de code pour un scrolling original et amusant. 2. jParallax jParallax est un plugin jQuery qui permet de mettre en place facilement un effet de parallaxe sur un groupe d’éléments HTML. 3. Curtain.js est un plugin jQuery permettant de réaliser une page web avec un défilement parallaxe des différentes sections sous forme de « panneaux ». 4.

Parallax.js | Simple Parallax Scrolling Effect with jQuery Installation Download and include parallax.min.js in your document after including jQuery. Useage Via data attributes To easily add a parallax effect behind an element, add data-parallax="scroll" to the element you want to use, and specify an image with data-image-src="/path/to/image.jpg". Via JavaScript To call the parallax plugin manually, simply select your target element with jQuery and do the following: Under The Hood What parallax.js will do is create a fixed-position element for each parallax image at the start of the document’s body. Due to the nature of this implementation, you must ensure that these parallax objects and any layers below them are transparent so that you can see the parallax effect underneath.

Create a Cool Website with Fancy Scrolling Effects I’m sure we’re all familiar with the popular parallax effect in web design. It has become a great tool to create a fun browsing experience that responds to the user’s controls as they scroll up and down the page. In this tutorial we’ll use a couple of readily available jQuery plugins to quickly put together a cool little single page website of our own, complete with fancy scrolling effects. This tutorial will be a walkthrough of my design process for a simple portal site that presents all of my websites and social profiles. Each website has its own individual section in a series of ‘slides’ laid out vertically. With the help of some cool jQuery plugins clever scrolling and parallax illusions are added to inject an element of fun and novelty to the site. View the final fancy scrolling website Before jumping into any code flesh out your design in Photoshop and develop each individual slide. Begin exporting all the required imagery ready for creating the design in HTML and CSS. <!

ScrollReveal.js, une librairie JS pour déclencher des animations au scroll ScrollReveal.js est une librairie JavaScript qui permet de déclencher l’apparition d’un élément HTML lorsqu’il « entre dans le viewport », autrement dit lorsque celui-ci devient visible à l’écran (chargement et scroll), notamment à l’aide d’une configuration utilisant un attribut data-* HTML5. « Animations… animations everywhere ! » Si vous cherchez des effets animés faciles à mettre en place pour enrichir votre site web, scrollReveal.js est fait pour vous ! Cette librairie JS propose des animations de type « fade » lorsqu’un élément apparait à l’écran. C’est le cas au chargement de la page pour les éléments situés dans la partie haute de votre site, ou au scroll de la page pour les éléments qui ne sont pas visibles au chargement. Pour chaque élément HTML que l’on veut animer, il faut configurer un attribut data-scrollReveal qui prend pour valeur plusieurs mots-clés qui vont définir le mouvement souhaité. Utilisation de base

Markdown Capture d'écran d'un éditeur de texte affichant un fichier au format Markdown Logo du langage Markdown Markdown est un langage de balisage léger créé en 2004 par John Gruber, avec l'aide d'Aaron Swartz[1],[2], avec l'objectif d'offrir une syntaxe, facile à lire et à écrire, en l'état, sans formatage. Markdown n'a jamais été formellement standardisé, diverses variantes ont été développées par des tiers afin de pallier ce qui était perçu comme des limitations du langage originel. En mars 2016, dans le but de standardiser le langage, deux RFC ont été publiées : RFC 7763[14], qui introduit le type MIME text/markdown à partir de la variante originale de Markdown.RFC 7764[15], qui répertorie des variantes MultiMarkdown, GitHub Flavored Markdown (GFM), Pandoc, CommonMark, Markdown Extra et autres[16]. L'initiative CommonMark, débutée en 2012, vise à pallier le manque de standardisation et les ambiguïtés du format en créant une spécification fortement définie du langage. (en) Site officiel

Components Available glyphs Includes over 250 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. How to use For performance reasons, all icons require a base class and individual icon class. Don't mix with other components Icon classes cannot be directly combined with other components. Only for use on empty elements Icon classes should only be used on elements that contain no text content and have no child elements. Changing the icon font location Bootstrap assumes icon font files will be located in the .. Change the @icon-font-path and/or @icon-font-name variables in the source Less files. Use whatever option best suits your specific development setup. Accessible icons Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. Examples Error: Enter a valid email address Example Alignment Divider Disabled menu items <! <!

Trifacta Wrangler to format and clean data | FlowingData Data wrangling — formatting and cleaning — is a sore spot and stumbling block for many, but you often can't do much visualization- or analysis-wise until the data is in order. My projects folder is filled with one-off Python scripts written for specific datasets (and steps within steps). Trifacta Wrangler aims to streamline the process with a click interface and automation. The desktop software is free to use and available for PC and Mac. When you open the application for the first time, helpful tips pop up to take you through the usual steps. Then you get a view that resembles the above. This worked well for my dataset with little help from me. Then you can use the Transformer to modify the data. All in all, at first look, Wrangler (still in Beta by the way) looks promising.

Related: