devmachine-fr / website Goto Github PK

Quelques améliorations :

• changer le style de la balise <table>, uniquement pour les articles de blog, de sorte d'ajouter des bordures, car actuellement il n'y en a pas et ça n'aide pas à la lisibilité :
  
• si des URL sont présentes dans le texte Markdown de l'article sans avoir été balisées comme des liens, mettre en place une détection par regex pour ajouter automatiquement la balise <a ...> dans le code HTML généré.
• modifier la génération pour les images de sorte d'ajouter l'attribut target="_blank" aux balises <img> pour pouvoir ouvrir les images dans un nouvel onglet
• 💡 Encore mieux : mettre en place un système d'overlay pour afficher l'image par dessus la page, sans pour autant la quitter.

Au cours d'une discussion avec @MarcBouteiller, on s'est rendu compte que le format actuel des URL des articles de blog n'est pas très pratique, surtout quand on doit faire des liens entre des pages du site et des articles de blog.

ex. https://www.devmachine.fr/js/fp/functional/programming/ramda/node/2022/12/21/introduction-programmation-fonctionnelle_partie3.html

Finalement, inclure la date et les tags n'est peut-être pas utile, ce qui donnerait plus simplement :
ex. https://www.devmachine.fr/blog/introduction-programmation-fonctionnelle_partie3.html

Concernant le SEO, Google va chercher la date de publication dans la page, et pour les mots-clés, on peut utiliser ce bon vieux :

<meta name="keywords" content="HTML, CSS, JavaScript">

Donc peut-être voir pour faire une modif dans le template de Jekyll pour que les mots-clés que l'on définit dans le markdown de nos articles soient repris sous forme de

(Et accessoirement aussi) :

<meta name="author" content="DEVmachin">

Pour ce qui est du suivi du référencement, il faudra peut-être mettre en place une redirection permanente pour que la recherche Google pointe vers les URL au nouveau format pour les articles déjà indexés :
https://developers.google.com/search/docs/advanced/crawling/301-redirects?hl=fr

• trouver un thème de coloration avec un peu plus de contrastes entre les différents type de mots-clés
• thème sombre (activable avec un switch)
• un bouton pour copier-coller le code