Référencer un site s’agit d’indexer le mieux possible toutes les pages du site dans les outils de recherche.
Positionner un site concerne l’amélioration de la position des pages du site dans les résultats de Google. Lire la suite… »
Tandis que Google ouvre un service par SMS et un moteur de recherche de livres, Yahoo subit un lifting et propose une fonction de recherche locale. L‘éditeur Vivisimo lance de son côté Clusty, un moteur hybride. Lire la suite… »
Menacé par la croissance de Google et incapable de rivaliser avec le géant de Mountain View, Microsoft sort l’arme implacable pour préserver son avance. La firme de Bill Gates profite des difficultés de Yahoo et lance une OPA sur le groupe pour environ 44,6 milliards de dollars ! Lire la suite… »
PAR cette OPA, le géant informatique cherche à contenir l’expansion de Google dans le secteur de l’Internet et à obtenir plus de parts de marché.
En effet, ce géant a les pieds d’argile et tire une très large majorité de ses revenus par ses deux produits phares : Windows et Microsoft Office. Malheureusement il sent le danger qui pèse sur lui avec le grand succès que connaissent les logiciels libres, dont Linux et le développement des suites bureautiques gratuites ou en ligne. Lire la suite… »
Google vient de mettre en place un nouveau service : le parrainage. Vous pouvez désormais mettre en place sur votre site des publicité relatant de ce dont vous voulez parler et vous êtes payé à la commission. Selon le produit et les prix, vous êtes succeptibles de gagner beaucoup plus qu’avec une simple publicité Adsense.
Le site dattebayo-fr.com a changé d’adresse pour être désormais celui là : www.dattebayo-fr.fr
Suite à un piratage du nom de domaine Dattebayo-fr.com, la team se retrouve dans l’obligation de changer de nom de domaine. Espérons que cela puisse changer et qu’ils puissent récupérer leur nom de domaine, mais il semble en tout cas que ce soit mal engagé.
Donc n’oubliez pas de visiter leur nouvelle adresse et d’oublier l’ancienne. La team DatteBayo-fr est disponible à cette adresse : www.dattebayo-fr.fr
Bonne continuation à eux ^^!
Comment faire pour que le site que vous avez passé des heures à développer ne passe pas inaperçu sur la toile?Quelles techniques faut-il employer pour que votre site soit correctement référencé par les moteurs de recherche?Le référencement c’est un métier, et quand un professionnel du secteur nous distille ses conseils avisés, il faut en profiter! Voici donc quelques pistes suggérées par RefConseil (merci à lui) pour optimiser le référencement de votre site Joomla, à prendre ou à laisser…
1°/ Balises H1 pour les titres des articles :Les balises h1, h2, h3, etc… permettent de hiérarchiser le contenu. Elles ont été conçues pour créer une architecture du type : Méthode : ligne 559 de components/com_content/content.html.php : remplacer
Code: <div dir=“ltr” style=“text-align: left;”><td class=“contentheading<?php echo $params->get( ‘pageclass_sfx’ ); ?>” width=“100%”><?php echo $row->title;?> <?php HTML_content::EditIcon( $row, $params, $access ); ?> </td></div> Par :
Code: <div dir=“ltr” style=“text-align: left;”><td class=“contentheading<?php echo $params->get( ‘pageclass_sfx’ ); ?>” width=“100%”><?php echo “<h1>”; ?> <?php echo $row->title;?> <?php echo “</h1>”; ?> <?php HTML_content::EditIcon( $row, $params, $access ); ?> </td></div> Corriger si besoin le H1 pour réduire la taille d’affichage :
Code: <div dir=“ltr” style=“text-align: left;”><h1 class=“exemple”></div> 2°/ Remplacer le texte du lien “lire la suite” par “lire la suite de [titre de l’article] :Le titre des liens est important pour positionner une page sur un mot clé. Il faut toujours privilégier les liens qui ont un sens en dehors de leur contexte, et donc éviter (tant qu’il est possible) les liens trop génériques comme “lire l’article”, “retour”, “suivant”… Ligne 417, remplacer
Code: <div dir=“ltr” style=“text-align: left;”>if ( @$row->readmore ) {$link_text = _READ_MORE;</div> par :
Code: <div dir=“ltr” style=“text-align: left;”>if ( @$row->readmore ) {$link_text = $row->title;</div> Ligne 826, remplacer
Code: <div dir=“ltr” style=“text-align: left;”><td align=“left” colspan=“2″><a href=“<?php echo $link_on;?>” class=“readon<?php echo $params->get( ‘pageclass_sfx’ ); ?>”> <?php echo $link_text;?> </a> </td></div> par :
Code: <div dir=“ltr” style=“text-align: left;”><td align=“left” colspan=“2″><strong>Lire la suite de </strong>“<a href=”<?php echo $link_on;?>” class=”readon<?php echo $params->get( ‘pageclass_sfx’ ); ?>“> <strong><?php echo $link_text;?></strong> </a>” </td></div> 3°/ Url rewriting avec le titre des catégories et des pages dans l’URL :L’url rewriting est une technique qui permet de réécrire le titre des pages, en utilisant des mots qui ont du sens. Par exemple, http://www.monsite.com/nom-de-la-cat…-larticle.html. Installer le composant Open SEF (attention, version beta). 4°/ Affichages de liens vers les articles aux mots clés proches :Les liens transversaux (liens d’une page à l’autre au sein du même site) sont essentiels pour que toutes les pages soient indexées en profondeur. Cette extension permet d’afficher au bas de chaque article des liens vers des articles au contenu proche, en “scannant” le texte des pages ou la balise meta keyword. L’extension Mod Related Items est très puissante, et facilement modifiable. Le mode “full text” est recommandé : il scanne directement le contenu des pages et non pas les meta keywords. 5°/ Plan du site :Afficher un plan du site permet aux robots d’indexation de visiter le site en profondeur, et d’indexer un maximum de pages. L’extension Joomap permet d’afficher simplement un plan du site. 6°/ Meta keywords et description automatiques :Les balises Meta ne sont plus utilisées par Google. Elles sont susceptibles d’être encore utilisées par certains moteurs de moindre importance. L’objectif : avoir une balise meta keyword et meta description qui reflète le contenu de chaque page. L’extension Metatag Generator génère automatiquement les meta, mais reste peu paramétrable et le résultat obtenu est assez moyen. Cela reste tout de même exploitable. 7°/ Derniers articles listés en page d’accueil :Lorsqu’on ajoute une nouvelle page, il est nécessaire de placer un lien vers elle sur une page très fréquentée par les robots d’indexation, pour qu’elle soit indexée rapidement. Le meilleur endroit est bien entendu la page d’accueil, sur laquelle il est aussi conseillé de placer un lien vers toutes les rubriques du site. Lister les derniers articles au moins sur la page d’accueil permet d’en accélérer l’indexation. 8°/ Le plus dur reste à faire… le contenu !Il ne s’agit ici que de quelques pistes, et en aucun cas d’une recette miracle pour référencer un site créé avec Joomla… d’autant que le miracle réside le plus souvent dans la qualité et la richesse du contenu |
1. Le nom de domaine est important …
Le nom de domaine est assurément un poids important dans le référencement et le classement de votre blog. C’est donc assez logiquement que je remonte sur la première place sur “Philippe PINAULT“. Sur BS, choisissez donc un nom de domaine http://mon-nom.blogspirit.com qui a du sens.
2. Mais il ne suffit pas : il faut aussi un bon Page Rank …
Le nom ne fait pas tout, il vous faut aussi un bon Page Rank. La page d’accueil de mon blog a un page rank qui oscille entre 3 et 4. Celle de PPR a un Page Rank de 6, c’est la raison pour laquelle PPR passe devant mon blog sur la recherche “PINAULT“. Idem Le chat (P Geluck) passe facilement premier sur la recherche “Philippe“. Si mon Page Rank monte un peu, et si ce que j’écris ci-dessus est juste, je devrais remonter dans les 10 premières réponses cette année sur la même recherche (actuellement 21ème sur 14 millions de résultats, c’est mon égo qui sera content ;-)). Je reviens sur le Page rank plus bas.
3. De bonnes URLs …
Plus généralement, tout ce qui va constituer l’URL va avoir un poids dans votre classement. L’intérêt d’un blog VS un site Internet c’est que chaque contenu que vous publiez a sa propre adresse web et peut être référencé. Regardez l’URL de cette note : http://fr.philippepinault.com/archive/2005/07/04/referenc… : j’ai choisi volontairement un titre qui contient les termes “référencement” et “blog” pour remonter sur ces mots clefs. Nous avons optimisé le logiciel pour que lorsque vous rédigez votre titre de note, ce titre donne lieu a une URL “sexy” pour les robots : nombre de caractères significatif, transformation de tous les caractères accentués en caractère non accentués, tirets séparateurs entre chaque mot clef (optimisation récente, les tirets seraient meilleurs que les “_”, à vérifier). Cette logique de nommage associée à votre page Rank vous permettra d’être visible sur de nombreuses combinaison de mots clefs. Par exemple, ces combinaisons m’ont apporté récemment quelques visiteurs : “Paris Champs Olympiques“, “blogs politiques” ou encore “journal de ma peau” (le blog de Vichy).
De la même manière, lorsque vous créez des répertoires pour classer vos notes, choisissez de mots clefs représentatifs des notes que vous rengerez dedans car ils feront partie intégrante des adresses URL.
4. Un descriptif, des mots clefs et du contenu !
Tous les autres contenus présents dans votre blog (titre du blog, descriptif et mots clefs) et dans vos notes jouent également un rôle. Ils vont être utilisés pour les balises meta, mais surtout H1 (titre du blog), H2 (description du blog) et H3 (titre de la note). C’est ce contenu que les moteurs récupèrent pour décrire votre lien. Il me semble que ces contenus sont néanmoins moins prioritaires dans le classement. Inutile à mon avis de multiplier les mots clefs dans la note.
5. Ce que nous faisons pour aider votre référencement
Nous avons conçu le logiciel blogSpirit afin de permettre un référencement optimum de vos notes. Cela passe notamment par la réécriture des URLS (comme je l’indiquais plus haut), par l’encodage des pages en UTF8 (format international pour les caractères non occidentaux, allez faire un tour sur BS en chinois pour le fun 
mais aussi par l’envoi d’une alerte automatique aux principaux moteurs (le ping) pour chaque note que vous publiez. Par exemple, le moteur Technorati.com, Blo.gs (racheté par Yahoo) ou encore Weblogs.com. Ces alertes déclenchent la visite d’un robot propre à ces moteurs sur votre note. Google vient tout seul sur vos pages et je pense que plus vous être lié à d’autres blogs (le fameux page rank) et plus vous publiez, plus les robots de google viennent fréquemment vous consulter.
Ah, j’allais oublier : si vous êtes un utilisateur premium de nos services, nous pouvons mapper votre nom de domaine (si vous en avez un bien sûr 
avec votre blog. Envoyez moi un petit mail.
6. A vous de jouer ! Tout de suite… et dans la durée
ok, on résume : un bon nom de domaine de blog, un titre, un descriptif, des mots clefs pertinents, des catégories et des titres de notes bien choisis, du contenu et une fréquence de publication régulière.
Référencez votre blog dans les annuaires et moteurs (la page d’accueil seulement !) : ça coûte rien et ça ne fait pas de mal. Quelques URLs ci-dessous, parfois difficile à trouver ;). Google, Dmoz.org, Voilà, Altavista, Club Internet, Yahoo, mon lien MSN ne marche plus.
Ce qu’il vous faut maintenant c’est un bon Page Rank et c’est là où ça devient un peu plus difficile.
Le Page Rank est le résultat d’un algorithme complexe mis au point par google et variant de 0 à 10. Pour calculer votre page rank, vous pouvez vous rendre sur Yagoort. Vous pouvez afficher votre PR sur votre blog en copiant collant le source de Yagoort dans un bloc de votre colonne. A mon avis, 3 critères vont contribuer significativement à la remontée de votre page rank :
1. le nombre de liens qui pointent vers votre blog (vérifiez le dans technorati !). Vous vous rappelez on disait aux webmaster avant “faites des échanges de liens !”. Il y a encore un an, c’était facile de créer des liens vers votre blog : il suffisait de commenter le blog des autres et d’indiquer votre adresse. Et hop’. Le spam s’en est mêlé et les liens dans les commentaires ne sont plus comptés à présent. Mais continuez quand même à commenter les blogs. Recherchez les blogs qui parlent de votre sujet, laissez leur un commentaire, il y a de forte chance pour que l’auteur et ses visiteurs vous découvre et vous mettent dans sa liste de sites “amis” si votre contenu lui plaît. Et ça c’est bon pour vous !
2. le PR de chaque blog / site qui pointe vers votre blog (le PR se “transfère” partiellement : mieux vaut avoir quelques sites avec de très bons PR qui pointent vers vous que de multiples sites avec des PR faibles … ceci dit généralement quand on a les bons PR, on a aussi tous les autres). Généralement votre home a le PR le plus important et vos notes individuelles des PR faibles voire nuls. L’exposition de votre note sur la page d’accueil va aider le référencement de votre note. Je pense qu’en laissant un lien permanent sur votre home vers les notes importantes de votre blog, cela aide les notes en question dans leur visibilité. On se fait un lien ?
3. plus subtil : quand vous citez un blog (ça c’est bon pour son PR !) ou une note, mieux vaut faire un lien vers son site avec de bons mots clefs qui vont aider son référencement. Par exemple, si vous voulez aider le PR de cette note (et peut être la classer en bonne position dans google), mieux vaut écrire sur votre blog “Philippe parle de référencement de blog ici” et faire un lien sur “référencement de blog” que de faire un lien sur “ici”.
Dans ce tutorial nous allons apprendre à créer une sorte de galerie d’image, en PHP. Le principe est assez simple : une page unique qui sera capable d’afficher toutes vos images une à unes, et composée d’une navigation simple grâce à deux liens “précédent” “suivant”.
Je vous préviens, ce tutorial est assez dificille et long ! Armez vous donc de patience et de persévérance.
// La structure de la page.
Il va nous falloir créer la structure de notre page. Pour la créer, suivez selon vos envie le plan ci-dessous :
Pour ceux qui n’auraient pas la possiblité de créer leur propre page, voici le code source d’une page très basique, mais qui vous permettera de réaliser le tutorial :
| <html> <head> <title>Gallerie d’images</title> <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″> </head><body> <table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″> <tr> <!– Ici se trouve la cellule Précédent –> <td width=”20%”> </td> <td> </td> <!– Ici se trouve la cellule Suivant –> <td width=”20%”> </td> </tr> <tr> <!– Ici se trouve la cellule où sera affichée l’image –> <td colspan=”3″> </td> </tr> </table> </body> </html> |
Cette page devra s’appeller zoom.php et peut être modifiée à votre convenace, bien évidemment.
// Récupération des informations concernant les images.
Il vous faut tout d’abord créer le dossier qui contiendra les images à scaner. Faites un dossier nommé images dans le meme répertoire que votre page zoom.php .
Une fois tout cela réalisé, placez quelques images dans votre dossier images, ce qui nous permettra de pouvoir tester directement le système à la fin du tutorial.
Voici le code à placer tout en haut de votre page zoom.php , juste avant la balise <html> :
| <? // ouverture du dossier $dossier = opendir(“images/”);// initialisation du compteur $i = 1; // tant qu’il y’a des fichiers, alors on les teste // si on trouve .gif ou .jpg dans le nom de fichier, alors on incrémente le compteur // on place le nom de fichier dans un tableau // récupération du numéro de l’image à afficher + tests |
- Explications: Dans la variable dossier, nous précisons le path ( chemin ) où se trouvent les images. Ensuite on intialise la variable qui nous servira de compteur dans la boucle while qui va suivre.
La boucle while($image = readdir($dossier)) va en gros, scanner tous les fichiers du dossier ( qui à été précisé dans la variable du même nom ) jusqu’à ce qu’il n’en trouve plus. Dans cette boucle, une condition est posée. Si on trouve “.gif” , “.jpg”, ou “.png” dans le nom de l’image, alors on peut placer le nom du fichier dans le tableau $nom_fichier et ajouter la valeur + 1 à notre compteur.
Ensuite nous pouvons récupérer la valeur de $compteur, qui correspond au nombre d’images présentes dans notre dossier. Cette valeur va être stockée dans la variable $max.
Les informations concernant l’image à regarder seront transmises dans les liens. Ces informations transiteront sous le nom de numéro . C’est ce qu’on apelle la méthode GET. Il faut donc vérifier que cette valeur n’est pas vide, ou n’est pas plus grande que le nombre de fichier présent dans le dossier. Dans le cas ou une de ces deux conditions serait remplie, le $numero de l’image sera 1, pour éviter tout bug de PHP. Tout ce que je viens de vous raconter se trouve dans ce test :
if(empty($_GET[“numero”]) || $_GET[“numero”] > $max - 1) {
$numero = 1;
}
Si évidemment aucune de ces deux conditions n’est remplie, on prends la valeur transmise par GET, car elle est plosible, et nous sommes donc sur de ne pas être confronté au débugger PHP :
else {
$numero = $_GET[“numero”];
}
// Placer les liens précédent, et suivant.
Une des difficultés de ce tutorial, c’est d’afficher correctement vos liens précédent et suivant , mais surtout avec les bon paramètres. En effet , comme nous allons transmettre les informations par GET, il nous faudra transmettre la bonne valeur via numero .Dans notre cas : $numero - 1 pour précédent, et $numero + 1 pour suivant.
Voici le code à insérer, dans la cellulle précédent ( voir plan et/ou dans le code html donnés en début de tutorial ) :
| <? if($numero <= 1) { echo “Précédent”; } else { $previous = $numero - 1; echo ” <a href=\”zoom.php?numero=”.$previous.“\”>Précédent</a>”; } ?> |
- Explications: Comme vous pouvez le constater, si numero est plus petit ou égal à 1, alors nous sommes sur la premiere image. Le lien ne doit donc pas etre actif. Sinon, on affiche un lien, avec une valeur passée en GET. Cette valeur est $previous, qui est en fait $numero - 1. Cela aura donc pour effet de passer à l’image précédente.
Même chose pour le lien suivant. Voici le code à insérer dans la cellulle suivant :
| <? if($numero >= $max - 1) { echo “Suivant”; } else { $next = $numero + 1; echo “<a href=\”zoom.php?numero=”.$next.“\”>Suivant</a>”; } ?> |
- Explications: La seule chose qui diffère du cas précédent, c’est la condition à changé et qu’on ne soustrait plus mais qu’on additionne. Si $numero est plus grand ou égal aux nombre de fichiers image, alors le lien n’est pas actif. Sinon tout est en ordre.
// Affichage de l’image.
Il ne nous reste plus qu’à afficher l’image. Pour cela il faut insérer ce code dans la cellule dédiée à l’affichage de l’image ( voir plan en début de tutorial ) :
| <? echo “<img src=\”images/”.$nom_fichier[$numero].“\” style=\”border:1px Solid #00000;\”>”; ?> |
- Explications: on affiche l’image correspondant a la valeur contenue dans la valeur $numero.
Ce tutoriel va vous apprendre à créer votre propre template pour Joomla 1.5 ou versions antérieures en 29 étapes. Notez bien que ce n’est qu’une méthode parmis d’autres possibles.
On va utiliser 3 logiciels non Freeware « NamoWeb editor », « Photoshop » et «Dreamwaever ».
1. Créé ou récuperez une image qui vous plait comme vous le voulez avec le logiciel de votre choix.
2. Découpez la avec Photoshop en tranches, en prenant soin de laisser de la place pour les composants, patways ext. Astuce, évitez de couper les images genre des visages, des photos détaillé comme des yeux, fleurs, ext couper plutôt dans « du vide, du blanc » car le template va l’éclater a l’affichage avec les modules et textes très long.
3. Sauver pour « le web » avec le nom index.htlm
4. Ouvrez ce fichier index.htlm avec Namo Web editor et convertissez le tableau obtenu en « boite de positionnement »
5. Supprimez d’un simple clique les parties de l’image que vous avez réservé pour vos modules et autres.
6. Convertissez maintenant votre boite de positionnement en tableau et arrangez le a votre goût, taille, largeur, couleur position ext.
7. Cliquez dans chaque cellules de votre tableau ou il y aura les modules et autre et choisissez dans « propriété des cellules » le texte aligné en haut et a gauche !
8. Notez que vous pouvez ajouter des trucs en plus depuis la du script, images, flash et bien plus.
9. Enregistrez et quittez.
10. Lancez dreamweaver, c’est mieux si vous avez installé « le plugin extensions spécial Joomla »
11. En premier lieu « dégagez », viré tout le texte d’en tête du code jusqu’à la balise « body » de votre code !
12. Pour Joomla « classique » Remplacez la par le header d’en tête, soit à la main, soit avec l’aide du plugin Joomla pour Dreamwaever en cliquant sur son icône.
13. Pour Joomla 1.5 ajoutez le code spécifique que vous connaissez et que j’ai pour mémoire fourni dans le poste du forum.
14. Cliquez simplement dans chaque cellule que vous avez réservée pour vos modules et attribuez grâce au plugin ou à la main le code de chacun des résultats que vous désirez voir apparaître. Pour Joomla 1.5 faite en de même mais en attribuant le code à la main obligatoirement. Pour rappel, il va de soit que vous ne devez pas mélanger le code mambo, joomla standard et joomla 1.5 !
15. Maintenant, allez en mode « code » et remplacez toutes les balises avec le chemin des images par la norme joomla, sans exception ! Exemple : on va dire que notre template s’appel « tuto » Photoshop a créé un dossier image par défaut et elles sont toutes dedans. Vous devez ajouter un chemin absolu, donc faite comme ceci : templates/tuto/images/le_nom_de_l’image_avec_son_extention_ (exemple : templates/tuto/images/mon_image.gif) (Vous pouvez aussi utiliser la fonction rechercher / remplacer)
16. Si vous regardez maintenant dreamwaever en mode aperçu, toutes les images ont disparu, c’est normal.
17. On va maintenant « nettoyer le code un maximum » afin de faciliter la validation W3C et CSS. Depuis le mode « code » vous avez l’option nettoyer le code, utiliser toutes les options possibles pour laisser le minimum, virez les balises, non Dreamwaever, World, Namo, les commentaires, tout ce qui est inutile !
18. Maintenant, sauvez votre fichier sous le nom célèbre de joomla : index.php.
19. Créé un dossier CSS avec son fichier inclus « template_css.css » pour Joomla standard que vous personnaliserez a votre goût ou un fichier « template.css » pour Joomla 1.5
20. Créez une mini-photo capture d’écran « template_thumbnail.png » du template.
21. Créez un fichier « templateDetails.xml » que vous personnaliserez à votre goût ou tout doit y figurer « images, fichier index.php ext … » sinon impossible de l’installer !
22. Pour Joomla 1.5 n’oubliez pas de modifier dans ce fichier « templateDetails.xml » en balise de début <install version=”1.5” type=”template“> et celle-ci de fin </install> et oui c’est pas pareil que <mosinstall type=”template” version=”4.5.2”> (ou 1.0.0) et </mosinstall>
23. Compressez le tout en *zip et installez votre template en local.
24. Si sa foire, virez le dossier installé en partie de votre site local dans le dossier template. Corrigez le fichier « templateDetails.xml » ou « index.php » c’est à 99, 99% la cause du crash.
25. Recompression et essayez a nouveau, si c’est ok, rendez vous en Fronted et admirez votre travail. Si le résultat et foireux voici un truc perso !
26. Ouvrez directement le fichier « index.php » avec dreamwaever depuis votre site » www en local » et corrigez votre template comme ça, a chaque modif, enregistrez sans fermez et voyez directement le résultat !
27. Si c’est bon, sauvez et quittez Dreamweaver.
28. Rendez-vous dans votre dossier « www en locale » et compressez alors votre template « corrigé » en lui donnant un autre nom par exemple.
29. Voila, c’est fini vous avez votre template qu’il ne vous reste plus qu’a vendre ou a offrir.
