Référencer un site web

Comme nous l’avons vu au cours de nos formations, il est important d’obtenir des liens venant d’autres sites internet vers votre site web.
Nous vous proposons donc quelques liens vers des annuaires et des sites de communiqués de presse qui pourront vous faire des liens votre site afin d’obtenir un meilleur classement dans les moteurs de recherche.

 

Tout d’abord, il faut toujours garder en tête que l’acquisition de vos liens doit paraitre naturel auprès des moteur de recherche. Pur ce faire vous devez respecter quelques règles simple :
faire des liens de manière régulière (pas tous en même temps) et continu
varier les ancre (le texte de votre lien)
insérer des pages internet et pas seulement votre page d’accueil
proscrire les soumission automatique aux annuaires
choisir des annuaires de qualité
choisir des annuaire thématique.
Pour vous aider, voici une liste de site web qui recense des annuaires et des liste de communiquées de presse :

Annuaires

http://www.labo.atypicom.fr
http://referencement.every-web.com/
http://www.webrankinfo.com/annuaire/annuaires.htm

Communiqués de presse

http://www.labo.atypicom.fr

 

Enfin, dernière règle, vous devez obligatoirement faire une description unique et originale c’est-à-dire qu’elle ne doit pas être déjà présente sur le web.

Bon courage

Une petite mise à jour (novembre 2011).

Un autre classement d’annuaire : http://labo.sitti.fr/category/classement-annuaires/

Annuaire d’annuaires (à quand les annuaire d’annuaire d’annuaire  !) .

http://www.qualiseo.com/

http://www.mes-annuaires.info/

Préférez les annuaires thématique : vos liens auront plus de poids.

Un petit article vous proposant des liens vers des annuaires (de qualité ?) : http://www.stroogee.fr/blog/2011/11/16/test-10-autres-annuaires-que-je-recommande/#comment-3329

 

N’oubliez pas de faire une liste (tableur Excel) de vos inscriptions sur les annuaires afin de voir l’évolution des validations et de ne pas soumettre votre site dans un annuaire où il est déjà présent.

Connaitre la position de son site dans les moteurs de recherche

Pour connaitre la position de son site internet dans les moteurs des recherches (google.fr par exemple), il ne suffit de taper sur son navigateur la requête à vérifier et de voir sa position.
En effet, Google modifie les résultats présentés en fonction des recherches déjà effectuées et des sites visités.
Donc les résultats qui s’affiche à votre écran ne sont pas forcément les résultats réels.
Nous vous proposons quelques outils vous permettant de vérifier votre position sur google.

 

 

Voici donc une liste de logiciels que vous pouvez télécharger afin de connaitre votre positionnement dans Google :

Seo Soft

Ce logiciel vous permet de tester vos positions sur Google pour plusieurs sites. Seul bémol, si vous l’utiliser à outrance, plusieurs dizaines de mots clefs pour plusieurs sites, les recherches ne vont pas aboutir.
Donc à utiliser pour une dizaine de mots-clefs t de manière hebdomadaire.

A télécharger ici : SeoSoft

Free Monitor for Google

Un petit outil pour vérifier vos positions. Même remarque que pour SeoSoft, il ne faut pas en abuser.

A télécharger ici : Free Monitor for Google

Positeo

Positeo n’est pas un logiciel mais un service web. Cela a l’avantage de ne pas faire de recherche à partir de votre ordinateur et donc de ne pas bloquer les recherches. Par contre, vous n’avez pas de graphique d’évolution de vos positions par exemple mais les recherches peuvent être nombreuses.

C’est mon préféré.

Lien à visiter : http://www.positeo.com/check-position/

 

 

 

 

Insérer une galerie dans un article sous WP

Insérer une galerie dans un article sous WP

Nous verrons ici comment insérer une galerie photo ou un diaporama dans un article ou une page statique.

Dans ces exemples, on utilisera l’extension NextGEN Gallery

 

Rendez-vous sur la page de votre article dans la zone de l’administration.

Cliquez ensuite, dans votre article, là où vous voulez mettre votre galerie.

Puis cliquez sur l’icône « Next-Gen Galery » en haut à droite dans votre éditeur.

 

Next-Gen Galery

Puis cliquez sur l’icône « Next-Gen Galery » en haut à droite dans votre éditeur.

Une fenêtre surgissante (Pop Up) s’ouvre. Vous devez indiquer la galerie à insérer et le type de présentation.

Vous avez trois type de présentation :

  • Image List : c’est une liste d’image
  • SlideShow : c’est un diaporama. Notez que vous pouvez modifier les options du diaporama dans le menu de Galery -> Options -> Slideshow.
  • Image browser : pour afficher les images en cliquant sur suivant et précédant. Mais cela recharche à chaque fois la page ce qui entraine une certaine lenteur.

Cliquez ensuite sur « Insert »

 indiquer la galerie à insérer

Une fenêtre surgissante (Pop Up) s’ouvre. Vous devez indiquer la galerie à insérer et le type de présentation.

Vous retournez sur votre page d’édition d’article et vous remarquez un code qui définit la présentation et la galerie concernée.

Donc en fait, vous n’êtes pas obligé de faire toutes ces étapes pour insérer une galerie, vous pouvez aussi tout simplement écrire le code en modifiant le numéro final pour préciser la galerie concernée.

 

Code

Remarquez un code qui définit la présentation et la galerie concernée

Ensuite vous cliquez sur « mettre à jour » et afficher l’article pour voir le résultat.

Gérer les galeries dans WP

Gérer les galeries dans WP

Ou comment créer des galeries dans WordPress pour afficher des diaporama ou des listes d’images dans des artciles ou dans des pages statiques.

Dans ces exemples, on utilisera l’extension NextGEN Gallery

Tout d’abord, voyons à quoi ressemble le menu de cette extension.

Bon, il est en anglais, mais tout cela est relativement simple.

Menu de l'extension NextGEN Gallery

Menu de l’extension NextGEN Gallery

  • Overview : page d’accueil du module avec un petit récapitulatif (nombre d’images, de galerie, d’album)
  • Add Gallery /Images : pour ajouter des galeries et des images
  • Manage Gallery : pour organiser les galeries et les images dans ces dernières
  • Album : un album est une réunion de galeries donc vous pouvez créer des albums et y intégrer des galeries. Cela permet d’afficher des listes d’images sur des pages spécifiques.
  • Tags : définir des « mots-clefs » pour vos images »
  • Option : permet de jouer avec toutes les options du modules : taille des miniatures, option du slideshow… A essayer sur un site de test.
  • Style : pour modifier les style CSS des galeries. Il faut mettre les mains dans les codes. A essayer sur un site de test.
  • Roles : quand vous avez plusieurs groupes d’utilisateurs, vous pouvez donner des droits à certains groupes pour gérer les galeries
  • About : les auteurs de l’extension
  • Reset / Uninstall : tout effacer et désinstaller le modules. Ne cliquez ici que lorsque que vous savez ce quevous faites.

Voici la page d’accueil de l’extension

Pour l’instant c’est un peu vide, mais cela va s’arranger.

Accueil de l'extension NextGEN Gallery

Accueil de l’extension NextGEN Gallery

 

La première chose est de créer une galerie.

Donc, on clique sur « Add Gallery /Images ».

Vous lui donnez un nom et vous cliquez sur « Add Gallery »

Créer une galerie

Créer une galerie

La galerie a été créée avec succès (ouf). Et maintenant, on peut y ajouter des images grâce à l’explorateur de fichier en cliquant sur « Browse ».

 

N’oubliez pas que vous pouvez sélectionner plusieurs images à la fois en cliquant sur les images et la touche contrôle (CTRL).

Ensuite, vous choisissez la galerie dans laquelle vous voulez placer les images en cliquant sur « Choose Gallery ».

Vous aurez toujours la possibilité de modifier la positions des images en vous rendant dans « Manage Gallery »

 

Galerie créee avec succès

Galerie créee avec succès

Si vous n’avez pas choisi de galerie pour importer vos images vous obtiendrez ce message :

 

Message d'erreur

Message d’erreur

Cet écran apparait quand vos images seront en train d’être transférées. En fonction de la taille et du nombre d’images cela peut prendre un certain temps.

Soyez donc patient

Vos images sont en train d'être transférées

Vos images sont en train d’être transférées

Quand le téléchargement est fini, vous reviendrez sur cet écran.

Le message en jaune, vous indique tout c’est bien déroulé. Ici, trois images ont été ajoutées avec succès.

Images ajoutées avec succès.

Images ajoutées avec succès.

Maintenant, il faut donner un nom et une description à vos images. Cela est mieux pour l’internaute et le référencement.

Rendez-vous donc dans « Manage Gallery »

Choisissez la galerie à gérer en cliquant dessus. Ici, « statue-menhir ».

 

Page de gestion des galeries

Page de gestion des galeries

Voici la page de gestion de votre galerie. Vous avez de multiples options.

 

Page de modification des photos

Page de modification des photos

Pour l’instant, donner un titre et une description à vos images puis cliquer sur « Save change »

Voilà, vous avez paramétré votre galerie. Il n’y a plus qu’a l’insérer dans une page ou un article.

Rendez-vous dans un prochain tuto.

Insérer une image en utilisant l’option « Média »

Insérer une image en utilisant l’option « Média »

Si vous avez l’intention d’utiliser plusieurs fois la même image sur votre site, vous devez la transférer sur votre site via le gestionnaire de média de WordPress puis l’insérer dans votre article ou votre page statique.

Sur votre page d’accueil de l’administration, cliquez sur « Média ». Les images déjà présentes sur votre site s’affiche. Pour ajouter une image, cliquez sur… « Ajouter »

Pour ajouter une image, cliquez sur… « Ajouter »

Pour ajouter une image, cliquez sur… « Ajouter »

 

Une fenêtre s’ouvre, vous devez cliquez sur « Parcourir » pour télécharger votre image.

Cliquez sur « Parcourir » pour télécharger votre image

Cliquez sur « Parcourir » pour télécharger votre image

Là, l’explorateur de fichier s’ouvre et vous devez suivre le même protocole que pour insérer une image dans un article.

L’explorateur de fichier s’ouvre

L’explorateur de fichier s’ouvre

Une fois votre image téléchargée (cela peut prendre quelques secondes, soyez patient), une nouvelle fenêtre s’ouvre afin que vous renseigniez certain éléments.

  • Titre: le nom de votre image
  • Texte alternatif : description de l’image à l’attention des malvoyant et des non-voyant. Ceci est très important à renseigner pour que vous ne fassiez pas de discrimination sur votre site
  • Légende : petit texte qui apparaitra sous l’image afin de l’expliquer
  • Description : description de l’image à l’attention des moteurs de recherche. En effet ceux-ci ne sont pas (encore) en mesure d’analyser les images donc vous devez leurs indiquer ce qu’elles représentent.
Renseignez les champs

Renseignez les champs

Voilà votre image est présente sur votre site, il n’y plus qu’a indiquer là où elle doit être positionnée. Pour ce faire, retourner sur la page édition d’un de vos articles et cliquez là où vous voulez mettre votre image. Dans notre exemple, nous la placerons en bas de page.

Positionnez votre image

Positionnez votre image

Puis cliquez sur « ajouter une image ».

Puis cliquez sur « ajouter une image ».

Puis cliquez sur « ajouter une image ».

Une fenêtre s’ouvre, cliquez sur « Bibliothèque« . Vos images déjà présentes sur votre site s’affiche.

Choisir son image

Choisir son image

Choisissez votre image. Normalement les champs que vous avez remplis précédemment sont pré-remplis mais vous pouvez les modifier comme bon vous semble.

N’oubliez pas de choisir l’alignement et la taille. Nous avons choisi la taille originale et centré.

Choisir les options et remplir les champs

Choisir les options et remplir les champs

Cliquez sur « Insérer dans l’article » puis mettre à jour. Puis « Afficher »pour voir ce que cela donne.

Cliquez sur « Insérer dans l’article » puis mettre à jour

Cliquez sur « Insérer dans l’article » puis mettre à jour

Insérer une nouvelle image dans un article sous WP

Insérer une nouvelle image dans un article sous WP

 

Dans ce petit tutoriel, nous verrons comment insérer une nouvelle image dans un article (ou dans une page statique). Nous partons du principe que votre image n’est pas encore présente sur votre site.

Tout d’abord, il faut être dans votre administration et sur votre page d’édition de votre article.

Ensuite cliquez dans votre zone texte là où vous voulez insérer votre image.

Ensuite, vous cliquez sur l’icône « Ajouter une image »

 

Cliquez sur l’icône "Ajouter une image"

Cliquez sur l’icône « Ajouter une image »

 

Une fenêtre s’ouvre pour vous demander quelle image vous voulez insérer. Nous partons du principe que votre image n’est pas encore présente sur votre site. Sinon, jetez un coup d’œil à notre autre tutoriel (insérer une image déjà présente sur le site).

Cliquez sur « Parcourir »

Explorateur de fichiers

Explorateur de fichiers

 

Un explorateur de fichier s’ouvre. Naviguez grâce à lui pour récupérer votre image sur votre ordinateur. Cliquez dessus et ensuite cliquez sur « Ouvrir »

Naviguez grâce à lui pour récupérer votre image sur votre ordinateur

Naviguez grâce à lui pour récupérer votre image sur votre ordinateur

 

Une fois votre image téléchargée (cela peut prendre quelques secondes, soyez patient), une nouvelle fenêtre s’ouvre afin que renseigniez certain éléments.

  • Titre: le nom de votre image
  • Texte alternatif : description de l’image à l’attention des malvoyant et des non-voyant. Ceci est très important à renseigner pour que vous ne fassiez pas de discrimination sur votre site
  • Légende : petit texte qui apparaitra sous l’image afin de l’expliquer
  • Description : description de l’image à l’attention des moteurs de recherche. En effet ceux-ci ne sont pas (encore) en mesure d’analyser les images donc vous devez leurs indiquer ce qu’elles représentent.

Ensuite, vous choisissez l’alignement par rapport au texte puis la taille de l’image.

 

Renseignez certain éléments

Renseignez certain éléments ; titre, texte alternatif, légende et description

 

Puis cliquez sur « Insérer dans l’article. Voilà ce que cela donne dans votre éditeur.

Résultat dans l'éditeur

Résultat dans l’éditeur

 

Ensuite, pour valider , cliquez sur « Mettre à jour » puis sur « Afficher  l’article »

Résultat sur la page

Résultat sur la page

 

Et voilà.

 

 

Créer un article sous WP

Créer un article sous WP

Dans cet article vous trouverez en image toutes les étapes pour publier un article sous WordPress.

Tout d’abord connectez-vous à votre administration en renseignant votre identifiant et votre mot de passe.

Si vous avez perdu l’adresse (URL), elle est de ce type :

http://www.votre-site/wp-admin/

Vous arrivez ensuite sur cette page.

 

Page d'administration

Page d’administration

 

Pour toutes les extension, il faut cliquer sur la flèche à coté de son nom pour afficher les principales options.

Pour les articles, vous avez :

  • Articles : pour voir tous vos articles
  • Ajouter : pour créer un nouvel article
  • Catégories : pour gérer et créer des catégories afin de classer et organiser vos articles

Mots-clefs : pour gérer et créer des mots-clefs afin de faire des liens en vos articles.

Cliquez sur "Articles"

Cliquez sur « Articles »

 

En cliquant sur « Articles », vous arrivez sur cette page :

Cliquez sur « Ajoutez » pour créer un nouvel article

Options et ajouts des articles

Options et ajouts des articles

 

Vous arrivez sur cette page dont nous vous présentons ici les principales options. Notez que sa présentation peut différer selon les extensions installées sur votre site.

Page de créations d'articles

Page de créations d’articles

 

Cliquez sur l’icône « Option avancée de l’éditeur » pour afficher toutes les options que vous offre l’éditeur.

Option avancée de l'éditeur

Option avancée de l’éditeur

 

Nous n’avez maintenant plus qu’a écrire votre article !

Ceux qui ont suivi ont remarqué qu’il y avait une différence de présentation dans la nouvelle version de WordPress (3.1) par rapport au précédentes. En effet, dans les versions précédentes, il y avait une zone texte nommée « Introduction ».

Celle-ci à disparu dans la nouvelle version mais la possibilité existe toujours.
Une fois votre texte d’introduction écrit, cliquez sur « Insérer la balise More »

 

Insérer la balise More

Insérer la balise More

 

Un marqueur s’affiche alors dans votre zone texte

Marqueur de la balise "More"

Marqueur de la balise « More »

 

Vous pouvez continuer à écrire votre article. Cela donne ceci :

Ecrire son article

Ecrire son article

 

Une fois votre article rédigé, vous pouvez mettre en forme votre texte avec les différentes fonctions de l’éditeur. N’abusez pas des changement de polices, de couleurs… Normalement, votre site est paramétré pour avoir une certaine homogénéité dans la présentation.

Le plus important (pour le référencement) est de bien marquer les sous-titres :

Choisir titres et sous-titres

Choisir titres et sous-titres

 

Votre éditeur affiche les modifications effectuées.

Une fois toute la mise en page effectuée, vous pouvez afficher votre article.

Afficher votre article

Afficher votre article

 

Votre article apparait dans un nouvel onglet comme il sera visible pour les visiteurs. Si cela vous convient retournez sur votre page de création d’article dans l’administration (voir dans les onglets de votre navigateur) et cliquez sur mettre à jour (à droite) pour valider les modifications que vous avez effectuées sur votre article.

Votre article apparait dans un nouvel onglet

Votre article apparait dans un nouvel onglet

 

Et sur votre page d’accueil ou dans votre catégorie, il s’affichera comme ceci. Notez bien, l’effet de la balise « More »

Présence de la balise "More"

Présence de la balise « More »

 

Voilà ceci est un début, il faudrait maintenant insérer des images pour illustrer notre propos. C’est ce nous allons vois dans notre prochain tutoriel.

 

Créer des articles dans SPIP

Une vidéo vous montrant comment rédiger des articles avec SPIP

[hana-flv-player video= »http://www.afi-aveyron.fr/wp-content/uploads/2011/09/article-texte-logo.flv » width= »400″ height= »330″ description= » » player= »4″ autoload= »true » autoplay= »false » loop= »false » autorewind= »true » /]

 

Insérer des images dans un texte dans Joomla !

Comment mettre des images dans un texte (article, section, catégorie) et les positionner sur la page.

[hana-flv-player video= »http://www.afi-aveyron.fr/wp-content/uploads/2011/09/insere-images.flv »
width= »400″
height= »330″
description= » »
player= »4″
autoload= »true » autoplay= »false »
loop= »false » autorewind= »true »
/]

Menu et sous-menus dans Joomla !

Voici une petite vidéo vous montrant comment réaliser un menu et des sous-menus afin de bien structurer votre site web.

[hana-flv-player video= »http://www.afi-aveyron.fr/wp-content/uploads/2011/09/creation-menu.flv » width= »400″ height= »330″ description= » » player= »4″ autoload= »true » autoplay= »false » loop= »false » autorewind= »true » /]

 

Sections, catégories et articles dans Joomla !

Vidéo vous montrant comment ajouter du contenu (texte) dans votre site Joomla! Et comment structurer les sections, les catégories et les articles.

[hana-flv-player video= »http://www.afi-aveyron.fr/wp-content/uploads/2011/09/creation-contenu.flv » width= »400″ height= »330″ description= » » player= »4″ autoload= »true » autoplay= »false » loop= »false » autorewind= »true » /]

 

Mettre un article en page d’accueil avec Joomla !

Une vidéo vous expliquant comment mettre un article en page d’accueil

[hana-flv-player video= »http://www.afi-aveyron.fr/wp-content/uploads/2011/09/article-accueil.flv » width= »400″ height= »330″ description= » » player= »4″ autoload= »true » autoplay= »false » loop= »false » autorewind= »true » /]