Google se met au html5

Mardi 10 novembre, 2009

En consultant le source de la page d’accueil de Google aujourd’hui, je m’apercois qu’elle est passée au HTML5 :


 

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Google</title>

 

Au passage, on y découvre plein de choses dans cette page qui, historiquement, est lisible sur tous les navigateurs.
En y regardant de plus près le css, on y trouve quelques bonnes astuces :
Par exemple :

body,td,a,p{font-family:arial,sans-serif}
input{font-family:inherit}

permet de positionner la police Arial sur Netscape 4, input compris !

Il va peut-être falloir s’y mettre au Html5 !

 

 


Récupérer une traduction Google

Dimanche 8 novembre, 2009

Le problème :
Vous avez souvent trouvé quelques articles sympa en anglais, mais vous souhaiteriez, pour mieux le comprendre, le traduire en francais.
Puis, si l’article est correct, vous souhaiteriez le mettre sur votre site.

La difficulté posé par la plupart des traducteurs en ligne, c’est que le texte est difficilement importable.

La solution :
La solution consiste à utiliser le traducteur Google, à sélectionner la totalité du texte traduit par un Ctrl-A, puis de le copier dans un bloc-note.


Sherlock Holmes

Lundi 19 octobre, 2009
Sherlock Holmes

Sherlock Holmes

Le référencement ne serait-t-il rien d’autre qu’une vaste énigme policière ?


black hattitude

Samedi 19 septembre, 2009

black hattitude de Ced

Black Hattitude, c’est le nom d’un nouveau concours de référencement consistant à se positionner sur les mots “black hattitude” sur le moteur de recherche Google en version française (Google.fr, donc). Ce concours est organisé par Discodog, a commencé le lundi 31 août 2009, et se terminera le lundi 2 novembre.

Me voici donc parti à nouveau à la recherche du sésame me permettant d’atteindre le nirvana sur Google en positionnant mes sites un à un.

Black hattitude, c’est l’occasion de parler de référencement bien entendu, puisque cette expression provient de “Blacks Hats” qui référencent de manière irrégulière leur site dans les moteurs de recherche.

Ca peut être également l’occasion de parler de “black attitude”. Rappelez-vous un peu de tous ces héros dont la couleur ne faisait qu’ajouter à leur éclat : Martin Luther King, par exemple, mais aussi, Mohamed Ali, Malcolm X.

Mais, qui se souvient de Jesse Owens, quadruple médaillé d’or aux jeux de Berlin en 1936, ou de Tommie Smith et de John Carlos, poings gantés mains levées aux JO de 1968.

Et puis, les noirs, c’est aussi… la musique américaine : Nina Simone, Ray Charles, Louis Armstrong, James Brown…

Le noir, c’est aussi, les mauvais souvenirs de l’esclavage… dont l’abolition n’a eu lieu en France qu’en 1848, soit plus de 50 ans après la rédaction des droits de l’homme… “Les hommes naissent libres et égaux en droits !”.

Tiens, ca me file le cafard tout d’un coup…


Schroumyziguac

Mercredi 14 janvier, 2009
cuocthiseo

cuocthiseo

Schroumyziguac, tel est le nouveau mot soumis à ses étudiants de la licence pro TOSPI de Vichy par Romain Colas :

Il s’agit d’un concours de référencement organisé par un professeur à ses étudiants, mais certains webmasters (comme moi) s’amusent à participer, histoire de tester leurs compétence en référencement.

Il faut donc se positionner en tête du mot Schroumysiguac sur Google en version française le dimanche 1er février à 10h (heure française).

Puisque nous y sommes, en ce début d’année, il y a également le concours cuocthiseo : Il s’agit d’un coucours vietnamien se terminant le samedi 7 mars 2009.

Il s’agit de positionner le mot “cuocthiseo” sur google.com (version anglaise donc).

Le concours Busby Seo Test, n’est toujours pas terminé : Il se termine à la fin du mois (le 31 janvier 2009), et je suis actuellement 27 ème, ce qui n’est pas extraordinaire, sans être catastrophique.

 

 


Mettre une page à l’accueil de son blog WordPress

Mercredi 7 janvier, 2009

Là aussi, il s’agit d’un petit aide mémoire, pour ceux qui, comme moi, on perdu un peu de temps à l’installation de leur blog.

C’est tout simple, mais il faut le trouver : Pour mettre une page (et non un article) à l’accueil de son blog, à partir du gestionnaire (accessible à partir du répertoire wp-admin), il s’agit de choisir l’onglet option, puis lecture, et enfin de modifier l’option souhaitée en choisissant une page déjà saisie.

page accueil wordpress

page accueil wordpress


Modification de thème wordpress

Mercredi 7 janvier, 2009

Ceci est un petit aide mémoire pour modifier le thème wordpress par défaut, et le modifier. Ceci suppose que wordpress est déjà installé sur le serveur et qu’il fonctionne.

Etape 1 : Création du thème

- Copier le réperoire /wp-content/themes/default/ vers /wp-content/themes/exemple/
- Modifier les premières ligne du fichier style.css de la manière suivante :

/*
Theme Name: WordPress Simple Clean Fr
Theme URI: http://www.nomdedomaine.fr/
Description: Un thème simple et propre par
<a href="http://www.nomdedomaine.fr/">Votre prénom, votre nom</a>.
Version: 1.0
Author: Votre prénom, votre nom
Author URI: http://www.nomdedomaine.fr/
*/

Oui, je sais, c’est un peu mégalo. Mais, bon, c’est wordpress qui veut ça.

ETAPE 2 : Modification du Css

Je suis reparti de zéro.
L’idée est tout à la fois de maîtrisertotalement la mise en page et d’éviter les bugs d’affichage des navigateurs qui me rendraient un jour ou l’autre la tâche difficile.

Il s’agit d’une mise en page semi-fluide :
- La largeur du texte est de longueur variable (60%)
- La colonne sur le côté est de largeur fixe.

La largeur du texte est de longueur variable pour permettre à l’utilisateur de visualiser le site dans de bonnes conditions sur les différentes configurations (800 x 600, 1024 x 768, 1280 x 1024).

La largeur de la colonne est fixe pour permettre un rideau descendant décrivant une marge pour une meilleur lisibilité.

J’ai dû ajouter une ligne pour le hr : display none; afin de ne pas afficher les barres qui ne sont pas compatibles avec ma mise en page.

ETAPE 3 : Modification des Php

- Modification sur le header.php :
Suppression de la partie css affichant le background.
Suppression de la balise h1 pour des raisons de sémantique et de référencement. (à mon sens la balise h1 doit baliser le titre de la page, et non le nom du site.)

- Modification de single.php :
Modification de h2 par h1.

- Modification du footer.php

pour modifier la signature du site.

C’est fini !

 


Code Analytics

Jeudi 20 novembre, 2008

J’ai perdu aujourd’hui mon code javascript google analytics.

Bon, alors, sans grand discours, le voilà :

<script type=”text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : http://www.);
document.write(unescape(“%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
</script>

 <script type=”text/javascript”>
try { var pageTracker=_gat._getTracker(“UA-XXXXXX-1“);
pageTracker._trackPageview();
} catch(err) {}
</script>

Avec UA-XXXXXX-1 : votre code analytics.

Comment retrouver ce code analytic dans la google analytics ?

 

Eh bien… ce n’est pas si évident que ca, ca donne en 3 étapes :  

  1. Se rendre sur le premier tableau récapitulatif avant les statistiques.
  2. Cliquer sur “Modification” (dans la colonne “Action”).
  3. Cliquer sur “Vérifier l’état” (en haut à droite)

Et c’est gagné !

 

Cliquer sur Modifier

Etape 1 : Cliquer sur Modifier

 

 

 

 

Cliquer sur vérifier l'état

Etape 2 : Cliquer sur vérifier l


Gmail devrait comporter un chat vidéo

Mercredi 12 novembre, 2008
Zig et Puce

Zig et Puce

Google annonce le lancement d’un service de discussion vidéo et audio. Une application téléchargeable depuis Gmail permet aux utilisateurs de discuter via webcam. Ceux qui n’ont qu’un micro peuvent également dialoguer. Google veut faire de Gmail un outil de communication mélangeant e-mail, messagerie instantanée, VoIP avec Google Talk et désormais chat video et audio. 

Par ailleurs, Google devrait lancer son propre portable, appelé Gphone.

On comprend bien la stratégie de Google qui consiste à se positionner sur tous les supports qu’ils soient sur Internet, ou en téléphonie mobile.

A suivre…

 


Créer son sitemap

Mardi 11 novembre, 2008

sitemap

sitemap

Cet article est tiré du site seolizer.com aujourd’hui disparu.

 

Je vous propose aujourd’hui un petit tutoriel dédié à la création d’un sitemap version 0.84.

Avant de vous lancer je vous suggère de réflechir sur la manière dont vous souhaitez que Google crawl votre site. Pour vous aider dans cette démarche, je vous propose une petite série de questions :

- Mon site peut il être divisé en plusieures catégories ?
- Dans chacune de ces catégories quelle est la fréquence de mise à jour des pages : Continue, horaire, journalière, hebdomadaire, mensuelle, annuelle, inexistante ?
- M’est il possible de dater la dernière modification des pages et catégories de mon site ?
- Puis-je évaluer sur une échelle de 0.0 à 1.0 la priorité de chacune de mes pages pour les outils de recherches ?

Maintenant que vous avez les réponses à ces questions nous pouvons entamer l’élaboration de votre sitemap.

Fichier sitemap index

Si vous avez répondu non à la première question, vous pouvez négliger cette étape, je vous conseille néamnoins de la consulter pour une meilleure compréhension de la suite du tutorial.

Pour chaque catégorie de votre site il vous faudra créer un fichier sitemap. Pour référencer ces derniers, nous allons donc créer un fichier “Sitemap index”.

Créez un fichier “index.xml” puis placez le au sein de la racine de votre site. Copiez maintenant ces lignes dans le fichier “index.xml” :
<?xml version=”1.0″ encoding=”UTF-8″?>
<sitemapindex xmlns=”http://www.google.com/schemas/sitemap/0.84“>

Admettons que vous ayez trouvé 3 catégories : News, Articles, et forum et que la date de dernière modification des news soit le 4 Janvier 2005, celle des articles soit le 3 Janvier 2005 et celle du forum soit le 2 Janvier 2005, vous devrez alors inclure ces lignes au fichier xml :

<sitemap>
<loc>http://www.monsite.com/sitemaps/news.xml</loc>
<lastmod>2005-01-04</lastmod>
</sitemap>
<sitemap>
<loc>http://www.monsite.com/sitemaps/articles.xml</loc>
<lastmod>2005-01-03</lastmod>
</sitemap>
<sitemap>
<loc>http://www.monsite.com/sitemaps/forum.xml</loc>
<lastmod>2005-01-02</lastmod>
</sitemap>

Sans oublier la fermeture en bas de fichier de la balise “<sitemapindex>” que nous avons précédemment initialisé :
</sitemapindex>

Si vous ne connaissez pas la date de dernière modification de chaque catégorie, ignorez l’écriture des lignes <lastmod>…</lastmod>

Fichier sitemap

Continuons sur le modèle de site proposé ci-dessus : Il nous faut maintenant créer le fichier “news.xml”. Nous le placerons à la racine de votre site avec le plan du site précédemment créé.

Commencons par écrire ces lignes au sein du fichier nouvellement créé :

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.google.com/schemas/sitemap/0.84">

Si vous avez répondu consciencieusement aux trois dernière questions posées initialement, vous devriez être en mesure de : Dater la dernière modification des pages de la catégorie news de votre site, évaluer la fréquence de modification de ces pages, et leur attribuer un dégré de priorité pour les moteurs de recherches.

Admettons que nous ayons 2 pages dans notre catégorie news : “politique.html” et “economie.html”. Nous savons que la date de dernière modification du fichier “politique.html” est 4 Janvier 2005, nous évaluons à journalière la fréquence de mise à jour de cette page, et nous jugons qu’elle a une priorité de 0.8 sachant que par défaut un fichier a une priorité de 0.5

En revanche nous ne connaissons pas la date de dernière modification du fichier “economie.html” ni sa fréquence de mise à jour, mais nous évaluons sa priorité à 0.6

Voilà les lignes qu’il faudra écrire pour répondre à ces contraintes :

<url>
<loc>http://www.monsite.com/news/politique.html</loc>
<lastmod>2005-01-04</lastmod>
<changefreq>daily</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>http://www.monsite.com/news/economie.html</loc>
<priority>0.6</priority>
</url>

Si vous ne souhaitez pas non plus évaluer la priorité d’un fichier, c’est à dire la laisser à sa valeur par défaut qui est 0.5, vous pouvez ignorer la ligne <priority>…</priority>. En effet, seule la ligne <loc>…</loc> est obligatoire.

Pour ce qui est du champ <changefreq>…</changefreq>, voici les valeurs qu’il accepte : “always”, “hourly”, “daily”, “weekly”, “monthly”, “yearly” et “never”.

Il ne reste plus qu’à fermer la balise “<urlset>” :
</urlset>

Répétez maintenant cette étape pour les catégories restantes de votre site, dans notre cas ce sera : Articles et forum.

Yooda propose gratuitement Yoodamap, un logiciel permettant de générer efficacement le sitemap d’un site en saisissant simplement son URL.

Upload des fichiers sitemaps

Pour mener à bien la finalisation de cette procédure il faudra tout d’abord vous créer un compte Google. Une fois cette étape réalisée, connectez vous à la plateforme d’upload des sitemaps, cliquez sur “Add a Sitemap” puis indiquez l’adresse de votre fichier “Sitemap index”, ou celui de votre “Sitemap” si vous n’avez pas créé de “Sitemap index”.

Après validation, Google mettra votre demande en file d’attente et la traitera dès qu’il aura des ressources libres. Soyez patients, cela peut prendre plusieures heures !