The Collection Mettre en cache les fichiers statiques de votre site Web (htaccess) Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 23 342 fois. J’avais complètement oublié de vous en parler, et pourtant c’était prévu depuis l’article sur l’optimisation du chargement de vos pages grâce à la compression Gzip. Quelques définitions .htaccess Le fichier .htaccess vous permet de communiquer avec votre serveur (apache) dans le but d’en changer une partie des paramètres et des comportements par défaut Serveur Apache Il s’agit d’un format de serveur, il est le plus répondu dans le monde, et est utilisé par la plupart des fournisseurs d’hébergement (gratuit ou payant) Headers En-tête, en anglais, il s’agit d’informations que l’on place en tête de page afin d’orienter le navigateur vers telle ou telle interprétation de la page. Le cache Il s’agit de données « enregistrées » dans un état statique sur un système. Le cache navigateur Voici le code correspondant à entrer dans votre fichier .htaccess : Mise en cache, cache-control
Feng GUI l’intelligence artificielle pour améliorer votre site | Blog referencement Vous pensez (à tort) que le site web que vous venez de finir est le plus beau graphiquement et le plus ergonomique ; l’internaute trouve tout ce qu’il veut sur votre site, le temps de visite est élevé, le taux de rebond est faible, si vous êtes dans ce cas il est fort probable que votre site a un problème d’utilisabilité. Un temps de visite long ne signifie pas que vos visiteurs adorent votre site et ne voudraient pas aller voir ailleurs, au contraire c’est sans doute qu’ils ne trouvent pas ce qu’il cherchent, soyons modeste (Je ne dis pas que votre site est forcément mauvais). Le faible taux de rebond est peut être une conséquence directe de cette « frustration », le visiteur clique frénétiquement à la recherche de l’ Information. Permettons nous de douter… Souvent nous pensons que notre site ne présente pas de problème de navigation et que l’on a mis les liens avec l’ancre comme il faut et que l’internaute n’a plus qu’à… Pour trancher, la parade est : Tester ! Testons la bête La BNP La HSBC
Récupérer un podcast pour l'écouter en ligne 8 fév. 2011 En utilisant PHP et JavaScript, nous pouvons récupérer à la volée dans un podcast les données nécessaires pour le mettre en écoute dans un module comme dewplayer (lecteur gratuit de mp3). Pour réaliser notre lecteur de podcast dynamique, il nous faut d'abord rendre le XML lisible, nous prenons en effet un flux extérieur au site dans lequel nous voulons afficher notre dewplayer. Pour que cela fonctionne, il est indispensable que le serveur pense que ce fichier XML se trouve sur notre site. Il existe une parade en PHP pour le faire. Vous devez créer un fichier, par exemple podcast.php, et y mettre le code suivant : Pour cet exemple nous avons choisi un podcast de radiofrance. Maintenant si vous ouvrez en ligne votre fichier podcast.php il s'affichera avec le contenu XML du fichier extérieur hébergé sur radiofrance. Pour la suite nous allons passer par jQuery. 1. avec l'extension jquery.jfeed.pack.js. 2. Code complet d'une page avec un podcast :
Comment imposer une expérience full HTML5 / CSS3 à vos visiteurs [Dictator mode] Décidément, ils ont toujours de bonnes idées chez Google... Afin de faire la nique à Internet Explorer et surtout de permettre aux Webmasters de proposer une expérience full HTML5 / CSS 3 à leurs visiteurs sous IE, le géant des Internetz a mis en ligne Google Chrome Frame. Google Chrome Frame ou GCF est un plugin pour IE qui permet d'utiliser le moteur de Chrome (webkit) sans devoir installer Chrome. Ce qu'il faut savoir, c'est que ce plugin peut être activé et proposé par les webmasters grâce au code suivant, à placer dans le head de votre site : Et à placer juste après la balise de fermeture </body> : Ainsi, en arrivant sur votre site, vos visiteurs IE qui ne disposent pas encore de Chrome Frame verront la popup suivante : Ok, y'a plus sexy et moins intrusif, mais dans certains cas, ça peut servir. BrowserMatch chromeframe gcfHeader append X-UA-Compatible "chrome=1" env=gcf Et voilà ! Amusez-vous bien ! Source Vous avez aimé cet article ?
5 étapes pour indexer votre site Joomla par Google Contenu text : ouiContenu vidéo: non Vous avez créé un site Joomla pour votre entreprise et vous vous demandez comment générer du trafic? La première chose à faire consiste à être correctement indexé par les moteurs de recherche et notamment bien sûr par Google. Sans indexation par les moteurs de recherche vous n'avez aucune chance de faire connaitre votre site sur la toile. Dans ce tutoriel, nous allons vous expliquer l'importance des liens et notamment des backlinks, pourquoi la qualité de votre template est importante, comment intégrer un sitemap à votre site, pourquoi et comment soumettre votre site aux outils Google Webmaster et enfin comment contrôler quelles sont les pages indexées par Google. Les moteurs de recherche de type "spiders" scannent les sites web du monde entier en continu afin d'indexer les nouvelles pages ainsi que celles modifiées pour que celles-ci puissent par la suite être recherchées via les moteurs de recherche. 1. 2. 3. 4. 5. site:www.votresite.com
URL rewriting pour les nuls Hello, C'est sans doute moi mais je n'ai pas trouvé de tutoriel pour les Rewrite Rules sur le site. Je vous propose donc le mien. Principe:L'url rewriting permet d'utiliser des urls toute simples au lieu d'url longues et complexes maPage-val1-val2-val3.html à la place de maPage.php? Vous devez vous meme modifier l'ecriture des URL DANS VOTRE CODE SOURCE. Avantages:Les bots suivront les liens simplifiés et indexeront votre site en profondeur. Inconvénients:Il faut un serveur à la hauteur - car cela consomme en ressource. Comment ca marche? RewriteEngine on RewriteRule \photo-([0-9]+)\.html$ /photo.php? Et réecrire vos liens dans vos pages. L'url rewriting décortiqué:D'abord il faut identifier les liens que vous allez réecrire: Comme je suis photographe j'ai un site qui gére des photos, des albums (appelés event) et des portfolios. portfolio.php? Dès que vous avez listé les URL vous devez concevoir le format des nlles URLs. Ajouter les regles de réecriture dans le .htaccess / debute la réécriture ex
Dive Into HTML5 SEO : Comment avoir une stratégie SEO de long terme ? - MLB Web Nous ne comptons plus les « améliorations » de l’algorithme de Google qui font hurler les spécialistes en référencement. Alors que les plus malhonnêtes se serviront de ces changements pour être de moins en moins transparents auprès de leurs clients (« C’est pas moi c’est Google qui a placé son filtre « not provided » à 100% »), d’autres au contraire ont compris depuis longtemps que partir en guerre contre Big Brother était peine perdue. Nous pourrions parler dans cet article de toutes les raisons qui font que Google nous donne du fil à retordre mais il est plus utile de nous concentrer sur les solutions. Google nous fera sûrement d’autres belles surprises donc autant apprendre à adapter son SEO dès maintenant Google nous donne moins d’informations mais les clients en veulent toujours autant Restez concentré sur l’objectif principal Qu’est-ce que le référencement ? Quel est le but de votre site internet ? Le but de Google L’objectif de Google est de gagner de l’argent (qui a dit ça ?!)
HTML5 History API - dynamic websites like never before - Web Species blog I have talked about this before, but JavaScript should not dictate content or website structure. It should only improve the UI, but even with JavaScript disabled website should work. Using the new HTML5 History API allows to do that one step further - making dynamic websites behave like normal ones. What is History API? History API is quite a simple concept - a JavaScript API you can use to control history state. With using History API you can add an entry to history stack once some dynamic content is loaded. All this behavior is very well explained in “Dive into HTML5” book, but in short when you load some content using Ajax or you move user to a place in a page which you want to have linkable - use History API. Of course like with most of the new HTML5 functionality, this is not supported in all browsers. How to use it? There is only one main method: history.pushState(state, title, link); and one event: State example from Mozzila documentation: How I used it Conclusion
Balises img et map La balise <img> et ses attributs La balise a de nombreux attributs, le plus important étant bien entendu src qui permet de spécifier l'URL complète (chemin) du fichier : Le nom de fichier doit être remplacé par le nom de l'image et son extension (ordi.gif). Si votre fichier ordi.gif se trouve dans un autre répertoire que vos pages, par exemple dans un répertoire gif, cela donne : A noter que vous pouvez charger une image sur un autre site (principe du compteur). Note : Pas de barre oblique inverse \. a) Précisez la taille de l'image au navigateur ! En précisant la taille de l'image au navigateur, celui-ci charge plus rapidement votre page. Vous pouvez donc agrandir ou rétrécir votre image en jouant sur les attributs width et height mais attention ! b) Fournir un texte de rechange c) Entourer l'image Avec l'attribut border vous pouvez entourer l'image d'une bordure. d) Espacer l'image e) Positionner et aligner une image f) Prévisualisation des images La balise <map> et ses attributs