background preloader

À quoi servent les balises META ?

À quoi servent les balises META ?
Les balises META c’est utile quand c’est utile; et quand c’est pas utile… eh bien c’est inutile. Vous l’aurez compris: ça dépend. Mais pour ne pas vous laisser avec cette simple vérité — et jolie tautologie —, nous vous proposons un petit point sur les balises META. On y parlera de tapage de tête contre les murs, du meilleur moyen pour conserver sa santé, et de subtilités qui vont bien. Sommaire C’est quoi une balise META? Les balises META servent à placer des métadonnées (metadata) dans une page HTML. À qui sont destinées ces informations? aux navigateurs web aux moteurs de recherche; plus largement, à tous les outils d’indexation, c’est-à-dire tous les outils qui analysent vos pages pour y identifier diverses informations. Anatomie d’une balise META Lorsque l’on parle de «balises META», on parle en réalité de l’élément meta en HTML (voir ce que dit la spécification HTML 4.01 pour cet élément et la spécification HTML5). La grande question: est-ce que c’est vraiment utile? E​n HTML 5 :

Top 10 Programming Fonts les études eye tracking Qu’est ce que l’eye tracking ? L’eye tracking, ou oculométrie, est la mesure du mouvement des yeux. Miratech applique cette technologie aux tests utilisateurs sur les interfaces digitales (sites web, applis mobiles) et aux études consommateurs sur les interfaces offline (publicité, affichage, packaging…) Dans notre laboratoire, nous organisons des séances de tests individuels sur un panel de participants pour déterminer où se pose leur regard sur l’interface. Grâce à l’eye tracking, nous mesurons les zones qui sont vues, lues, utilisées ou ignorées. Les avantages de l’eye tracking Des résultats fiables L’eye tracking ne ment pas : les mouvements du regard sont inconscients et reflètent précisément les processus cognitifs engagés dans un contexte réel d’utilisation. Les méthodes uniques et les analyses mesurées de l’eye tracking renseignent avec pertinence sur l’utilisabilité d’une interface, les comportements, les erreurs et les attentes des utilisateurs. Une analyse précise Le dispositif

Sublime Text 2 + Zen Coding = w00t ! Pour faire mon boulot d’intégrateur, j’ai toujours préféré coder sur un que sur un IDE complexe. A chaque fois que j’essaye de me mettre à Eclipse ou Aptana, je trouve que ça ne me convient pas vraiment. Ça fait donc quelque temps que me suffit largement. Et puis j’ai commencé à entendre les louanges de sur Twitter… alors je l’ai essayé… Première impression : c’est beau ! Oui, il faut être un peu atteint pour trouver un éditeur de code *beau*, mais bon… Et c’est rapide… Comparé à d’autres éditeurs que j’ai pu tester, je trouve Sublime Text 2 vraiment réactif et il laisse toujours la main à l’utilisateur (même pendant une recherche dans les dossiers). Quelques fonctions pratiques Rechercher un fichier En tapant , on effectue une recherche dans tous les fichiers du projet. La recherche fonctionne un peu comme la « awesome bar » de Firefox. En ajoutant vous ouvrez le fichier en plaçant le curseur directement à . Changer le layout de l’éditeur Édition multicurseurs (attention, c’est génial !)

Métamoteur Un article de Wikipédia, l'encyclopédie libre. Construction d'un métamoteur Schéma général d'un métamoteur Un métamoteur (ou méta-moteur) ou un méta-chercheur est un moteur de recherche qui puise ses informations à travers plusieurs moteurs de recherche généralistes. De manière plus précise, le métamoteur envoie ses requêtes à plusieurs moteurs de recherche et retourne les résultats de chacun d'eux. Le métamoteur permet aux utilisateurs de n'entrer le sujet de leur recherche qu'une seule fois tout en accédant aux réponses de plusieurs moteurs de recherche différents. Un métamoteur élimine les résultats similaires ; par exemple, si Google et Yahoo! Quelques métamoteurs[modifier | modifier le code] Notes et références[modifier | modifier le code] Portail de l’informatique

Initializr - Start an HTML5 Boilerplate project in 15 seconds! Ecrire pour le web Optimisez votre positionnement dans les pages de résultats de Google PréambuleINTRODUCTION1. Les rétroliens2. L'ancienneté3. Le contenu4. Le comportement dans les résultatsCONCLUSIONRessources PréambuleTraduction autorisée d'un billet de Dave Davies, intitulé Search Engine Optimization for Google (où l'on voit que l'anglais synthétise résolument plus que le français, 5 mots contre 10 !) Cet article, troisième partie d'une série de quatre billets consacrés à l'optimisation des sites Web auprès des trois moteurs de recherche majeurs, nous donne quelques conseils sur l'optimisation de notre positionnement dans les pages de résultats de Google. Pour positionner notre site aux meilleures places sur Google, de même que sur les principaux autres moteurs, différents facteurs doivent être pris en compte. L'ancienneté des liens - Comme pour les noms de domaine, les liens prennent du poids avec l'âge. 3. Lorsqu'il est question de contenu, Google est encore plus attentif que Yahoo ou Microsoft. 4.

SVG Fallback, Vertical Rhythm, CSS Project Structure Advertisement Howdy, folks! Welcome to more Smashing Magazine CSS Q&A. It works like this: you send in questions you have about CSS1, and at least once a month we’ll pick out the best questions and answer them so that everyone can benefit from the exchange. Your question could be about a very specific problem you’re having, or it could even be a question about a philosophical approach. If you’re interested in exploring more Q&A, there’s a bunch more in my author archive2. CSS Project Structure Stephen Beiler asks: “Could you please explain your strategy for building CSS? These days I’m using Sass3 for all my projects. I use this feature heavily while organizing and structuring CSS for a project. On my recent redesign of CSS-Tricks, I ended up with 28 .scss files, most of which were modular bits only ever @imported into bigger style sheets. When To Use OOCSS Michael Winczewski asks: “Chris, what do you think of OOCSS? I think it’s fantastic. Selecting All Link Pseudo Classes Ren Walker asks:

Recherche Internet : mots clés & allongement des requêtes Dans un billet signalé par Tom sur l'augmentation de la longueur moyenne des requêtes, le blogueur conclut : Il semble donc de plus en plus pertinent de vouloir baser sa stratégie de référencement naturel, voire même d’achat de mots-clés, sur des expressions longues, dans la mesure où celles-ci sont appelées à non seulement devenir plus populaires, mais à fournir une information plus qualifiée aux internautes… et par conséquent à offrir les meilleurs taux de conversion et de satisfaction en cas de réelle pertinence. Chose que j'annonçais déjà en ... janvier et octobre 2006, dans deux billets respectivement intitulés « Les co-occurrences, ou l'avenir de la recherche sur le Web » et « Booster son blog : mots clés et optimisation », où j'observais ce qui suit : Pourtant, avec l'accroissement exponentiel du Web, il semble bien que les requêtes sur 1 ou 2 mots clés diminuent fortement et laissent la place aux recherches sur 3, 4 mots et plus. avec 34,37% des requêtes à 4 mots et plus…

SoFresh! - It makes your CSS yummy. S'il te plaît, dessine-moi un business model Que vous soyez une startup ou une entreprise établie, vous vous êtes sûrement déjà posé la question de votre business model. Est-il vraiment performant ? Durable ? Fragile ? Vous voudriez bien l’analyser, le tester et le comparer, mais ne savez pas comment faire. Qu’est-ce qu’un business model et pourquoi cela devrait vous intéresser ? Steve Blank, auteur et professeur, le définit ainsi : “Un business model décrit la manière dont votre organisation crée, délivre et recueille la valeur. Quelles sont les composantes d’un business model ? On représente ainsi les 9 composantes de la “matrice” (canvas) du business model : businessmodelgeneration.com / adaptation 15marches Cette approche permet d’avoir une vision globale des différentes composantes du modèle d’affaires. Exemple 1 (d’actualité) : une compagnie aérienne veut créer une nouvelle offre pour concurrencer les compagnies low cost. Dessinez votre business model 1/Les segments de clientèle 2/La proposition de valeur 4/La relation-client

Hote injoignable Voici une excellente nouvelle provenant de Google Operating System ! Qui n’a jamais été contraint de modifier son user agent au sein d’un navigateur pour tester un système, ou encore se « faire passer » pour un navigateur en particulier. De plus, la modification de l’user agent du navigateur est parfois très utile si vous visitez un site qui ne fonctionne pas bien dans votre navigateur actuel, ou si vous êtes un développeur et que vous voulez tester un site… Jusqu’à aujourd’hui, il était nécessaire de passer par une extension, User Agent Switcher ou encore en changeant l’user agent depuis les préférences avancées de votre navigateur ( about:config ) pour Firefox, ou en ajoutant un paramètre en ligne de commande ( ). C’est aujourd’hui chose faite depuis Chrome 17, dev channel et canary . Voici la manipulation à faire pour changer le user agent sur Chrome : Attendiez-vous cette annonce ? Articles récents

Transformation digitale : les entreprises dans le déni ? | L'Atelier : Accelerating Innovation La transformation digitale des entreprises est-elle impérative ? 96% des décideurs interrogés dans le monde répondent par l’affirmative. Une étude réalisée au premier trimestre 2016 par Loudhouse pour Progress révèle la valeur attribuée à la transformation digitale des entreprises par les décideurs. Parmi les 700 personnes sondées qui occupent des postes de direction, ils sont 73% en France et 62% dans le monde à juger que leur entreprise ne mesure pas la nécessité d’un tel changement. Source : Progress.com

Créer un site web

Related: