SEO: tous les points importants quand on crée son siteKaféine Marketing. Voici une checklist bien utile pour vérifier que votre site est développé de manière à pouvoir être référencé correctement. Vous aller développer ou faire développer un site web, vous voulez qu’il soit optimisé pour le référencement naturel, mais vous n’êtes pas spécialiste du SEO? Je vais vous épargner des heures de recherche, grâce à la liste des points que vous (ou votre développeur) devez prendre en compte pour que le code de vos pages facilite leur référencement. Et je vais même vous épargner des heures de lecture, car tout est résumé sur un document de 4 pages! Qui a dit que référencement naturel et simplicité (j’ai bien dit simplicité, et pas facilité) était incompatibles? Cette liste très utile est l’oeuvre de Danny Dover, qui sait de quoi il parle puisqu’il a entre autres été le SEO Senior Manager chez AT&T, et Lead SEO chez SEOMoz.
Mais quelques années c’est énorme quand on parle de web et de référencement. Les éléments HTML importants Codes serveur HTTP Webmaster Tools URLs Sitemaps. La liste des 200 critères pris en compte par Google pour le référencement de votre site. Optimiser son référencement WordPress avec Daniel Roch. Daniel Roch, je ne vous le présente plus… Vous devez le connaître maintenant, car depuis deux ans, il s’est imposé comme le spécialiste WordPress. D’ailleurs je n’ai jamais compris pourquoi Je plaisante bien évidemment.
Chapeau Daniel pour ton excellent parcours ! Daniel nous présente aujourd’hui, en avant-première (yess la classe ) son livre : “Optimiser son référencement WordPress”, éditions Eyrolles. Je ne sais pas vous, mais moi j’ai hâte que le livre soit publié ! Auteur de « Optimiser son référencement WordPress » (éd. A vrai dire, l’idée m’est venue l’année dernière mais je ne savais pas vraiment à qui m’adresser ni si je serais suffisamment pertinent. Quelques mois après, le PDF a été un succès. Quand as-tu pris la décision de rédiger un livre sur le référencement WordPress et pourquoi ? Il y en a plusieurs. La deuxième est évidement la notoriété que le livre pourra (peut-être) me rapporter.
Comment as-tu fait pour trouver et convaincre ton éditeur ? A vrai dire, pas vraiment. Non. Search-engine-optimization-starter-guide.pdf. 53 Gorgeous Sets of Flat Design Icons. To its detractors, flat design is simply a trend that should be forgotten, while others proclaim it to be an evolutionary step in design. Whatever your personal take is on flat design, it's still the hottest style right now. As a result, there are plenty of fantastic flat design resources available. In the lest below, we've collected the best free flat style icon sets for use in your personal and commercial projects. Are there any flat design icon sets that you would recommend? Or have you created your own that you would like to share?
1. Image: FlatIcons.co FlatIcons.co offers gorgeously designed flat icons available in PSD, SVG, EPS and CSH formats, and in four different sizes. 2. Linecons is a remarkable free icon set that contains 48 fully scalable vector icons with outline styles. 3. FlatIcons.net is a free flat icon maker, allowing you to create your own royalty free flat icons, which you can sell, give away or use yourself. 4. 5. Image: IconShock 6. 7. 8. 9. Image: Flat Icons PSD. Infographie : Que révèlent les couleurs de votre marque sur votre activité ? Web-based HTML editor. Comment créer et personnaliser un blog Tumblr (Gratuit) Objectif : créer et personnaliser un blog Tumblr… Et le tout, gratuitement ! Durée : 15 minutesNiveau de difficulté : facile – moyen – difficile Tutoriel vidéo « comment créer et personnaliser un blog Tumblr » : Comment créer et personnaliser un blog Tumblr… par AutourduTuto Récapitulatif : Allez sur le site TumblrInscrivez-vous gratuitement et suivez les étapes normalementCréez votre premier billet en cliquant sur « Texte », « Photo », « Citation » ou autresEntrez vos premiers réglages (Infos, thèmes, Apparence, Page et Avancé)Dans le tableau de bord, cliquez sur le nom de votre blogPuis entrez dans les « Paramètres du blog »Cochez ou décochez les options proposéesSynchronisez Twitter et Facebook si vous le souhaitezTerminez par « Enregistrez les paramètres » Et voilà… Votre blog Tumblr est prêt !
Des erreurs ? 280 conseils et astuces de blogging Les techniques qui feront de vous un expert ! Tumblr : installer des commentaires Disqus. Voilà, vous avez enfin votre Tumblr (avec le thème génial que vous avez eu du mal à trouver), vous allez enfin pouvoir présenter vos plus belles photos, vos vidéos, vos musiques préférées, vos plus belles citations…(rayez la mention inutile ou complétez) ! Mais, un problème, Tumblr n’a pas prévu les commentaires par défaut ! Pourtant, ce serait bien que vos amis puissent vous laisser leurs avis sur les superbes photos que vous avez prises (ou trouvées lors de vos « errances » sur le web).
Voici une solution à ce problème avec Disqus ! Première étape : s’inscrire sur Disqus (si cela n’est pas déjà fait) et choisissez un nom d’utilisateur (username). Dans votre profil, vous pouvez faire toutes sortes de réglages pour connecter votre Disqus avec Twitter, Facebook, Yahoo, OpenID, Tumblr… : Donc pour votre Tumblr (puisque c’est le sujet de cet article), nous allons choisir la page en haut, à droite. Solution simple : Install instructions for Tumblr. Installer des commentaires facilement sur Tumblr - Freetux - Freetux. Comment installer facilement des commentaires sur Tumblr grâce à Disqus Tumblr est un excellent outil de blogging, surtout pour les amateurs de mo-blogging, mais il ne dispose pas de fonctionnalité de commentaire en natif. Alors pour pouvoir proposer des commentaires à vos lecteurs sur Tumblr il suffit d’y associer les services de Disqus. Disqus propose un système de gestion des commentaires vraiment puissant et riche de fonctionnalités web 2.0 (intégration de twitter, Seesmic, facebook connect et j’en passe).
Pour commencer, je vous conseille donc de créer un compte sur Disqus. Ensuite la méthode la plus simple pour coupler Disqus et Tumblr c’est de vérifier que votre thème gère les commentaires via Disqus: Connectez vous sur Tumblr et dirigez vous vers la page tumblr.com/customizeDans l’onglet « Appearence » cherchez la présence de la case « Disqus Shortname »Placez y le shortname correspondant à votre blog Option d'activation de Disqus dans Tumblr.
Sécuriser son site Web avec SSL et configurer un accès HTTPS gratuit. Vous pouvez avoir besoin de crypter des données entre le navigateur et le serveur Web. SSL est fait pour sécuriser son site, c’est-à-dire pour transformer l’HTTP classique en HTTPS. Une solution simple est de générer soi-même un certificat pour qu’il soit communiqué au moment de la connexion. Mais les navigateurs vont indiquer que celui-ci n’est pas sûr parce qu’aucun organisme certificateur ne le valide. La plupart du temps, ce genre de service est onéreux, même très onéreux.
StartSSL ? StartSSL est un service de la société StartCom, spécialisée dans la sécurité (token USB, StartCom Linux, …), notamment dans le SSL, les certificats délivrés sont reconnus par tous les principaux navigateurs. Un inconvénient du service gratuit de StartSSL est que le certificat n’est valide que pour un sous-domaine. Inscription Rendez vous sur le site de StartSSL, cliquez sur Control Panel puis sur Sign up. La page de connexion Renseignez les informations et suivez les instructions pour valider votre compte. 8 segments Google Analytics utiles pour les pros | Kaféine MarketingKaféine Marketing. Cette sélection de segments Google Analytics vous aidera à mieux comprendre ce qui se passe sur votre site si vous avez une activité commerciale. Google Analytics est un outil formidable, mais il ne vous servira pas à grand chose si vous vous contentez des rapports standards qu’il vous fournit. Heureusement, l’outil vous permet de manipuler les données et leur donner du sens très facilement grâce à de nombreuses fonctions.
Et une des fonctions les plus utiles qui vous sont proposées est la segmentation du trafic. Elle vous permet d’isoler certains visiteurs de votre site, selon les critères de votre choix, et de comparer leur comportement avec celui de votre audience dans son ensemble. Je vous ai sélectionné 8 segments Google Analytics qui vont vous aider à en voir plus. Conversions et fidélité Cette segmentation isole les visiteurs qui convertissent (vous devez donc avoir défini des objectifs), et les classe selon le nombre de fois où ils ont déjà visité votre site.
Bureau vs Maison. iNoobs: Process of Designing a Website | Part 5 Design. Welcome to the fifth part of Inspired Magazine’s mini-series on the process of designing a website (check out Part 1, Part 2, Part 3 & Part 4). The design of a website is generally considered to be the largest portion of the web development process – and it involves a great deal of time and work, but as you’ve seen it makes up only 1 part of this complete 8 part series.
So, while you shouldn’t minimize the role design plays in your own development structure, understand that the other parts involved are equally important. The design phase of the process of building a website involves taking your wireframes and laying on top colors, imagery, and other elements. At the end of this step you’ll have a visual representation (JPG, PSD, image) of what your final site will look like. In using the metaphor of a website as a building – your wireframe is your blue print – your design are the final sketches an interior designer lays out featuring the wall colors, carpet, etc. Web Design & Photoshop. iNoobs: Process of Designing a Website | Part 2 Sitemap. Welcome to the second installment of the iNoobs’ Process of Designing a Website series (check out Part 1 here).
That last sentence makes me feel like I should be taking off my jacket and shoes and slipping on a sweater like Mr. Rogers. Today we’ll be discussing the creation of a sitemap. Before we get there, let’s recap the total 8 step process: Develop site plan – Use Case Development (optional)Create SitemapContentWireframingDesignTechnicalTestingLaunch What is a Sitemap? You’ve probably heard the term used before, and I can promise you’ve seen a link to “sitemap” on every major website you’ve visited. A sitemap is a break down of all of the sections, subsections, pages, and information on your site. Here’s a very simple example of a business website’s sitemap: This business is involved in the home maintenance industry. HomeAboutServicesLawn CarePool MaintenanceContact And we’re done!
More Sitemap Examples! We were just working on a sitemap for a client with a large website. Page Sitemap. iNoobs: Process of Designing a Website | Part 3 Content. Welcome to the third installment of the iNoobs’ Process of Designing a Website series (check out Part 1 here and Part 2 here). Some people say “content is king” others say “content is queen” personally I don’t like to think about content as having genitalia and wearing a crown, but hey… I have problems with personification. Content - Be Thy King or Queen, Sexy We Still Be Regardless of what gender YOUR content is (what is this guy saying….) -understand its importance. We’ve written before about the importance of writing/content, and my idol Bruce Turkel has a fantastic post on the matter titled “deth by a thousand kutz,” but let me try to be as blunt as possible: You are a reflection of your content.
Let me tell you a quick story. I like to write. I thought I was a good writer. I banged out some copy for my company website. As soon we changed the words on our website, contacts went up 100%. We didn’t spend another penny on marketing, advertising, or PR and we doubled our leads! iNoobs: Process of Designing a Website | Part 4 Wireframe. Welcome to Part 4 of Inspired Magazine’s mini-series on the process of designing a website (check out Part 1, Part 2 and Part 3). In our day-to-day iNoobs series we write about many of the beginning technical elements of web design, but in this 8 part series we’re discussing everything you need to know about the process of designing a website.
What is a Wireframe? A wireframe is a sketch of various sections of your site. This sketch shows where (and what) content will go on each section. Many small sites may have just two wireframes – a home page and an internal page – as much of the site will use the same template or design. More complicated sites may have many more wireframes. A typical content management driven site (one that runs on software that allows someone without HTML or programming knowledge to update it) may have between 5-10 wireframes. Are Wireframes Necessary? I used to not create wireframes when developing a site. Wireframing & Clients Tips For Wireframes.
Choisir son CMS en fonction des besoins de son projet. Comme chaque année, SMILE vous propose son livre blanc pour vous aider à identifier les meilleurs CMS en fonction de vos besoins. Vous recherchez le CMS adapté à votre projet ? Le site cmsmatrix recense plus de 1 200 CMS, de Abo.CMS à Zwook ! Pour simplifier, ce livre blanc, version 2013 – très détaillée, disponible à cette adresse , analyse 24 CMS puis nous propose les 9 solutions les plus emblématiques.
Voici les "meilleurs pages"… Les 9 meilleurs CMS sont identifiés suivant une grille d’analyse et de notations basée sur 27 critères : Les experts Smile ont également présenté 6 cas d'usage, afin de répondre aux principales utilisations faites des CMS : site institutionnel, site marketing, réseaux social, plateforme multi-sites, portail intranet, site sur mesure. Source SMILE : Telecharger ce livre blanc. Pourquoi choisir d'utiliser WordPress ? Avantages et inconvénients. WordPress est un système de gestion de contenus permettant de créer son propre site assez facilement. En plus de sa simplicité d'utilisation, il présente de nombreux autres atouts. Voici donc mon ode à WordPress... Libre, gratuit et personnalisable Les systèmes de CMS ou gestion de contenus permettent de créer puis gérer très facilement un blog ou un site web.
WordPress est un système gratuit et libre. Installer et utiliser WordPress n'implique pas de coûts d'inscription ou d'abonnement. Les thèmes disponibles se comptent par centaines et nombreux sont ceux que l'on peut également utiliser gratuitement. Les plugins WordPress se comptent eux aussi par centaines, avec de nouveaux ajouts très réguliers. La simplicité WordPress WordPress est extrêmement simple d'utilisation. L'interface vous invite simplement à ajouter textes, images, menus et autres gadgets en seulement quelques clics. Un référencement optimisé Une bonne utilisation des balises permet aussi de booster le référencement.
Comment concevoir le title de mes pages web. Ce petit article sans prétention aidera celui qui débute en SEO à optimiser le Title de chaque page de son site. J’avais déjà abordé ce sujet de manière générale ici (à lire en amont : comprendre la balise Title). Voyons maintenant concrètement comment aller plus loin. Et puis tant que l’on y est, nous allons voir comment récupérer d’autres infos qui pourront nous servir.
Le principe de cet article est de vous permettre de vous en sortir avec uniquement des outils gratuits et votre cerveau. Cas concret Plutôt qu’un bla-bla théorique, je vais prendre un cas concret. État des lieux Comme souvent avec Prestashop par défaut, le Title de la page est « Janod » puisque c’est le nom qui a été rentré par défaut comme nom de marque. Étape 1 : Voir ce qu’en pense Google. Je tape le mot « Janod » dans Google pour voir ce qu’il me présente. Étape 2 : Regardons du côté de générateur de mots-clés de Google Vous le trouverez ici mots cles proposés par google. Ergonomie d’un site Internet.
Conseils pour une page d’accueil efficace. Webdesign : difficile de vendre du vide, et pourtant…