Structure de site Internet : comment faire ? La structure d’un site a un impact énorme sur le référencement naturel. Une mauvaise conception pose problème: perte de positionnement, contenus non indexés, incompréhension du visiteur… La solution est d’adopter le plus tôt possible une structure adaptée pour votre site. Oui, mais comment… ? Arborescence générale Avant même de parler technique, il faut parler de contenus et de cibles. A qui votre site s’adresse, pour répondre à quels besoins, avec quels outils ou quels contenus ? Dans l’ordre, voici les points clés de la structure de votre site Internet : Quel type de site utiliser ? La dernière question est sans doute la plus épineuse. lister tous les contenus (actuels ou à venir) de votre site webles regrouper en catégoriesles structurer Rien de tel qu’une image pour mieux comprendre : Le problème, c’est que cette structure dépend de votre point de vue. La méthode du tri des cartes et les personas La méthode de tri des cartes implique une aide extérieure. L’html et structure Les balises html
Bonnes pratiques de conception Web De Memodev. Développer un site internet est devenu très facile à faire, mais en développer un correctement devient de plus en plus compliqué... Cette page est destinée à vous donner les bonnes pratiques pour développer un site internet. Dans un premier temps il faut maîtriser les langages suivants, ainsi que leurs bonnes pratiques décrites sur les pages suivantes : Pré-requis Apprendre à utiliser les options de recherche de google . Actualités du développement Web Il y a des ressources à suivre de temps en temps en tant que développeur, pour se tenir informé des nouveautés mais aussi des statistiques d'utilisation. Ciblez votre public Il est important de connaître le profil moyen de vos visiteurs (critères du type âge/sexe/catégorie professionnelle...). Sur le site d'Opquast on peut voir la liste de toutes les recommandation pour la création d'un site Web qui corresponde aux attentes des internautes, aussi bien en terme d'utilisabilité que d'accessibilité. L'encodage Design Illustration Photos
10 Bad Web Design Habits You Should Avoid | Web Design What design features turn a good website bad? There are more potential pitfalls out there than you might think. Even design elements that may “look nice” to the untrained eye can have unexpected consequences, so acquainting yourself with these hidden landmines is an important step in the process of crafting a website. The ten habits of bad web design described below will help educate and prepare both designers and clients alike, allowing you to determine what you do want for your website, while also avoiding the design features that can seriously diminish a site’s success. You may be interested in the following related articles as well. Please feel free to join us and you are always welcome to share your thoughts that our readers may like. Don’t forget to and follow us on Twitter — for recent updates. Bad Web Design Habits to Avoid One of the best ways to properly design your website is to avoid the terrible design mistakes people make. Habit #1: Your Site Lacks Personality Image Credits
Utiliser la Google Web Fonts API Ici vous pourrez découvrir, comment grâce à l’API de Google, importer de nouvelles polices, valables sur n’importe quel navigateur, et sur la plupart des jouets comme l’iphone, l’ipad, et les téléphones Androïd. Pourquoi utiliser une API ? Il est toujours possible d’importer des polices de caractères et les intégrer « à la mano ». Cependant l’utilisation de cette API permet de le faire très rapidement et vous serez sûr de sa bonne intégration pour la plupart des navigateurs. En effet reprendre une police, puis la convertir aux différents formats est toujours un petit casse tête. Il faut donc prévoir 3 formats minimum : .eot, .ttf/.otf, .svg Source : Typographisme.net L’avantage d’utiliser une API est que vous n’aurez pas à gérer ça, elle le fait pour vous, en détéctant la version du navigateur de l’internaute et en renvoyant le bon format. Un autre plus indéniable sera aussi la légereté de la police, qui est alors plutôt bien compressée, et ne dépassant généralement pas les 30 Ko. Résumé
Ergonomie et ligne de flottaison Jérôme du blog marketing Mindeez vous propose un petit article sur les pièges à éviter avec la ligne de flottaison, ou fold en anglais, qui représente la ligne imaginaire à partir de laquelle l’utilisateur doit faire défiler la page. Le contenu se situant en dessous de la ligne de flottaison ne sera visible que si l’internaute fait défiler la page. La notion de fold ne vient pas des sites web, mais du monde des journaux. Lorsque les journaux sont étalés, il sont pliés, la ligne de flottaison représente cette pliure. Pour faire défiler la page on peut utiliser la barre de défilement, la molette de la souris ou la barre d’espace. La hauteur de la ligne de flottaison change en fonction de la résolution de l’écran et du navigateur de l’internaute. Pour laisser un peu de marge je rajoute toujours 20px car beaucoup ont des barres d’outils dans leurs navigateurs ou autres. Un petit piège à éviter Au dessus de la ligne de flottaison il est nécessaire d’y mettre les informations importantes.
Un formulaire anti-spam sans Captcha par Spookev Spookev nous propose le code d'un formulaire sans captcha et anti-spam facilement intégrable et efficace C'est Spookev (auteur de peeklife et récemment de MonHmaF) qui a écrit tout bêtement ce petit bout de code, et vous allez voir que l'idée, est à la fois très bonne et vraiment simple à mettre en place. Ce qui est même étonnant, c'est que cette idée n'ait pas déjà été exploitée avant, en tout cas, à ma connaissance. Il suffit donc de créer un champ texte supplémentaire, de le rendre invisible avec du CSS, et surtout, de le faire analyser, grâce au javascript, ou au PHP, avant l'envoi final. Logiquement, comme ce champ "spécial" est caché, il n'y a pas de raison pour qu'un véritable utilisateur le remplisse. Voici donc le code à ajouter dans le formulaire. Dans votre fichier CSS, ajoutez ceci, pour justement cacher ce champ "spécial" L'analyse par la méthode javascript La "même" analyse mais en php, à choisir Merci à ma source Discuter sur le Chat en live et par email
5 façons de connaître des sites qui pointent vers votre blog: le fameux backlink Il paraît que plus on a de liens qui pointent vers notre blog, plus notre blog prend de l’importance aux yeux des moteurs de recherche. C’est ultra logique, car personne ne pointe vers un contenu, s’il n’a pas de valeur. A moins de faire de l’échange sauvage de lien, ce que je ne conseille pas ou carrément d’acheter des liens. Pour nous blogueurs il ne faut pas négliegr ce point et faire en sorte d’ obtenir des backlinks (cf mon billet 15 points pragmatiques pour obtenir des backlinks (lien retour) A ce titre il faut également pouvoir mesurer les liens qui pointent vers notre site et remercier les gentilles personnes qui ont eu le soin de nous mentionner. Voilà donc 5 façons de surveiller les liens qui pointent vers notre site. Il suffit de mettre link:votredomaine.com dans mon cac link:roget.biz pour trouver la lis te des blogs qui ont parlé de roget.biz récemment. Avec backlink factory on a la liste exhaustive des blogs (inscrits à wikio) qui pointent sur notre blog.
Le blog de Loonie » Boules de Noël en origami Pour décorer notre premier sapin de Noël à nous, on a voulu acheter des boules de Noël, mais quand on a vu le prix que c’était pour avoir quelques boules en plastique même pas bien faites, on est repartis du magasin avec deux rouleaux de papier cadeau : un or et un rouge. Avec dans l’idée de nous fabriquer nous mêmes nos boules en origami. Il y a quelques années, ma grande sœur m’a appris une technique pour plier des “modules” qui s’imbriquent les uns dans les autres pour faire des cubes, des boules … Sur la photo j’ai mis une boule, un cube, et des petits modules qui attendent des copains rouges pour faire des boules bicolores. Sympa non ? Voici donc la marche à suivre : Lisez d’abord en entier et ensuite pendant qu’on plie, il faut bien lire l’étape en entier avant de l’éxécuter, ça évite bien des petites bêtises On fait le pliage avec un carré parfait de la taille que l’on veut, en ayant à l’esprit qu’il en faudra plusieurs. Et si c’est pas bon, on peut toujours démonter et refaire ^^
E-marketing / Social Media / Marketing viral / Search marketing / Web 2.0 / E-commerce R?f?rencement, Design et Cie Ayant découvert que Bruno m'avait taggé, et les questions posées poussant à la réflexion, voici donc mes réponses à son interview en 11 questions : Si le Net n’existait pas, aurais-tu cherché malgré tout un moyen d’exprimer tes idées à l’attention des autres ? Comment et pourquoi ? En matière de communication je crois que la fonction crée l'organe autant que l'organe crée la fonction. Ce que je partage sur le web, je le partage en partie parce que le web existe. Il n'est pas dit que je l'aurais partagé si le web n'existait pas. A ton avis, le Web a-t-il créé du lien social ou bien a-t-il contribué à éloigner les gens les uns des autres ? Les deux, mais je ne saurais pas dire si la balance est positive ou négative. Comment vois-tu ton avenir ? Pour mon avenir proche, j'utilise Outlook :) Au-delà, aucune idée mais ce sera toujours liés aux moteurs de recherche je pense. Si tu devais recommander 3 sites à des gens qui découvrent internet, ce serait lesquels ? Qu’aurais-tu aimer inventer ?
Culture Marketing Création site Internet et référencement : Blog Web agency AXENET Médias Sociaux et Contenu Web : quelle stratégie efficace ? Parler le même langage que ses clients est le premier pas vers une stratégie de contenu web réussie. Imaginez un chirurgien plasticien qui utiliserait le terme « rhinoplastie » pour se faire connaître, alors que ses prospects parlent plutôt de « opération du nez ». Ses messages risqueraient probablement de passer inaperçus. C’est pourquoi faire une recherche de mots-clés est certainement un bon début pour élaborer sa stratégie de contenu. Pour cela, plusieurs outils sont à votre disposition : Google Adwords Keyword tool (gratuit et basé sur les données Adwords) Google Insight for Search (outil d’analyse de la demande sur le web), Google Trends, la plateforme de curation de contenu Scoop It…Beaucoup d’autres outils existent, et même si la plupart sont en anglais, ils permettent de prendre la température de certains sujets et connaître ce qui se dit sur le web. Linkedin : réseau principalement destiné au B2B, vous pouvez vous enquérir de ce qui turlupine les professionnels.
Découvrez l’Etude Social Media Marketing 2012 [Social Media Examiner] Pour la 4ème année consécutive, Michael Stelzner de Social Media Examiner nous offre son étude intitulée « Comment les professionnels du marketing utilisent les médias sociaux pour développer leur entreprise ». Ce document de 42 pages porte sur l’interrogation de 3 800 professionnels américains et aborde notamment les thèmes suivants : Les top 10 questions social media que les marketeurs se posent.L’investissement nécessaire en temps.Les bénéfices de l’utilisation des médias sociaux pour les entreprises.Les médias sociaux les plus utilisés.Les nouveaux services social media qui intéressent les professionnels. Certaines données sont présentées en fonction du marché final (B2B ou B2C) ainsi que de l’expérience des professionnels. Voici quelques-uns des points essentiels à retenir : 1. 2. 3. 4. 5. 6. 7. 8. Téléchargez l’étude au complet. Que pensez-vous des résultats de cette étude ? Catégorie: Social Media