Allez, aujourd'hui, pas de SEO, mais du HTML. Et puis vendredi, on a parlé que de SEO jusqu'à 3 heures du matin et plus à la soirée Seosphère alors on va essayer de changer un peu de registre.
Le code HTML n'est pas réputé pour faire rire, mais en le détournant un peu, on peut faire de l'humour avec, voici donc une petite pause détente pour développeurs. Et pour une fois, c'est le graphisme qui s'y colle.
Illustrations humoristiques de balises et attributs HTML
Les images de base ayant servi a faire cette galerie ont été piochées dans Google. Si vous êtes l'auteur de l'une d'entre elles, n'hésitez pas à nous faire savoir si vous souhaitez un lien vers votre site ou même la suppression de l'image. Merci par avance.
Infos + :
Articles connexes (fun inside) :
https://blog.axe-net.fr/code-route-seo/
https://blog.axe-net.fr/gerer-un-projet-web-en-agence/
https://blog.axe-net.fr/8-bonnes-raisons-de-detester-les-seo/
https://blog.axe-net.fr/on-ne-dit-pas/
https://blog.axe-net.fr/activite-referenceur-en-detail/
ps : ne mettez pas de balises html dans les commentaires, elles ne s'afficheraient pas.
Génial, j'adore la head , c'est un montage ou le mec s'est vraiment tatoué ?
Attention avec la noindex, tu vas avoir des problèmes 🙂
Hello Sylvain, j'avais plus ou moins deviné ton sujet dominical avec le teaser de cette semaine.
J'ai une petite préférence pour la balise nofollow.
Tu pourrais compléter ce billet avec un autre sur les délires de dev un peu comme le code qui fait rouler Google.
En tout cas ça m'a fait sourire du matin devant mon café, la journée devrait être bonne
Je m'attendais à voir les "attributs" de l'auto-stoppeuse mais tout est dans le "style" de l'article.
Merci pour cette "Alt" dominicale .
J'adore, excellent montage chef ... Parler de HTML après avoir tanguer sur la péniche ne fait pas de mal en effet.
Bon dimanche
Est-ce que ces clichés sont des libres de droits ou est-ce vos photos... y a-t-il un un copyright devant AxeNet en bas à droite de chacune ?
Si elles sont libres de droits, de qeul site proviennent-elles ?
Sage comme une image?
Je demande à voir !
@mat non ce n'est pas un montage. Cette photo est super connue dans le monde des devs 😀
Excellent article sinon. Ça fa plaisir un peu d'humour. La photo align:center m'a bien fait rire... mais la style est plus a mon goût ^^
@ Stéphane
Bonne question. J'ai ajouté un paragraphe en bas d'article. Il était prévu et je l'avais zappé.
Bein, non, forcément, il n'y a pas de copyright AxeNet sur ces photos de base.
Tu n'as pas peur qu'on te pirate ton site et/ou qu'on te brule tes locaux? Entre les liens et les noindex, il y a du potentiel !
J'ai bien aimé la série, un peu d'humour ne fait jamais de mal. 😉
Allez, testons si je passe en spam cette fois-ci ?
Perso, j'adore la "hidden", super bien faite !
Pas bien compris la "align:center", mais c'est sûrement parce que c'est un truc de mecs (ou parce que suis blonde, au choix)... j'ai rien vu de "center", moi, quoi. Je pinaille ?
Tout ça pour dire qu'il tombe à pic cet article bien délassant, après la super soirée de vendredi...
...dont je ne me suis toujours pas remise, pour info... plus de mon âge, ces conneries.
Sylvain,
Dans votre NOINDEX il y a quand même de très jolis regards qui donnent envie d'indexer...
Après oui, certains y verront peut-être un lien avec une actualité récente...
JP
@ Emmanuelle
Oui, je viens de te ressortir des oubliettes d'askimet.
Si si, la ligne rouge est bien centrée. Tu regardais autre chose ?
Excellente ton idée. Mais attention, ton image hidden risque de te valoir un beau jet de cocktail Molotov par les temps qui courent...
J'adore vraiment le strike et le Alt. Par contre, j'avoue que j'ai un peu de mal à comprendre le blockquote...
Quoi, tu as sorti le petit canard d'Askimet ? Tu m'avais dit en cachette que tu ne le ferais pas 🙂
Bref, un moment de détente sympa hormis le strike qui est effrayant quand on y repense 😉
J'ai, c'est le cas de le dire, un gros faible pour la bold 😉
@ Daniel
Blockquote : Petite marge à gauche.
@Sylvain : Merci mon sauveur (déjà que tu es mon idole, ça va commencer à faire beaucoup)...!
PS : Pffff, la ligne rouge....
Vraiment bien pensé, j'adore le nofollow !!!
ça permet de démarrer un dimanche de bonne humeur.
Je comprends mieux... ^^
Horrible l'image Object. J'adore 🙂
là, j'adore. je partage sur le champ sur facebook 🙂
Les profs devraient s'en inspirer pour illustrer leur cours d'HTML. A propos des images, je ne connaissais pas la strike qui est hallucinante. Et j'ai une question : Comment le monte (ou descend) de sa liste de vélos ?
Excellent tout ça, j'aime tes billets du Dimanche:) mes images préférées: 404, canonical, br, et href: supers trouvailles! Tiens, le "i" aurait pu être une péniche aussi ^^
Ah ah tu as laissé l'illustration du NoIndex.
Bravo Charlie AxeNet 😀
Ahah le Cristo Rei avec le maillot de Zizou, énorme !
Le nofollow est terrible !! 🙂
Comme quoi on peut avoir un profil technique et avoir de l'humour...
Quoique...mais non... 🙂
les images sont bien sympa, certaines étaient déjà connues. Mais les utiliser pour expliquer le html c'était nice 🙂
Pareil que julien, le gars descend du vélo en sautant? 🙂
Perso j'aurais mieux vu des balises comme «strong» plutot que «b», et puis pour le noindex j'aurais plus pensé à un style="overflow:hidden;" mais c'est vrai que c'est plus css que html ...
Il y en a d'autres, il faut réfléchir pour tout comprendre...
Mais sympa quand même !
Les associations sont vraiment pas mal 🙂
Bonne idée de changer un peu du SEO, même si beaucoup de tes lecteurs n'ont pas suivi l'histoire de vendredi soir. Un peu d'humour geek ça ne fait pas de mal ^^
Outch le strike :/
J'adore le nofollow 🙂
un peu d'humour dans ce quotidien "répétitif" de SEO, fait du bien, ça change un peu ! Marrant que la noindex soit si commentée, moi j'aurais choisi ...et pour l'image de hidden j'aurai choisis . Mais avec des j'aurais et des si...on est 1er sur google ;-). Nette préférence pour la 301...bien trouvé.
@ Pierre
1/ Si tu ne mets pas d'url, les liens ne marchent pas 🙂
2/ Comme indiqué dans l'article, les balises ne fonctionnent pas dans les commentaires, elles sont supprimées, alors j'ai pas tout compris.
3 / Sans doute que la noindex rappelle les mésaventures récentes de Charlie Hebdo.
J'adore!
Le nofollow et le 301 sont énorme 😉
La programmation devrait toujours être expliqué avec des images!
Le nofollow et le bold sont tout simplement magique x)
Mouahahah, IL y en a des biens droles - Ce serait bien de voir un petit billet retour sur la soirée seosphere -puisque ca a discutté SEO jusqu'a 3h du matin autour de verres... Il y en a qui aurait bien fait le déplacement et qui aimerait bien avoir un retour ...
@Sylvain
Autant pour moi qui suis incapable de poster un commentaire en bonne et due forme. 🙂
Pas mal du tout, j'aime beaucoup le "noindex" 😉
La 404 est intéressante même si pour le fun, la voiture aurait méritée d'être une 404 ! 😉
C'est vrai que ça fait une petite pause sympa, la balise strike est quand même impressionnante et j'aimerais pas être à la place du conducteur...
Enorme ! Un petit +1 pour le nofollow.
En revanche, vu que je suis noob en html, il y'en a quelques que j'ai pas compris... La honte...
Excellent la balise "head"
Joli "Hidden"
Bien vu pour "li"
Le no follow est parfait !
Ca fait même rire des amis qui ne connaissent pas l'html ( après un petit brief d'explication)
Bonjour,
Sincèrement merci pour ce petit moment sympa avant de bosser. J'aime tout particulièrement le nofollow, noindex et iframe. Et le 404, vive les ingénieurs !
Félicitations car les images sont très bien trouvées.
Une bonne façon pour commence la semaine, Merci
Steve
C'est vrai que les bal body et blockquote rendent le html vraiment plus sexy
Strike, 301 et noindex ;);)
Un peu d'humour le lundi matin c'est toujours bon à prendre.
J'ai trouvé l'article intéressant, c'est sympa de lire un blog qui développe des articles avec autant d'humour. C'est cool de pouvoir commencer son après-midi comme ça. Je surveille tous les jours votre blog dans l'attente nouveaux posts.J'ai particulièrement apprécié le précédent article.
Très très bon ! Le Nofollow et le b sont excellents 😀 ! Effectivement les cours d'html devraient commencer par ça.
Salut Sylvain,
Excellent billet ! Mes balises préférées sont la balise "b" et "strike". La balise "strike" est vraiment décapante !
amicalement
très bonne idée !
Pour info le pont Lorem Ipsum se situe entre Rennes et Nantes, mais il peut surement y en avoir plusieurs en France !
Merci pour l'article, j'avoue que j'aurais aimé un petit plus d'images 🙂
certains sont vraiment bien trouvés !!!
Mon Top 3 :
- canonical
- body
- nofollow
bel humour ces développeurs 🙂
Excellent !
Je confirme que j'ai déjà vu le Lorem Ipsum sur la route à 110 entre Rennes et Nantes.
j'aime beaucoup le b aussi 🙂
Très bon merci.
la soirée était excellente. Cool de rencontrer des gens du SEO.
Greg
on vient de m'envoyer ce lien (la même idée mais avec les CSS et un peu plus sexy) :
Je trouve que le nofollow est très symptomatique des gens vers Rennes qui ne comprennent pas le latin !!! 😉
Comme quoi rien ne sert de faire de grand discours, une bonne illustration suffit pour comprendre de nombreuses choses.
Une balise canonical, comme celle de l'exemple, est une réelle avancée pour la compréhension du message de la part du visiteur.
Beau travail de recherche !
Awesome ! La première c'est un montage dommage ! =)
Certaines elle déchirent grave (d'autres un moins, d'ailleurs j'en ai même pas compris certaines ? object, no index ...)
Par contre le strike ... juste excellent, l'image hein, le concept. Pas les conséquences pour les cyclistes, je suis pas comme ça 😛
@Mat, lol pour le voile !
Excellent!
J'adore la subtilité des ces blagues, personnellement n'étant pas développeur j'ai du me le faire expliquer par une amie mais vraiment je trouve ça super !
Le coup du tatouage en est juste énorme... Les autres, bon, je dois pas être assez geek pour me fendre la poire, mais celui là, je le trouve absolument tripant.
Par contre, la photo du strike est un peu gore non ?
Je propose une suite avec que les nouvelles balises HTML5, par exemple :
- aside : associé à la balise qui le précède.
- figure : définit des images, des diagrammes, des photos , du code etc…
- canvas : utilisé pour afficher des éléments graphiques, il faut utiliser un script pour l’animer.
La photo du strike est vraie ?
Merci pour ces photos sympas, l'humour geek dans toute sa splendeur !
"object" c'est dégueulasse, j'ai déjà entendu parler d'un chat sur lequel on a dessiné la route... mais "align center" est vraiment comique 😀 ! tu vas peut-être avoir des réclamations qd mm !
pour info, apparu en début d'année entre nantes et rennes, le lorem ipsum est l'oeuvre d'un artiste qui s'appelle blaise parmentier
Je n’ai pas encore prévu de cours de photo amusante, mais il faudra que j'y pense !
Pas toujours facile de faire passer l'humour en photo, les titres des images y font beaucoup dans ces images.
Ca m'a fait sourire, et m'apporte une occasion de poster dans ma thématique, c'est pas mal !
Je me demande si cela ferait bien dans un rapport "client" pour expliquer le référencement et le html 😀
très bon article merci
Ahah pas mal la nofollow. Quand au strike, j'espère que c'est un fake...
Lol certains colent à merveille 😀 !
ahah excellent!
Quelques idées geek bien sympas, et j'hallucine toujours devant la légendaire 301 😉
J'ai adoré. le nofollow est parfait.