5 sites pour écrire pour le web

Mes 5 sites préférés pour améliorer la rédaction d'articles

How to Write for the Web (Full Paper)

Article écrit par le guru de l'ergonomie Web : Jakob Nielsen. L'article est en anglais mais mérite vraiment votre attention. Il explique que les internautes ne lisent pas les articles mais les scannent, il délivre quelques conseils qui permettent de capter l'oeil du lecteur sur l'essentiel.

10 astuces pour optimiser vos contenus sur le Net | Le Blog Kinoa

10 excellents conseils à suivre sur le fond et la forme de vos articles toujours dans le but d'être lu et bien référencé.

Action-redaction.com : rédaction, écriture en ligne, contenu Web

Des dizaines d'articles sur des sujets bien précis tels que la rédaction d'une newsletter, rédaction d'un communiqué de presse, vulgarisation de l'information, etc

Hiérarchie (visuelle) de l’information (textuelle) « Ecrire pour le web

Un guide rapide sur les bonnes pratiques concernant l'écriture d'article avec des liens associés de bonne qualité. A visiter si vous êtes pressé(e) !

SpeedBlogging: How To Write Better Posts In Less Time — Copyblogger

La référence du blogger en anglais mais les conseils (en anglais) à suivre sont simples pour gagner du temps sur la rédaction :

• Créez vous une banque d'articles en construction
• 8 façon de commencer un article : poser une question, utiliser une citation, faire une liste, ...
• Utiliser différentes techniques pour élargir votre champ de réflexion; l'auteur prône l'utilisation des cartes heuristiques.
• Ecrivez, écrivez pour vous sans vous souciez du qu'en dira-t-on !

Voici donc une sélection de sites qui m'ont permis d'améliorer notablement ma façon d'écrire mais surtout d'acquérir un savoir-faire et un savoir-être autour de l'écriture d'article pour un blog.

Image : Medieval writing desk, Wikimedia

Monétiser son blog en quelques secondes

Wipub est une plateforme d'affiliation que j'utilise depuis plusieurs années.

Parce qu'il est important de ne pas mettre tous ses oeufs dans le même panier; il existe un autre eldorado qu'Adsense; il y a quelques années, j'étais à la recherche d'autres sources de revenus et je suis tombé entre autre sur cette régie publicitaire.
D'autres ont disparus depuis notamment celles qui s'étaient spécialisées dans la rémunération au clic, mais Wipub a tenu le choc en étant même acheté il y a quelques temps par Bonzaï Interactive.

Les petits plus

• Le paiement se fait à partir de 50 euros alors que d'autres paient à partir de 100 euros. Attention au délai de paiement à 15, 30 ou 60 jours. En gros si vous réalisez un lead (inscription au formulaire) à 30 cts, vous serez payé à J+15, 30 ou 60 en fonction de la campagne
• La variété des campagnes avec plus de 200 campagnes en activité
• De nombreux formats images et flash, même s'il manque à mon sens les catalogues CSV et XML

N'hésitez pas à vous inscrire, c'est gratuit. Postulez aux campagnes de la thématique de votre site et commencez à empocher des euros.
Plus de 200 campagnes en 1 clic chez Wipub

Illustrer son blog en toute légalite

Pas toujours facile d'illustrer un article...
par manque de temps ou bien quand on n'a pas les talents d'un photographe.

http://search.creativecommons.org/

Voici un moteur qui permet de faire des recherches sur des textes, images, livres, musiques, ...
Tout ce qui peut être distribué sous licence creative commons.
Ces types de "produits" peuvent être plus facilement ajoutés à un site ou blog que n'importe quelle ressource où le type de licence n'est pas clairement explicité.
Partagez !
Pensez à ajouter un type de licence creative commons lorsque vous diffusez du contenu, c'est bon pour le référencement et la communauté de ceux qui ont la bonté de partager leur création !

Les 6 contrats Creative Commons

JQuery sans coder : IxEdit

Ajouter de l'interaction à vos pages de manière très visuelle
JQuery est un framework Ajax très connu qui permet d'ajouter de l'interactivité aux pages Web. IxEdit propose de modifier les éléments de la page sans toucher au code javascript.

Les différentes étapes

1. Ecrivez votre page classiquement html+css
2. Téléchargez les scripts dans le dossier contenant votre page
   
3. Dans le code source entre les balises, il suffit de copier quelques lignes de code
4. Enregistrez votre page puis lancez-la dans le navigateur
5. Un éditeur amovible apparaît

La vidéo de démonstration

IxEdit

Un seul fichier pour un CMS - OneFileCMS

Un CMS dans un seul fichier.
Voici un CMS qui permet de mettre à jour assez rapidement un petit site vitrine. Encore qu'on ne puisse pas vraiment appeler ça un CMS étant donné qu'il n'en a pas toutes les fonctionnalités, il s'agit plus d'un explorateur de fichiers amélioré.
Plus léger que Zite, mais bien moins performant.

Quelques fonctionnalités :

• - de 21 ko
• fonctionnalités basiques d'un FTP : upload, renommage, suppression, copie des fichiers
• code respectant les normes W3C
• pas de bases de données
  

Il est cependant à destination de ceux qui codent à la main car il n'y a pas d'éditeur HTML intégré genre TinyMCE.
Mais couplé à l'extension Xinha here pour Firefox, ce petit script peut faire des merveilles. Reste encore à modifier les CSS pour avoir un look un peu plus pro, car aucune template n'est disponible en téléchargement, le script rien que le script !
via WebResourcesDepot
La démo
Le site officiel OneFileCMS

Nouvelles fraiches avec WasaLive

WasaLive

Le moteur de recherche pour être au courant des toutes dernières tendances, aucun Buzz ne peut vous échapper. Une excellente source d'inspiration !


http://fr.wasalive.com/
L’algorithme de recherche classe les résultats par un mix pertinence/date et le site ne conserve qu’un historique de 30 jours pour favoriser la fraîcheur.
La recherche peut à ce jour s’effectuer dans 7 langues différentes : Français, Anglais, Allemand, Espagnol, Italien, Russe et Polonais.
Les nuages de tags permettent d'avoir en un coup d'oeil les sujets les plus chauds.
A cela s’ajoute la recherche d’images et de fichiers audio.

Compression HTML CSS Javascript et PHP

La compression permet un gain de temps côté serveur et côté utilisateur
Avant de saisir toute l'importance de la compression, faites un test sur votre site web avec WebSiteOptimisation
Le rapport indique toutes les améliorations possibles concernant le HTML, les CSS, le javascript ainsi que les images.
Si comme moi vous intégrez des scripts et des images extérieures (affiliation notamment) sur lesquelles vous ne pouvez faire aucune optimisation, il est nécessaire d'optimiser votre code et vos images.
Ce peut être aussi un argument pour vendre un site à un client, un outil qui va plus vite est pour moi un gage de qualité.
J'ai obtenu pour ma page d'accueil plus de 50 Ko d'images (ce qui n'est pas énorme) dont la moitié pour une seule image (publicité).
Les compressions CSS et javascript m'ont permis d'obtenir 25% de compression sur la taille des fichiers grâce aux outils suivants :

Compresseurs en ligne
Pour tout les compresseurs suivants, il suffit de copier-coller votre code dans une zone de texte puis de valider. Il suffit de copier-coller le code compressé dans la seconde zone de texte et de remplacer votre ancien code.
Par mesure de précaution, pensez à faire une sauvegarde de l'ancien code.

TextFixer
Outil de compression et de décompression HTML en ligne.
Une petite option pour enlever les commentaires aurait été un plus. Si vous avez du PHP et du HTML mélangé, cet outil laisse intact les balises PHP (Heureusement).


ClientSide CSS
Outil de compression et de décompression CSS en ligne.
Des options intéressantes tels que le tri des CSS, une règle par ligne, suppression des commentaires.

Javascript Compressor
Outil de compression javascript en ligne.
Comme options, on y trouve la réduction de la taille des variables et l'obfuscation du script (augmente la taille du fichier compressé)

Javascript Beautifier
Outil inverse du précédent qui rend lisible du code compacté.
Le nombre d'espace pour l'indentation du code est modifiable

Online code beautyfier
Même outil que le précédent mais pour PHP, javascript, CSS, Perl, Java, C, C++.
Outil utile si on ne souhaite pas lancer un éditeur de texte.

PHP Speedy
Une classe PHP à télécharger, 3 lignes de codes à ajouter à vos pages et l'auteur promet que vos pages se chargeront 6 fois plus vite. Fonctionne avec WordPress, Drupal et Joomla.

Si les tests de vitesse vous intéresse, je vous conseille des modules complémentaires pour Firefox : YSlow de Yahoo et Page Speed de Google qui ont tous deux une dépendance à FireBug

Plus clean et alors ?
Pour conclure, la compression peut paraître inutile de nos jours étant donné qu'une grande majorité des internautes dispose de connexion à haut débit.
Cependant elle est utile à mon sens pour au moins 3 points (intuitions sans réelle démonstration) :

• d'un point de vue commercial pour le taux de rebond
• augmentation des pages crawlés par les bots d'un point de vue référencement
• économie de la bande passante d'un point de vue financier