picture picture
mars 9, 2019 (X)HTML 0 Commentaire

Tester la vitesse d’affichage de son site

Confort des internautes et référencement naturel de son site : voici une bonne méthode pour tester la vitesse d'affichage de son site.


Pourquoi est-il important de ne pas avoir une page d’accueil trop lourde ?

Pour 2 raisons majeures :

  • l’internaute est, par définition, un humain pressé : la durée moyenne de visite d’un site internet est de 2 minutes 17 secondes (2018)… S’il doit commencer par attendre 1/2 minute que la page d’accueil charge, il zappe et va voir ailleurs.
  • Google inclue la « légèreté » de votre page d’accueil dans ses algorithmes de référencement naturel (la position de votre site sur les pages de son moteur de recherche).

Il existe plusieurs outils web permettant d’optimiser le poids de cette page d’accueil : en voici un qui fonctionne bien […]

août 14, 2018 (X)HTML, JavaScript 0 Commentaire

Validation JavaScript d’un menu déroulant

Validation JavaScript d'un menu déroulantA l’instar du classique formulaires de commande sur internet, par exemple, avec sa fameuse case à cocher de validation des CGV (Conditions Générales des Ventes) avant finalisation de la commande en ligne, ce billet vous permettra de valider un formulaire selon un choix prédéfini dans un menu déroulant.
– Si le bon choix est fait, le formulaire est envoyé au clic sur le bouton d’envoi.
– Sinon, on peut déclencher une boîte d’alerte et bloquer l’envoi du formulaire.

septembre 21, 2017 (X)HTML, CSS 7 Commentaires

Comment avoir un footer collé en bas de page ?

En CSS, on ne peut pas compter sur les calques supérieurs pour avoir toujours un footer collé en bas de page …L’issue CSS est simple. Blog de Web TolosaLe problème des pages dynamiques (dont le contenu est extrait d’une base des données), c’est qu’on ne peut pas prévoir la hauteur de la page. Les calques relatifs se positionnant par empilement, on ne peut donc pas compter sur les calques supérieurs pour coller un pied de page (footer) en bas

L’issue CSS est pourtant simple.

octobre 13, 2013 (X)HTML, PHP 2 Commentaires

Le captcha de la mort qui tue :)

captchaLes captcha, vous savez tous ce que c’est : ces petits champs à remplir au bas des formulaire web pour prouver que vous êtes bien… humains ! On ne sait jamais… « des fois que vous soyez des algues » ?

Bref, c’est moche, souvent illisible et pénible à remplir. Les pires ce sont ceux de Google … à pleurer de laideur.

Celui que je vous propose ici, c’est comme l’œuf de Christophe Colomb : tellement simple qu’on aurait presque honte de ne pas y avoir pensé tout seul avant ! […]

octobre 12, 2013 (X)HTML 0 Commentaire

Le HTML5, ça fonctionne comment ?

html5

En fait c’est tout simple : essayez ! Vous verrez :D

Mode d’emploi pour démarrer : ici […]

 

octobre 12, 2013 (X)HTML, PHP 0 Commentaire

Ma page PHP commence par 

BoomCela s’appelle un BOM (Byte Order Mark) ou, en français, « Marque d’Ordre des Octets », il se trouve au début des fichiers UTF-8 et contient des renseignements sur le sens de lecture des données.

Malheureusement, certains logiciels n’interprètent pas correctement le BOM, ils le considèrent comme une partie du texte et l’affichent…

octobre 12, 2013 (X)HTML, PHP 1 Commentaire

J’ai des ? à la place des caractères accentués…

point d'interrogation

Classique des caractères latins et des extractions de bases des données UTF8 …

Le sujet a déjà été traité mais une petite synthèse ne fait pas de mal !

octobre 12, 2013 (X)HTML 0 Commentaire

Quel lien pour partager une vidéo Youtube ?

youtubeQuelques astuces pour envoyer des lien vers une vidéo Youtube, en plein écran par exemple, eu autostart, démarrant à un moment précis, etc.

Les commentaires sont parfois tellement nuls (« oué c naz ce truc » !!) qu’ils vaut parfois mieux les éviter :cry:

 

mars 7, 2013 (X)HTML 5 Commentaires

Ajouter les boutons Google+, Twitter et Facebook sur votre site

social-iconsC’est une demandes récurrente des jeunes développeurs : comment intégrer sur les pages de mon site des boutons Twitter, Facebook et Google+ (pour ne parler que des plus courants).

L’objectif est de proposer à vos visiteurs de signaler votre page sur Facebook, s’abonner à votre fil Twitter ou votre profil Google+, et ainsi de fidéliser ces nouveaux « followers » ou doper votre audience.

C’est à la fois simple et … pas simple :  les codes des boutons de ces réseaux évoluent au fil du temps !

décembre 9, 2011 (X)HTML 5 Commentaires

Téléchargement de fichier par formulaire : contrôler le poids des envois

Une des limitations des uploads en HTML / PHP est le poids des fichiers.

Tous les webmasters le savent, les fichiers de plus de 2MO provoquent des erreurs de téléchargement (voire des plantages du serveur) quand les paramètres PHP/Apache par défauts sont appliqués.
Il y a bien la possibilité de modifier en FTP le temps d’exécution des scripts ou le poids maximum autorisé en PHP (voir ici : « Tout, tout tout sur les .htaccess de base !« ), mais un certain nombre d’hébergeurs payants ou gratuit ne permettent pas l’utilisation des fichiers htaccess par sécurité.

Il reste donc une autre solution, qui consiste à contrôler le poids des fichiers mis en ligne par les utilisateurs de vos formulaire : c’est très simple en HTML / PHP

avril 28, 2011 (X)HTML, PHP 17 Commentaires

Réécriture d’URL, ou URL Rewriting : petit tutoriel

Réécriture d'URLL’URL Rewriting consiste en gros à modifier la structure des liens afin d’insérer des mots clés dans celui-ci. Ces mots clés sont généralement ceux qui sont présent dans le titre des pages. L’URL rewriting joue également un rôle non négligeable dans le référencement d’un site car les mots clés insérés dans les liens (donc dans leurs adresses) permettent une meilleure indexation de la page concerné.

Retrouvez ici un mode d’emploi simple de cette technique, en 4 temps (comme la valse :biggrin: )…

avril 27, 2011 (X)HTML, TIC News 0 Commentaire

Guide de référencement naturel

pagerankParce que les bases sont toujours bonnes à redire… trouvez ici en téléchargement libre l’excellent petit guide de référencement naturel de Hervé Chuzeville (librement disponible sous Creative Commons)

Une check-list pour ne rien laisser au hasard et optimiser le référencement de son site et son pagerank. Les éléments sont classés par ordre de « poids » du plus important eu moins important : …

Comment ajouter un bouton Facebook sur mon site ?

Logo Facebook

Vous souhaitez ajouter un bouton Facebook à votre site web ou à votre blog pour inviter vos lecteurs à partager ce qu’ils découvrent sur vos pages sur Facebook ? Tout comme les boutons de Tweet, ce sont des duplicateurs d’audience efficaces.

C’est très simple, il existe même sur le site de Facebook une méthode pour récupérer des « bouts de code » à copier-coller…

Comment ajouter un bouton Twitter sur mon site ?

Logo TwitterTwitter, on adore ou on déteste, mais c’est un duplicateur d’audience incontournable pour les sites.

Le principe : un petit bouton qui permet à tout utilisateur qui a aimé une page de votre site d’en envoyer l’URL simplifiée sur les fils de Tweet en un seul clic : génial…

mars 27, 2008 (X)HTML 2 Commentaires

Quand Google joue aux tyrans du web …

« Attention, le site que vous êtes sur le point pour visiter peut nuire à votre ordinateur ! »
de quel droit ?

mars 23, 2008 (X)HTML 2 Commentaires

Je ne veux pas que les robots indexent ma page HTML …

:no: Vous pourrez ainsi par exemple scanner des documents que vous risquez de perdre : carte d’identité, passeport, carte grise, permis, factures,… et les retrouver partout. Ou encore tester un site sans voir vos pages sur Google ! et c’est très simple.

décembre 9, 2007 (X)HTML 3 Commentaires

Le lien de mon "ancre nommée" ne marche pas : Au Secours !

c’est tout bête, et ça ressemble bien à un bug des navigateurs… Mais il y a une solution !

novembre 8, 2006 (X)HTML 0 Commentaire

Les principaux écueils de validation XHTML 1 transitionnel

… quelques petits retours d’expériences de validation…

octobre 25, 2006 (X)HTML 1 Commentaire

XML : la syntaxe abrégée

XML est vendu à toutes les sauces, que l’on parle du très médiatique Web2 avec son XMLHTTPRequest ou du basique XHTML … De quoi s’agit-il en fait ?

mai 6, 2006 (X)HTML 1 Commentaire

Comment optimiser les redirections pour les bots des moteurs de recherche

JavaScript ? HTML ? PHP ? .htaccess ?