codeanywhere, tester le code en ligne c++, python, php, Ruby….

Je ne suis pas un grand codeur, mais de temps en temps une petite ligne de code en PHP ne me fait pas peur, on peut installer un serveur php sur son ordinateur, mais on peut également tester le code sur des testeurs en ligne comme https://codeanywhere.com/

Sur codeanywhere.com/ vous avez une liste relativement exhaustive de codes à tester en ligne, et vous pouvez rendre public les codes que vous testez, l’histoire d’en faire profiter les autres. Je trouve cela assez astucieux et sympathique. Dans le même ordre d’idée vous avez également phpanywhere.net.

En tout cas, je mets de côté cet outil en ligne pour un usage futur!

Hotlinking: Je viens de protéger ce blog

Ceci n »est pas un scoop, cela fait partie de la vie d’un blog. Un jour on trouve des photos à droite à gauche sur des blogs qui nous appartiennent. Cela dit, ce n’est pas très important à partir du moment où les photos recopiées sont hébergés chez l’autre. Mais parfois, par négligence et ignorance, (j’ose espérer) certaines personnes copient non pas la photo mais le code html autour de la photo et hop, on appelle ça du hotlinking conséquence: surcharge du serveur et surtout c’est une question de netiquette.

Ceci n »est pas un scoop, cela fait partie de la vie d’un blog. Un jour on trouve des photos à droite à gauche sur des blogs qui nous appartiennent. Cela dit, ce n’est pas très important à partir du moment où les photos recopiées sont hébergés chez l’autre. Mais parfois, par négligence et ignorance, (j’ose espérer) certaines personnes copient non pas la photo mais le code html autour de la photo et hop, on appelle ça du hotlinking conséquence: surcharge du serveur et surtout c’est une question de netiquette.

hotlinking

Donc ceux qui ont copié mes photos, verront maintenant la photo ci-dessus. Je me fait un peu de pub au passage et vous pouvez voir le résultat sur Marketing Buzzz: Wikio a sorti un petit outil . Attention je ne critique pas l’auteur de ce billet, je suis sûr que c’est de l’ignorance, car il a eu la gentillesse de faire un lien vers mon blog. Cela dit, il y a surement d’autres personnes qui n’ont fait que piquer mes photos sans même me prévenir, alors c’est pas bien et surtout je suis incapable de savoir combien de mes photos sont hotlinkées, donc incapable de quantifier combien de bande passante on me pique (je présume que c’est très peu)

Problématique:

ne pas planter mon site en modifiant htaccess
éviter l’utilisation de bande passante
ne pas faire en sorte que les clients feedburner et netvibes et autres ne soient affectés (les acteurs majeurs)
continuer les hotlinking entre mes blogs

N’étant pas un grand spécialiste du domaine, je me faisais une montage du problème, mais en lisant l’excellent tutoriel sur quick-tutoriel.com qui est à mon goût archicomplet. Et si je l’ai fait, vous pouvez le faire aussi!

Customisez son blog sur blogger : cas pratique (2/2) en 3 étapes

Blogger plate-forme de blog appartenant à google se devrait d’être archi-optimisée pour Google, mais bizarrement j’ai remarqué qu’il y avait une ou deux choses qu’on pouvait faire pour éventuellement améliorer le référencement dans google.

Hier je publiais un article sur comment customisez son blog sur blogger : cas pratique (1/2) en huit étapes aujourd’hui je vous parle des choses à faire pour optimiser un billet (liste non exhaustive). Il faut légèrement modifier le code des billets pour les rendre plus attractifs au niveau SEO et quelques autres fioritures.

optimiser blogger

L’image

quand vous insérez une image sur blogger, cela va vous génère le code le code html suivant

En rouge, j’ai retiré le code « inutile » (attention ce n’est pas cela qui va améliorer votre référencement), mais ça évite que le lecteur passe sur la photo et clique dessus pour finalement atterrir sur la photo et rien de plus.

Voilà donc le nouveau code (vous pouvez encore retirer quelques fioritures de style si ça vous chante: en bleu mais la mise en page va être altérée)

Si vous regardez le code de plus près, il y a la balise alt= » » . Pour justement aider google à référencer votre image dans l’index de recherche d’image, autant renseigner cette balise. exemple : alt= »optimiser blogger »

Lien url :

Si vous avez inséré un lien url dans blogger, ça donne ce genre d’html, (le minimum)
<a href= »https://roget.biz/ »>Roget.biz</a>

Il serait mieux d’optimiser l’html cette cette manière

<a title= »blog high tech » href= »https://roget.biz » target= »_blank »>Roget.biz</a>

Mettre un titre au lien url ne peut qu’aider à mieux être référence le lien (à mon humble avis) encore plus utile si vous faîtes du lien interne

target= »_blank » permet de lancer le lien sur une nouvelle page et que le lecteur ne quitte pas votre blog, c’est très utile.

Titres

Si vous avez des titres dans vos paragraphes, je pense qu’il est préférable de mettre de hiérarchiser vos titre en mettant des balises du styel h1, h2, h3. Blogger ne se contente que d’augmenter la police, mais n’indique pas la hiérarchie de titre.

<h1>Titres</h1> (titre niveau 1)

<h2>Titres</h2> (titre niveau 2)

___________

Le mieux serait peut-être de trouver un éditeur html simple puis de coller le code html dans blogger.(pour ne pas le faire à partir de wordpress = gros délire)

J’ai écrit ce poste dans le mode « j’écris ce que je fais et je fais ce que j’écris« . Ces petits réglages ne sont peut-être qu’une petite goutte d’eau dans l’optimisation, mais cela prend peu de temps (que je ne prends parfois pas moi même).

Catégorie : Code is poetry