iSpectors

Créer du contenu (texte, photo, son, etc…) ou du code informatique demande savoir-faire et temps, aussi quand on le publie sur Internet on en attend un retour.

Ce retour peut être de la renommée ; on souhaite se faire connaître par le plus grand nombre et on va utiliser une des licences prévues à cet effet :
pour des photos, texte ou média : Creative Commons
pour du code : GPL (en anglais) ou autre

Mais on peut aussi juste partager ce contenu tout en s’en réservant l’intégralité des droits, à charge de celui qui souhaite l’utiliser de vous demander une autorisation ou licence.

Que faire si on découvre que quelqu’un s’est tranquillement servi de votre labeur et expertise sans autorisation ? RÉAGIR et vite.

Je montre mes photos régulièrement sur flickr pour échanger des commentaires avec des amateurs de photos. Cela me fais plaisir et en procure aussi à ceux qui sont trop loin pour découvrir certains lieux et architectures. Néanmoins je garde les droits sur mes photos et indique avec la mention « All rights reserved – tous droits réservés », c’est assez explicite. Quand on me demande j’accorde facilement un droit d’utilisation des photos, parfois à titre gratuit moyennant un lien d’attribution.

Mais quand je découvre qu’un site commercial utilise l’une de mes photos sans autorisation grâce à l’excellente application en ligne tinyeye.com, je montre les dents, sort mes griffes et affute une recherche dans Google pour savoir quoi faire. La réponse se trouve dans cet excellent article : stop au vol de photos et de texte qui référence un article encore plus complet : vol de photo ou de texte.

Il faut apporter la preuve (copie d’écran, etc), retrouver le fautif, facturer et relancer. Et on a la joie de voir arriver un règlement comme aujourd’hui (merci Doctissimo d’avoir réglé la photo utilisé par fluctuat.net illégalement pendant 2 ans!) juste avant de lancer une procédure pénale de contrefaçon logicielle – telle étant la définition juridique de ce que l’on appelle couramment le vol ou piratage de contenu.

Très chers clients,

Je suis vraiment désolé de ne pas vous offrir de beaux sites à 40 000 euros avec des fonds d’écrans de Windows.

Je ne suis pas non plus dans une grande colère comme le héro de la vidéo ci-dessous.

A bientôt

Post-scritum : j’ai gardé Photoshop, Flash, du PHP, des feuilles de style CSS, etc. On ne sait jamais la mode peut revenir grâce à l’influence du « très très puissant lobby d’Internet » dixit Ségolène Royal.

Avec dominodeco.com, iSpectors a réalisé un site d’e-commerce au process le plus simple possible pour les acheteurs, très simple aussi en administration, mais néanmoins riche en fonctionnalités (téléchargement de photos, redimensionnement automatique, prévisualisation des commandes).

screenshot de dominodeco.com

Pour la technique, du XHTML 1.0, des feuilles de style CSS 2.0, du javascript (beaucoup. Merci à la bibliothèque jquery qui m’a fait gagné beaucoup de temps), de l’AJAX et des bases de données MySQL. A venir la version US, les blogs et des surprises.

Promotion avec un budget compatible avec la crise : page facebook, groupe flickr, emailing et bientôt des vidéos.

Je vous souhaite une excellente année.

Le site APMG-Consulting a, dès sa mise en ligne, été repéré par une galerie de design de sites

La refonte du site des Laboratoires Brothier est en ligne. Le site a été transformé de Flash en XHTML 1.0 et CSS avec système de gestion de contenu pour améliorer ses mises à jour et son référencement. La mission va maintenant se poursuivre sur la création de trafic (référencement moteurs de recherche et sites référents).

Une entreprise de e-commerce vient de nous faire confiance pour la refonte de son site de télé-achat. A suivre.

Un entrepreneur nous a confié la création et le marketing d’un service innovant dans le domaine de la décoration. La version beta est prévue pour juin 2008. Le lancement fera l’objet d’une campagne de marketing viral sur la France et les États-Unis.

A titre personnel, des photographies prises l’an dernier lors d’un spectacle de danses khmères organisées par l’association Objectif Cambodge sont publiés dans le livre Treasures of the Dragon  des éditions PPP Company Limited à Hong Kong.

Bon et maintenant au travail !

La video suivante montre le process de création de l’image ci-dessus :

Le premier commandement de l’accessibilité est de fournir une alternative textuelle pour chaque élément non-textuel (visuel, audio, vidéo).

Cet article est destiné aux utilisateurs d’un système de gestion de contenu (Content Management System en anglais) et aux webmestres.

Quelques clarifications pour débuter :

• chaque image doit avoir un attribut alt
• chaque attribut alt ne doit pas être renseigné par du texte
• l’attribut alt n’est pas une légende de l’image
• pour faire apparaître un texte au survol d’une image, il faut utiliser l’attribut title.

Alors comment écrire le texte de l’attribut alt ?

Réponse : en fonction de la raison d’être de l’image et pas nécessairement de son contenu.

Images informatives

Faire le test du téléphone : essayer de lire la page web à quelqu’un au téléphone, est-ce que l’information contenue dans l’image est suffisamment importante pour que vous la mentionnez ? Si oui, il faut écrire le texte de l’attribut alt. Si non, l’image n’a pas besoin de texte et son code sera <img src="image.jpg" alt="" />.
Exemple : page de présentation du Pdg avec une photo, cette image contient une information (à quoi ressemble le pdg), alors on écrira pour l’attribut alt : Photo de M X, Pdg.

Images décoratives

C’est facile, si l’image est purement décorative alors la balise alt doit être laissée vide <img src="image.jpg" alt="" />.

Encore mieux, le webmestre peut la retirer du code HTML et la mettre en image de fond dans la feuille de style CSS.

Images de texte

Répéter le texte de l’image.

Images complexes

Il s’agit des graphes et de tout ce qui ne peut se résumer en quelques mots, alors il faut écrire l’attribut alt du style « graphe montrant la croissance régulière du chiffre d’affaires sur ces 5 dernières années » et soit inscrire la description complète à côté de l’image ou ajouter à l’image l’attribut longdesc avec cette description en plusieurs lignes.

Précisions destinées principalement aux webmestres :

Images fonctionnelles

Le texte de l’attribut alt doit correspondre à la fonction de l’image. Pour des liens, il s’agit de la destination du lien (accueil, produit, contact), pour le bouton d’un formulaire à sa fonction (rechercher, annuler) et pour un logo (nom_de_la_société accueil si c’est un lien vers sa page d’accueil ou juste nom_de_la_société si c’est un lien vers un autre site web). pas besoin d’écrire le mot « logo ».

Images de layout

Elles devraient être remplacées par des feuilles de style, mais sinon laisser l’attribut alt vide.

Images structurelles

À remplacer par la feuille de style, mais si elles existent alors inscrire leur nature structurelle dans l’attribut alt (bullet, * ou -).

Image Maps

Chaque image a besoin de texte pour l’attribut alt, ainsi que les éléments AREA.
L’image principale pourrait être quelque chose comme « carte des arrondissements de Paris » et les élements AREA auraient un attribut alt selon la règle pour les images fonctionnelles.

Cet article est une traduction / interprétation de l’article Better Connected, Better Results: Alt Text de Ann du Royal National Institute of Blind People

SEO Master – 86%Are you an SEO Expert?C’est avec plaisir que je participe au buzz du site seomoz.org car toutes les réponses du test (en anglais) sont fournies. C’est une bonne manière de s’améliorer. Alors à vous.

Je reçois pour l’un des sites grand public que je suis un email m’informant que le site est inscrit dans un guide de voyage et me demandant de bien vouloir faire un lien. le guide étant peu fourni et les liens rangés en fourre-tout, je ne réciproque pas nos visiteurs n’ayant que peu d’intérêt à aller vers ce site.Mais voila je reçois une relance des plus irritantes :

Bonjour,Nous vous avions contacté il y a quelques jours, pour vous demander d’intégrer un simple lien url_du_site sur votre site en échange de celui que nous avons inséré dans nos pages url_de_leur_site_avec_le_lien.url_du_site est un guide internet de voyages sur plus de 500 destinations touristiques francophones ‘ phares ‘ (régions, villes, pays, sites, …) qui se positionne dans le top 5 des guides de voyages en ligne. Notre site dispose d’un trafic de 300 000 visiteurs uniques par mois.Sans réponse de votre part avant le 31 juillet, nous serons dans l’obligation de procéder à la sélection d’un nouveau partenaire. Dans l’attente de votre réponse,Très cordialement,FrédéricWebmaster of url_du_site 

Visiblement, le guide n’a aucune autre utilité que d’obtenir des liens, car sinon comment expliquer ce chantage à peine voilé ?Pour moi l’intérêt des visiteurs doit dicter la politique de liens, pas le référencement. Je fais volontiers un lien vers un site à faible trafic et contenu utile, mais pas l’inverse.Moralitépour faire un site utile :

• créez du contenu
• mettez les liens vers les sites pertinents
• informez bien sûr ces sites que vous avez créé les liens
• dites que vous seriez heureux s’ils en créaient un vers votre site là où c’est approprié
• surveiller votre webmaster