Archive for the ‘Programmation’ Category
Options des liens html
Lorsque vous cherchez à améliorer le référencement de votre site internet, vous devez comprendre comment écrire un lien. Nous allons donc passer en revue les techniques permettant de faire un lien.
Un lien basic vers autoweb-creator s’écrit
<a href= »http://www.autoweb-crearor.fr »>Création de sites autoweb-creator</a>
dans un paragraphe de votre site par exemple. Si vous écrivez votre lien de cette façon, vous quittez la page d’où vous avez écrit votre lien pour aller vers la page ou pointe le lien. C’est ce que l’on appelle un lien dur dans le langage des spécialistes du référencement internet. Pour les moteurs de recherche, ce type de lien est celui qui apporte le plus de valeur au site qui est pointé par le lien. En effet l’administrateur du site qui a placé ce lien accepte de voir partir le visiteur sur le site pointé.
Une autre façon d’écrire un lien consiste à ouvrir la cible du lien dans une nouvelle fenêtre. Pour écrire un lien de ce type il faut écrire
<a href= »http://www.autoweb-creator.fr » target= »blank »>Création de sites autoweb-creator</a>
Ce lien, qualifié de lien mou, est pris en compte par les moteurs de recherche avec moins de valeur que pour les liens durs.
Il est aussi possible d’écrire un lien qui ne sera pas pris en compte du tout par les moteurs de recherche. Pour écrire un tel lien il faut écrire le lien sous la forme :
<a href= »http://www.autoweb-creator.fr » rel= »nofollow »>Création de sites autoweb-creator</a>
de cette façon vous allez sortir de la page de départ mais sans faire compter le lien pour la page d’arrivée. Cette propriété est très commune sur les forums pour se prémunir du spam. En effet, lorsque tous les liens écrits par les visiteurs ne sont pas pris en compte par les moteurs de recherche, l’intérêt des spameurs est nul et ceux-ci ne prennent pas la peine de polluer le forum.
Vous pouvez aussi cumuler les attributs en ouvrant le lien dans une nouvelle fenêtre sans faire compter le lien dans les moteurs de recherche. Vous écrirez ainsi :
<a href= »http://www.autoweb-creator.fr » target= »blank » rel= »nofollow »>Création de sites autoweb-creator</a>
De cette façon vous pouvez faire des liens qui n’auront aucun impact sur le site vers lequel vous faîtes pointer votre lien et qui s’ouvriront dans une nouvelle fenêtre.
Voila, à vous de jouer.
Galerie photos en flash : SimpleViewer
SimpleViewer est une application libre, facile à installer et paramétrable.
Démonstration de SimpleViewer avec les paramètres de couleur de fond, nombre de photos miniatures affichées, …, par défaut.
La navigation par clic de souris ou par clavier est intuitive pour les visiteurs, et fluide par un système de pré-chargement des images. De plus, SimpleViewer est supporté par les plates-forme courantes.
Récupérez l’archive en cliquant ici
Je vous propose une installation manuelle :
- une fois téléchargée, décompressez l’archive soit sur votre pc (en local), soit sur votre espace web.
- copiez vos images dans le répertoire images/
- créez des miniatures de taille 65×65 pixels, si vos images ne sont pas carrées, choisissez 65 pixels soit en hauteur soit en largeur, ou sélectionnez dans vos images originales une zone de taille 65×65 pixels.
- éditez le fichier gallery.xml (NotePad, Bloc-note) et ajoutez vos photos sur le modèle suivant :
<image>
<filename>Divana.jpg</filename>
<caption>Divana</caption>
</image>
Indiquez le nom de l’image avec l’extension entre les balises <filename> </filename>. Le nom de l’image doit être le même dans le dossier images et le dossier thumbs (la miniature).
Le texte qui s’affichera dans le lecteur d’image flash sera celui indiqué entre les balises <caption> </caption>
- les paramètres sont disponibles à l’adresse suivante : <a>http://www.airtightinteractive.com/simpleviewer/options.html </a>
Comment sécuriser un minimum vos photos :
- un des paramètre est l’anti-clic droit ne permettant pas d’enregistrer vos photos à partir de la galerie photos. Éditez le fichier gallery.xml et changez la variable true en false du paramètre enableRightClickOpen : enableRightClickOpen= »false »
- ajoutez un fichier ‘robots.txt’ pour que les moteurs de recherche courant ne référencent pas vos images dans les dossiers images/ et thumbs/ comme suit :
User-agent: *
Disallow:/images/
Disallow:/thumbs/
- vous pouvez aussi modifier le nom des dossiers images et/ou thumbs, en 43fssdf2424 par exemple, et modifier du coup dans le fichier gallery.xml la valeur du paramètre imagePath comme suit imagePath= »./43fssdf2424/ »
- vous pouvez ajouter un fichier .htaccess permet de sécuriser vos images contre certaine pratique : le hot-linking (pratique de certaines personnes faisant un lien direct de vos images pour les afficher sur leur site) et l’aspiration de site, comme suit :
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?<votre_site_._extension/.*$ [NC]
RewriteCond %{REQUEST_FILENAME} !/thumbs/Divana.jpg$ [NC]
RewriteRule .(gif|jpg|jpeg|png)$ http://www.divana.fr/thumbs/Divana.jpg [R,L]
Site proposant SimpleViewer : http://www.airtightinteractive.com/simpleviewer/