Archives de
Catégorie : Web

Blog WordPress, problème de vitesse et d’indexation mobile

Blog WordPress, problème de vitesse et d’indexation mobile

Depuis quelques semaines, je m’énerve lorsque, depuis mon smartphone Androïd, je ne vois s’afficher aucun résultat ciblant mon blog !

Afficher les résultats personnels
Afficher les résultats personnels

Etrangement, le problème n’apparait que depuis mon smartphone et de fil en aiguille, j’ai fini par trouver que le problème était lié à une nouvelle fonctionnalité de Google dans son OS : « L’afficher les résultat personnels ». Cette option assez « floues » fait un filtrage des résultats trouvés par Google lors d’une recherche sur base de « mon comportement ». Voilà qui aurait pu pousser Google à mettre plus en avant les résultats de mon blog que je consulte régulièrement, mais c’est bien tout le contraire qui apparait.

Désactiver l’option sur mon téléphone n’est pas une solution pour moi, car c’est également ce réglage qui permet à « Discover » de me proposer des articles pertinents tous les matins sur mon smartphone… Il m’aura donc fallu fouiller plus en profondeur.

Comme chaque années, les vacances de Noël sont un moment propice pour faire mettre un peu d’ordre sur la blog, d’autant que j’ai déjà la tête dans WordPress en préparant le nouveau site de madame.

Dans un premier temps, j’ai envisagé avoir fait une fausse manipulation à « blacklistant » mon blog ou le nom de domaine, mais j’ai fini par me retrouver sur l’espace « Google Search Console » qui remplace les outils Webmaster. C’est à cette endroit en général que l’on transmets à Google son fichier d’indexation afin d’optimiser le référencement naturel de son site web et que l’on peut vérifier ce qui coince. J’avais oublié qu’il y a quelques années, fier de la compatibilité « mobile » de mon blog, j’avais activé l’analyse pour Mobile afin de donner un coup de boost à mon blog, or depuis un moment, le nombre d’erreur lié à un problème d’ergonomie mobile y sont fréquents.

Tout en poursuivant les recherches, j’ai tout d’abord vérifier qu’un vieux fichiers ROBOT.TXT ne bloquait pas la navigation du GoogleBot. Cela ne semblait pas le cas. En analysant un peu plus en détail les codes d’erreurs et le résultat du test mobile réalisé par Google, j’ai pu constater qu’un nombre très important d’éléments n’était pas chargé lors de l’analyse de la page, dont la CSS et le code Javascript.

J’aurais bien été du genre à imposer à Google ne pas crawler les contenus sans interpréter cela en son temps, mais de quelle manière ?

Lire la suite Lire la suite

Ajouter le nombre de vues d’un article dans le thème du blog

Ajouter le nombre de vues d’un article dans le thème du blog

Ce sont des modifications faites dans mon thème Nisarg sous WordPress il y a de cela bien longtemps, et à chaque mise à jour, je perds un temps bête à me souvenir où je dois faire la modification ! Dans mon blog, j’utilise le plugin Post Views Counter développé par Digital Factory. Ce dernier avait l’avantage notamment de me permettre de récupérer les données, certes à la main depuis les statistiques de Google.

Par défaut, l’affichage peut-être imposé avant ou après le contenu d’un article. Il est également possible d’utiliser un short code [ post-views ] pour afficher le contenu dans l’article. Mais dans mon cas, ce qui m’intéresse est de pouvoir ajouter ces données formatées à la suite de l’affichage de la date et du nombre de commentaires.

Pour ce faire, je dois donc aller ajouter du code dans le template de mon thème et dans ce cas précis, utilisant Nisarg, cela se situe dans « template-parts/content.php » au niveau de la ligne 30.

<div class="entry-meta">
<h5 class="entry-date"><?php nisarg_posted_on(); ?>
<?php pvc_post_views( $post_id = 0, $echo = true ); ?></h5>
</div><!-- .entry-meta -->

A cette endroit, l’utilisation de shortcode ne fonctionne pas, je suis donc obligé de récupérer l’appel de fonction du développeur qui est maintenant documentée dans son API et l’encapsulé dans un appel en PHP.

Voici donc un problème fixé !

Forcer les Sous Titres dans GatherTown.

Forcer les Sous Titres dans GatherTown.

La semaine dernière, avec notre équipe, nous avions l’occasion de mettre à l’épreuve GatherTown, un outil en ligne permettant d’intégrer de la gamification dans un colloque ou une formation. Voilà plusieurs semaines que l’onglet était ouvert sur mon ordinateur, nous en avions parlé en mars durant l’un des cours du certificat en culture vidéoludique que j’ai suivi cette année, et c’était avec un peu de surprise et beaucoup de motivation que j’avais découvert que cet outil nous était proposé pour organiser la présentation du dispositif MOOC de l’Université de Liège à quelques partenaires étrangers.

Le concept de GatherTown, immerger les participants dans un espace virtuel à l’image d’un espace dédié à un colloque, une université, voire même une ville ! L’environnement joue la gamification en se présentant visuellement comme un jeu d’aventure de l’époque 16 bits des années 90, à la « Zelda » ou « Final Fantasy » pour les fins connaisseurs. On pourra y définir des lieux propres pour y faire des présentations, des échanges en plus petits groupes ou des discussions en privé, ces différentes zones activants alors micro et webcam avec les personnes proche de vous.

De notre coté, nous avions choisi d’aller un peu plus loin, en invitant les participants à se promener dans les lieux où nous avions disposer une série d’éléments avec lesquels interagir. Des télévisions et ordinateurs où retrouver des capsules vidéo produites en studio, plutôt que de faire des présentations en « live ». Des livres pour rassembler les questions. Des Pinboards, pour que chacun puisse se présenter et s’épingler sur une carte du monde. Ainsi que divers autres documents déposés stratégiquement dans des bibliothèques, sur des panneaux d’affichage, des posters au mur… Bref, finalement nous avions transposé et gamifié dans GatherTown l’équivalent d’un module d’une formation de type MOOC.

Le Mapmaker de GatherTown
Le Mapmaker de GatherTown

Sans entrer plus dans les détails, un élément important de notre approche était d’intégrer au sein de GatherTown toute une série de ressources vidéo existants en français que nous avions fait sous-titrer en anglais ! Et là, horreur, à 48h de l’ouverture de notre monde virtuelle, je découvrais que le player vidéo intégré dans la plateforme ne gère pas les sous-titres !

Il aura donc fallu ruser, et avec un petit coup de pouce de Lucie, pour trouver une solution et forcer GatherTown à afficher les sous-titres. En effet, dans la ressource suivante, on peut trouver une commande à ajouter à la suite d’une URL de vidéo hébergée sur Youtube qui permet d’obliger l’affichage des sous-titres, voire même la langue dans laquelle l’activer : https://www.youtuberlink.com/forcer-affichage-sous-titres/

Mais, pas de chance, cela ne fonctionne pas dans GatherTown. Vimeo propose également ce genre d’option, mais là non plus, pas de résultat.

Finalement, la tactique que nous avons appliquée en poussant non pas simplement l’URL de la vidéo Youtube dans le champs « Embed Vidéo » de GatherTown mais en y glissant tout le code « iFrame » auquel nous avons ajouté la ligne de code pour forcer l’affichage des sous-titres en anglais « &hl=en&cc_lang_pref=en&cc_load_policy=1″.

<iframe width="560" height="315" src="https://www.youtube.com/embed/z-6RvOcwSho&hl=en&cc_lang_pref=en&cc_load_policy=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Cette solution, permet alors d’afficher les sous-titres dans GatherTown… dans la langue préférée de l’utilisateur. Il aura encore donc fallu encore s’assurer de supprimer les sous-titres en français de nos vidéos, pour forcer l’affichage en anglais ! Ouf !

Protocole FTP plus supporté !

Protocole FTP plus supporté !

Well, parfois l’informatique aime à te donner un coup de vieux !

Tout d’abord, il y a le protocole FTP:// que Firefox et Chrome ne supportent plus… Oh, je sens que cela vous parle ?

Alors, tu te retrouves à faire une mise à jour de Firefox, et tu te retrouves avec une nouvelle interface qui te propose une gestion des « onglets ouverts » franchement illisible…
Mwouaip, quand tu commences à te dire comme l’illustre sage que « C’était mieux quand c’était pire »… tu sais que tu te prends un coup de vieux…. Ce « nouveau style » est peut-être propre à ce vieil ami Windows 7 qui tourne toujours à la maison, mais quoi qu’il en soit, côté lisibilité, ce n’est vraiment pas top !

Mais revenons à notre problème de protocole FTP !

Certains me répondront qu’il existe des « plugins » à installer sur son navigateur pour continuer à pouvoir ouvrir un lien FTP, voir naviguer sur un serveur FTP depuis son navigateur. Oui, c’est vrai, mais le soucis est pour ma part plus complexe. Musicalement, mes plus de 1000 compositions sont hébergées sur Undergrund.net un serveur mis à disposition de la communauté demoscène depuis près de 15 ans et qui héberge encore aujourd’hui tout un pan de la culture Demoscène, dont Chiptunes.com en autre. Hors, sur ce serveur, les fichiers à télécharger se trouve sur la partie FTP, une pratique assez utilisée dans le milieu mais que l’on retrouve également lorsqu’il y a lieu de proposer de vieux drivers sur des serveurs miroirs.

Finalement j’avais déjà été confronté au problème il y a quelques années, puisque le protocole permettant d’embedder un stream audio MP3 autre fois supportant un lien ciblant une url de type ftp:// avait été supprimé sur Safari et le navigateur iOS. J’avais donc dû migrer depuis mes sites webs, les fichiers MP3 vers l’espace http://, alors que la politique n’allait pas dans ce sens initialement. Il me faudra probablement faire de même avec tous les liens de téléchargements des sites Cyborg Jeff, ce qui va me demander un peu de chipoterie… combien de temps la solution fonctionnera-t-elle, ce serveur ne supportant pas le protocole https://

100% eMedia : Le Projet Ruffle à la rescousse du Flash Player

100% eMedia : Le Projet Ruffle à la rescousse du Flash Player

Aujourd’hui la technologie Flash d’Adobe est abandonnée depuis déjà plusieurs années. Cependant, depuis le 1° janvier 2021, le player Flash s’est auto-désinstallé de la plupart des ordinateurs pour des questions de sécurité. Il n’est donc plus possible de jouer ou découvrir en ligne tout ce patrimoine propre aux Serious Games de cette génération. J’ai donc utilisé l’outil en ligne Ruffle qui permet d’émuler un fichier .SWF afin de garder un souvenir sur Youtube de notre projet de Noël développé il y a 11 ans.

Je me garde la référence ici, elle me sera utile pour trouver des solutions aux nombreuses petites applications et animations eLearning développées au cours des ces 20 dernières années…