Astuces de Webmaster

L’exemple en PHP est ici : PHP : distance en kilomètres, durée et étapes du trajet grâce à Google Maps API Directions

Il était amusant de voir que cette fonctionnalité était possible mais qu’elle était juste refusée au niveau de la requête par Google : si vous lisiez via le navigateur le flux JSON, vous y voyiez des informations intéressantes telles que la distance et l’itinéraire pour aller d’un point A à un point B, qu’on aurait tout à fait pu parser. Mais Google le refusait.

Cette annonce n’a l’air de rien : http://googlegeodevelopers.blogspot.com/2010/05/directions-web-service-arrives-at.html mais c’est une révolution pour ceux qui souhaitent intégrer des calculs de distance, ou faire des PDF avec des itinéraires ou ce genre de choses.

Concrètement, le flux que vous recevez ressemble à ceci :

{
« status »: « OK »,
« routes »: [ {
« summary »: « Massachusetts Ave, Massachusetts 2A W et Lexington Rd »,
« legs »: [ {
« steps »: [ {
« travel_mode »: « DRIVING »,
« start_location »: {
« lat »: 42.3585300,
« lng »: -71.0600700
},
« end_location »: {
« lat »: 42.3580200,
« lng »: -71.0604300
},
« polyline »: {
« points »: « ycpaGl|upLdBfA »,
« levels »: « BB »
},
« duration »: {
« value »: 4,
« text »: « 1 minute »
},
(…)

(http://maps.google.com/maps/api/directions/json?origin=Boston,MA&destination=Concord,MA&waypoints=Charlestown,MA|Lexington,MA&sensor=false
Enjoy !

Source : https://mail.google.com/mail/?hl=fr&shva=1#inbox/128b3a8d28ec3fd6
Autres API qui viennent de sortir : http://www.zorgloob.com/2010-05/google-fait-le-plein-dapi/

L’exemple en PHP est ici : PHP : distance en kilomètres, durée et étapes du trajet grâce à Google Maps API Directions

Tout responsable de boutique e-commerce a pour responsabilité de s’assurer de la continuité du service. Pour cela, il dispose de nombreux outils gratuits un peu partout, le tout étant d’utiliser les bons outils et de les utiliser régulièrement.

Je me propose ici d’en faire une liste et d’en décrire l’utilisation que j’en fais. Si vous le voulez bien, je vous demanderai votre avis et nous ferons évoluer cette liste afin d’avoir une check-list la plus exhaustive possible.

A faire circuler évidemment ;)

Le premier des outils, Google >Analytics

Quel meilleur outil de gestion au quotidien que Google Analytics. Pensez notamment à

- Configurer votre tableau de bord.
Suivant ce que vous cherchez à optimiser sur le moment, un bouton « ajouter au tableau de bord » apparaît en haut à gauche de chaque rubrique dans le bandeau gris ; cela garde les paramètres en cours ;

- Définir vos objectifs
Les objectifs, c’est lorsque vous tirez quelque chose de votre internaute. La plupart des sites marchands définissent les objectifs suivant : formulaire de contact, demande de devis, achat avec paiement à confirmer (chèques, virements,…), achat avec paiement confirmé (CB).
L’entonnoir de conversion est le fait de ramener l’ensemble des internautes qui se trouvent sur l’ensemble des pages (haut de l’entonnoir) vers l’unique page qui vous intéresse pour un entonnoir donné. Un entonnoir = Un objectif. Pensez à prévoir des pages (avec URLs spécifiques après conversion, ex. /contact/merci)

- Créer des alertes (non pas via le deuxième lien du menu, mais via l’encart « mes personnalisations »)
Il est plutôt intéressant d’être prévenu à la minute où « quelque chose se trame », les alertes (Bêta ;o)) permettent de définir des indicateurs intéressants. Pour ma part, j’ai paramétré des alertes regardant les évolutions d’une semaine sur l’autre pour être averti s’il y a

o  Baisse significative du nombre de visites versus même jour de la semaine précédente (si baisse > 40%)

o  Hausse significative du taux de rebond (si hausse > 20%)

o  Temps moyen passé sur le site baisse (baisse > 30%)

Suivant les habitudes, et suivant si l’on est habitué à plus ou moins de fluctuations, on peut (on doit) évidemment moduler ces pourcentages.

- Consulter les alertes automatiques (rubrique Alertes en deuxième position du menu cette fois) qui mettent automatiquement en exergue des moments notables de la vie de votre site.

Google Sitemaps

Fonctionnalités principales de sitemaps (si vous connaissez, relisez quand même cette liste, on redécouvre toujours l’outil)

- Pages introuvables sur le site

- Impressions (= affichages de vos liens sur Google) versus nombre de clics

- Performances du site (rubrique « labos/performances du site » et « diagnostic/statistiques sur l’exploration » – permet notamment de voir le temps de téléchargement d’une page sur Google qui est nouvellement devenu un critère de positionnement http://googlewebmestrecentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html)

- Gestion de vos sites links (liens qui apparaissent sous votre résultat dans Google)

- Abonnés via Google Reader (« votre site sur le web / statistiques sur les abonnés »)

- Etat du sitemap. Souvent laissés de côté, les >sitemaps ne sont pas là que pour faire joli, ils montrent notamment à Google le niveau d’importance des différentes pages et leur hiérarchie telle que souhaitée par le webmestre.

Pour mesurer les performances au fil du temps, et être averti des éventuelles baisses de régime, vous pouvez utiliser Woozweb, un outil de Smile qui teste un contenu donné sur une page donné régulièrement, vous fait des graphiques sur les temps d’exécution, vous donne les moyennes, et surtout vous prévient par e-mail lorsque le temps d’exécution dépasse un seuil défini. http://www.woozweb.com/homeview

Google trends / websites

Magnifique outil s’il en est, Google Trends vous permet de comparer deux mots clés et de savoir si c’est « ordinateur » le plus recherché, ou « ordinateurs » (http://www.google.com/trends?q=ordinateur,ordinateurs) ou encore de voir les préoccupations des gens et l’évolution de leurs recherches sur certains mots clés (http://www.google.com/trends?q=attentats) et ce pays par pays, et éventuellement ville par ville. Ces résultats sont exportables sous Excel au format CSV (Cf. lien de bas de page)

Quoi de mieux pour l’étude de la concurrence que Google Trends Websites. Bien que réservé à des sites à fort trafic (à l’exception de Google qui s’est auto-exclu..), qu’un comparateur de sites Internet. Vous pourrez voir l’évolution site Internet par site Internet depuis 2006 (Google le faisait avant, mais mal donc ils ont réduit les possibilités au niveau des dates) et comparer plusieurs sites Internet. Exemple pour quelques sites E-commerce français : http://www.google.com/trends?q=rueducommerce.fr,pixmania.fr,discounteo.com,amazon.fr&date=all&geo=fra&ctab=0&sort=0&sa=N

Générateur de mots clés >Adwords

Comme son nom l’indique, le générateur de mots clés de Google >Adwords sert à générer des mots clés, vous entrez une thématiques vous cochez « synonymes », et l’outil vous propose un ensemble de mots clés (ciblage « exact », « large » ou « expression ») en indiquant pour chaque le niveau de concurrence qui fait rage sur Google >Adwords et le volume de recherche. Pratique !

Suivre les actualités

Détail qui n’en est pas un : être au courant de ce qui se passe ailleurs, être au courant des tendances pour apprendre à les anticiper ! Le meilleur moyen à mon sens : Google Reader, vous affichez vos flux en liste étendue (« >expanded »), et vous défilez l’ensemble des news avec la touche espace. Ça va vite, c’est agréable. Vous avez même l’extension Google Chrome qui vous dit combien d’éléments sont en attente de lecture, ça vous évite d’y aller pour rien.

Pour suivre les actualités de votre domaine, il y a une fonctionnalité méconnue de Google News : l’export d’un flux de news en RSS. Allez dans Google News, tapez la requête qui va bien en prenant soin d’exclure les éventuels sujets qui ne vous intéressent pas (exemple : « DSI –nintendo » en ce qui me concerne), trouvez le lien « RSS » en pied de page et faites-vous plaisir. Exemple de flux : http://news.google.fr/news/search?pz=1&cf=all&ned=fr&hl=fr&q=DSI+-nintendo

A noter que Google Reader accepte aussi que vous vous abonniez à une page (et donc pas un flux), et il vous montre les différences et nouveautés sur cette page dès que détectées ! (utile quand les sites ne proposent pas de flux ! exemple plus bas avec les extensions)

Suivi du client !

Trop souvent oublié, le client doit être très écouté, en permanence mais surtout les premiers temps. Pour cela, tout est bon :

- Sondage « que recherchez-vous ? » dans la colonne de droite pour identifier les désirs initiaux de vos visiteurs ;

- Formulaire de contact toujours disponible aux endroits attendus (pied de page, en haut à droite, près du panier) ;

- Numéro de téléphone toujours en évidence et les personnes qui répondent qualifient les appels (formulaire construit en deux minutes grâce à Google Docs ?) ;

- E-mails épluchés et qualifiés ;

- Retours sur les forums sur le web ;

-…

Extensions des navigateurs

De nouvelles extensions sortent tous les jours et elles apportent leur lot de surprises ! Pour Firefox comme pour Google Chrome, il y en a énormément mais les extensions réellement utiles sont beaucoup moins nombreuses. Je me tiens à Google Chrome car la rapidité de ce navigateur et l’indépendance de ses onglets me plaisent particulièrement (lorsqu’un onglet plante, ce n’est pas tout le navigateur qui plante).

Tout d’abord, ajoutez carrément la page dans Google Reader pour être au courant des nouveautés : https://chrome.google.com/extensions/list/newest?hl=fr

Quelques extensions intéressantes pour vous :

- Capture de pages web : https://chrome.google.com/extensions/detail/ckibcdccnfeookdmbahgiakhnjcddpki

- Abonnement RSS comme sur Firefox : https://chrome.google.com/extensions/detail/nlbjncdgjeocebhnmkbbbdekmmmcbfjd

- Google Alerter vous dit combien de news et de mails vous avez https://chrome.google.com/extensions/detail/ikefielkhonlbnjjfhcjmepanaeajkbh

- La même chose mais avec Google Reader uniquement https://chrome.google.com/extensions/detail/jnmalhpnifcgaicdjnacljombhmgagin

- Web Developer vous permet de désactiver les feuilles de styles, d’afficher les mots de passe, d’afficher les identifiants des balises, très utile pour les webmestres https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm

- Bouton « partager » (twitter, facebook, >gmail, viadeo,…) https://chrome.google.com/extensions/detail/idaeealfhcijmeigljaopafdapgijdcb

- SEO (informations SEO sur la page et le domaine concerné) https://chrome.google.com/extensions/detail/oangcciaeihlfmhppegpdceadpfaoclj

- Google maps dans une bulle (j’adore ! très utile au quotidien) https://chrome.google.com/extensions/detail/oeahddlmhbcabnnojadgimmiaaplfpfo

Les scenarios, très important dans la vie d’un site

Lorsque vous faites développer un site ou des fonctionnalités, vous passez votre temps ensuite à tester différentes façons d’aller à vos objectifs définis (voir plus haut) pour vérifier que tout va bien. Il existe une extension >firefox dans laquelle vous enregistrez, vous faites vos clics une fois, vous stoppez. Vous lisez et ça refait la séquence pour vous en vous affichant les pages une à une et en suivant les mêmes liens. Pratique, rapide ! http://seleniumhq.org/projects/ide/

Envoyer des SMS via une requête HTTP…

J’en rêvais, Orange l’a fait : une simple requête du type http://orange.fr/?numero=33679241181&message=bonjour&marchand=3958093&cle=9835 (lien simplifié à l’extrême mais c’est l’idée) qui vous permette d’envoyer un SMS ? Si vous ne connaissiez pas, vous entrevoyez déjà un tas d’applications ! Prévenir les clients du départ de leurs colis (leur faire payer pourquoi pas ?), rappeler aux mauvais payeurs que vous attendez de leurs nouvelles, indiquer à un partenaire qui bouge tout le temps qu’un sujet mérite son attention sur son interface,… (Les mailings SMS ne sont pas indiqués par ce biais, des entreprises le font très bien avec gestion des désabonnements, etc.) http://api.orange.com/fr/api/sms-api,3

Vérifier l’ensemble des liens de votre site

Vous vous amusez souvent à cliquer sur tous les liens possibles et imaginables sur votre site qui contient plusieurs centaines de milliers de pages ? Des outils le font pour vous et vous font un rapport sur les pages introuvables (404), et sur quelles pages pointaient vers elles ! (utile lorsque l’on crée un lien avec un espace en plein milieu qui mène vers une 404, j’en sais quelque chose !). Cet outil, c’est Xenu, il est pas tout récent, il est pas très beau, mais il est efficace. http://www.google.fr/search?sourceid=chrome&ie=UTF-8&q=telecharger+xenu

Chassez le duplicate content !

Comment ça c’est quoi le duplicate content ? Bon, déjà lisez ça : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=66359

Ensuite, allez là : http://www.webconfs.com/similar-page-checker.php

Je vous rappelle que deux pages différentes, c’est deux URLs différentes (URL = partie avant l’ancre, donc avant un dièse – # – éventuel).

D’autres outils utiles dans cette idée sont disponibles ici : http://www.iwebtool.com/tools/

Vérifiez que votre e-mail n’est pas considéré comme spammeur !

Un lien pour cela : http://www.mxtoolbox.com/blacklists.aspx

Voici le système que j’utilise aujourd’hui pour le suivi de mes serveurs dédiés. Il s’agit d’un système très simple composé des briques suivantes :
- Dernière version de PHPWatch (voir le site)
- API SMS – Bêta – By Orange (Accéder à l’API Manager – voir notamment le lien dans le menu de gauche API SMS)
- Quelques modifications sur le cron pour l’envoi d’e-mails.

De base, cela ne monitore que si les services Apache (si on regarde le port 80 / http) sont up ou down et non si les pages sont fonctionnelles (on ne verra pas les erreurs PHP mais on va pouvoir trouver des solutions pour cela.. bientôt)

Chaque SMS envoyé coûtera 10 centimes débités sur le compte. Soit le prix d’un SMS que vous envoyez avec n’importe quel mobile.

0. Allez sur l’interface API SMS d’Orange, inscrivez-vous, créditez votre compte de 10€ pour le test (cochez éventuellement la case renouvellement automatique) et dans l’onglet « key », notez bien votre clé API.
1. Mettez en ligne le script (cliquez ici pour télécharger) sur un serveur autre que celui que vous souhaitez monitorer et allez à son adresse en ajoutant /install/ à la fin et suivez les instructions (attention, il n’y a pas d’espaces de nom sur les tables…)
2. Allez dans la table « logs » et ajoutez une colonne « message ». Elle servira à reccueillir lors d’un problème un arrêté de l’e-mail envoyé. Cela peut toujours servir.
3. Ouvrez le fichier cron.php qui se trouve à la racine du répertoire PHPWatch et insérez le code suivant en lieu et place de l’existant :

<?php
// A qui on envoie des SMS en cas de problème ?
$contactsMonitoringSMS=Array(
‘RomainMobile’=>’33679241180′,
‘CollegueMobile’=>’336XXXXXX’,

);
// A qui on envoie un mail en cas de problème ? (en parallèle)
$contactsMonitoringEMAIL=Array(
‘RomainPerso’=>’monemail@gmail.com’
,’ServiceInformatique’=>’monemailpro@maboite.com’
);

define(‘PATH_TO’, ‘./’);
require_once(PATH_TO . ‘common.php’);

$all = ServiceChecker::getReport();

foreach($all as $monitors)
{
foreach($monitors as $monitor)
{
$monitor['derniereFoisOffline']=date(« d/m/Y H:i:s »,$monitor['last_offline']);
// print_r($monitor);
if(!$monitor['online'])
{
$message = $monitor['host'] . ‘ HORS LIGNE. NOTIFICATIONS ENVOYEES. (/!\\ PHASE DE TEST, A VOIR SI C FIABLE)’;
echo $message;

foreach($contactsMonitoringSMS as $prenom=>$numero) {
$phone_number = $numero;
$contactsEmail= »"; foreach($contactsMonitoringEMAIL as $prenom=>$email) $contactsEmail.= » [".$prenom."] « ;
$contactsSMS= »"; foreach($contactsMonitoringSMS as $prenom=>$numero) $contactsSMS.= » [".$prenom."] « ;

// attention, on coupe le message à 155 caractères
$sms=$monitor['host']. » HS – SMS : « .$contactsSMS. » – @ : « .$contactsEmail;
if(strlen($sms)>159) $sms=substr($sms,0,154).’[...]‘;
$text_message = urlencode($sms);
$api_access_key = ‘dexxxx5ac’; // Mettez votre clé API – disponible sur l’API Manager
$url = « http://sms.alpha.orange-api.net/sms/sendSMS.xml?id=$api_access_key&to=$phone_number&content=$text_message »;
$response = file_get_contents($url);
$xml = simplexml_load_string($response);
echo « Status: « ,$xml->status->status_msg;

}
foreach($contactsMonitoringEMAIL as $prenom=>$email) {
$to = $email;
$subject = $message;
ob_start();
echo $message;
echo « \nE-mails envoyes a :\n »;
print_r($contactsMonitoringEMAIL);
echo « \nSMS envoyes a :\n »;
print_r($contactsMonitoringSMS);
echo « \nDetails Erreur :\n »;
print_r($monitor);
$msg=ob_get_contents();
ob_end_clean();
$headers = ‘From: Roms Monitoring ‘. »\r\n »;
//$headers .= ‘Bcc: Moi ; lui ‘. »\r\n »;
$headers .= « \r\n »;
mail($to, $subject, $msg, $headers);
}
NotificationHandler::sendNotifications($monitor);
}

$requete=’INSERT INTO logs (monitor, timestamp, online, message) VALUES
(‘ . $monitor['id'] . ‘, ‘ . time() . ‘, ‘ . ($monitor['online'] ? 1 : 0) . ‘, \ ».addslashes($msg).’\')’;
$GLOBALS['PW_DB']->query($requete);
}
}
?>

4. Créez le cron qui va bien dans le crontab si vous avez un serveur dédié (autre que celui monitoré évidemment – en faisant un wget http://www.monsite.com/repertoirePHPWatch/cron.php).
Si vous avez un mutualisé chez OVH (type 60gp, 90plan,…), vous pouvez aller dans votre manager OVH, rubrique « Mutualisé » > « Hébergement » > Planificateur de tâches et créer une tâche qui lance le fichier cron.php chaque heure.
Si vous n’avez ni l’un ni l’autre, vous avez toujours WebCron.org ou ça..
Ou bien, si vous avez des amis qui ont un dédié, c’est le moment de les solliciter, c’est pas bien méchant un cron..
Réserves : attention, il s’agit d’une première version de développement, tous les composants sont en phase bêta. Vous aurez remarqué également que lorsqu’on dit dans le message envoyé « NOTIFICATIONS ENVOYEES », on n’a pas vérifié que c’était effectivement le cas… Par ailleurs, on peut imaginer monitorer l’état réel d’un script en jouant avec les entêtes renvoyées ou avec des contenus de la page. Pour l’instant, cette version me convient.

Tous retours d’expérience bienvenus pour compléter ce tutoriel.

http://www.codeproject.com/KB/aspnet/LocalizedSamplePart2.aspx#databasedesign

Excellent article lu sur JDNet via Compario : Les axes de performance du moteur de recherche dans le secteur du e-commerce

L’auteur y explique les techniques actuelles pour répondre au mieux à toute requête d’un prospect sur un moteur de recherche type « one box ».

Morceaux choisis :
« Un chercheur transforme deux fois plus qu’un visiteur »

« 73% des visiteurs de site e-commerce quittent le site au bout de deux minutes »

« 40% des visiteurs d’un site marchand vont utiliser le moteur de recherche interne »

« lorsque l’internaute recherche TV, il s’attend à avoir la liste des télévisions disponibles sur le site en priorité et bien plus tard ou en marge, les accessoires qui se branchent sur la Télévision »

« [La navigation à facettes] s’appuie sur une recherche simple, sans mention de critères. En réponse, le moteur va présenter une vue de la répartition de l’ensemble des réponses selon diverses catégories ainsi que le nombre d’occurences. L’internaute choisit alors la facette qui l’intéresse, et va ainsi restreindre les résultats à ceux qui correspondent à son choix. »

« es sources d’erreur dans la recherche d’un article ou d’un produit sont multiples (faute d’orthographe, recherche de référence mal saisie…) et leurs effets sur l’acte d’achat sont en général rédhibitoires » (lire à ce sujet notre article sur la distance de levenshtein)

« La question de l’intégration d’un module de langage naturel doit se poser lorsque l’on se trouve sur un service présentant une offre dont plus de 3 caractéristiques semblent indispensables à la définition des produits : ex : l’immobilier ou l’achat de véhicule. L’internaute va recherche un appartement de 100m2 avec terrasse et 3 chambres. »

« Le principe [de la suggestion orthographique] est donc de proposer en lien, une orthographe approchante de celle saisie par l’internaute, en reformulant exactement la recherche avec les termes corrigés. »

« [L'autocomplétion] permet de compléter en live la saisie de l’internaute dans la boîte de recherche. Cela permet de lui suggérer des recherches avant même qu’il ait terminé de l’exprimer »

« il faudra plutôt envisager la suggestion d’articles au sein des réponses afin de compléter l’offre et d’enrichir le panier. « 

A découvrir sur Framasoft :

Task Coach est un gestionnaire de tâches permettant d’organiser facilement son travail en le découpant en tâches et sous-tâches. Les tâches peuvent être classées par catégorie et un outil permet de comptabiliser le temps passé sur chaque tâche.

En savoir plus sur : http://www.framasoft.net/article4805.html

A noter que c’est compatible avec Funambol (voir le précédent billet)

Découverte intéressante faite ce jour.

Le client de messagerie Evolution (Novell), principalement utilisé sous Linux existe également en version Windows (ça date de 2005) :

Contrairement à Thunderbird, ce logiciel est full compatible et ne se contente pas de récupérer les e-mails en IMAP.

Le site du projet : http://projects.gnome.org/evolution/
Le site de téléchargement de la version Windows : http://www.dipconsultants.com/evolution/
La description sur Wikipédia : http://fr.wikipedia.org/wiki/Novell_Evolution

Existe également pour Mac : http://forge.novell.com/modules/xfcontent/downloads.php/evolution/builds/osx-evolution-2.6/

Il n’est pas encore répertorié chez Framasoft mais on en parle sur leur forum.

A noter qu’il y a un des gars de chez Novell qui a planché sur ce projet qui avait bossé sur The Gimp il y a quelques temps..

Présentation selon ubuntu-fr.org

Funambol est une suite logicielle permettant la synchronisation de données telles qu’un carnet d’adresses, un calendrier ou des emails, entre plusieurs ordinateurs et/ou périphériques portables (PocketPC, Smartphone, iPod, …). Il fait donc partie des logiciels de type PIM (Personal Information Manager), acronyme qui désigne par extension les données personnelles gérées. … [Lire la suite]

Le site officiel est là : https://www.forge.funambol.org/download/

Voir aussi : ScheduleWorld

Petite astuce pour les personnes recherchant leur fichier PHP.INI, en général sur les serveurs dédiés. Si vous n’êtes pas très ami avec la syntaxe de Tux, cette commande va vous aider:

php -i | grep php.ini

En espérant vous avoir aidé !

Quelques commandes SSH utiles pour tout adminstrateur de serveurs dédiés :

Pour utiliser SSH, utilisez Putty sur Windows, ou le terminal sur Mac et Linux; Sur le terminal, entrez la commande « ssh userSSH@ipServeur » ce qui vous invitera à entrer le mot de passe de l’utilisateur « userSSH ».

top
=> indique les processus appelés
=> pendant l’exécution, taper « A » pour avoir des informations sur les tâches, « U » pour classer les processus par %CPU
=> faire ctrl+C (même sur Mac) pour en sortir

time wget URL
=> vous indique le temps pris pour exécuter telle URL

ps aux
affiche des informations sur les processus en cours
==> ps aux | grep ssh vous permet d’afficher les utilisateurs SSH connectés
NB : Cet article va être complété au fur et à mesure du temps et des besoins, n’hésitez pas à proposer des commandes en commentaires

Alsacreations a mis pas mal de commandes utiles aussi, voir ici : http://www.alsacreations.com/tuto/lire/613-Monitoring-serveur.html