Archives de
Tag: Référencement

Optimisation Mobile

Optimisation Mobile

Je poursuis mes analyses afin d’optimiser ce qui peut l’être sur mon blog. Depuis le mois de juin, Goolge semble avoir renforcé les conditions pour proposer une expérience Mobile acceptable, et je sais que cela peut avoir un impact sur le référencement. Je m’étais donc mis à l’analyse de ce que je pouvais mettre en place pour réduire la lenteur d’affichage de ce dernier, profitant pourtant d’un des meilleurs hébergeurs européen. Après avoir renforcé l’optimisation des fichiers images avec le plugin Smush, supprimé une série de plugins inutiles, adapter Related Post et modifié les réglages de la mise en cache… Il restait une action que je trouvais pertinente à envisager.

J’aime avoir un joli site, et dans la configuration de mon thème, je charge un image originale et pourtant discrète en arrière plan. Cela se constate essentiellement sur un ordinateur à grand écran, en revanche, au format mobile, on ne la voit pas. Je me suis donc dit que je pourrais, avec un peu d’aide de ChatGPT, repérer comment ajouter une condition qui contournerait cette consommation de bande passante lorsque l’on visite le site depuis un Device mobile.

Dans cette modification, nous utilisons la fonction wp_is_mobile() pour vérifier si le site est en mode "mobile".
Dans cette modification, nous utilisons la fonction wp_is_mobile() pour vérifier si le site est en mode « mobile ».

Lire la suite Lire la suite

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

Pour un blog plus véloce : Merci MeowApps

Pour un blog plus véloce : Merci MeowApps

Le monde du web d’aujourd’hui laisse bien peu de place à la vie de blog indépendant. Voilà maintenant 15 ans que je fais vivre ce lieu de plus en plus déserté de visiteurs quotidiens, je sais que vous êtes quelques uns à venir y passer tous les mois et il reste néanmoins une référence pour beaucoup d’internautes recherchant des informations sur les voitures 7 places, les poussettes doubles et les bons plans vacances, raison pour laquelle je m’applique à continuer à écrire ce genre d’articles aux cotés de ce qui m’intéresse personnellement dans la tenue de ce blog, conserver un héritage d’une vision d’une époque numérique en pleine transition.

S’il y a bien sur les articles que j’écris chronologiquement, il y aussi tout ceux que j’antidate autour des mes nombreuses notes prises aux fils des années dans Scoop.it et maintenant GetPocket une fois qu’avec le temps, je peux me dire que ces informations ont de l’intérêt à être archivées dans ce projet.

Scoop : Effacer le cache d’un lien partagé sur Facebook

Bien évidemment, la vie fait que j’ai probablement de moins en moins de temps à consacrer à mon blog mais les évolutions font que je dois me poser en général tous les 6 mois afin de régler quelques petits soucis ça et là pour que ce dernier ressemble à ce que je souhaite.

Je me concentre depuis plus d’un an par exemple à le rendre moins lent au chargement ! Bien qu’hébergé sur un excellent serveur suisse, Les Mondes de Cyborg Jeff souffraient fortement du plugin multi-usage « JetPack ». J’en avais désactivé une série d’options il y a 6 mois, mais il faut bien admettre que dans le cas de mon blog disposant d’un grand nombre d’images et plus de 2000 posts, supprimer complètement le plugin JetPack lui permet de maintenant offrir un temps de chargement honorable !

Me passer de Jetpack m’imposait dès lors de trouver une solution pour afficher mes galeries photos de manière originale (Tiled Gallery) avec un autre plugin alors que j’avais dû chercher des solutions à des conflits d’affichage des images plein écran avec mes anciens plugins « lightbox ». D’autres parts, ma gestion de statistiques de lectures et affichage du nombre de vues sur un article reposait également sur les données qui transitait vers WordPress.com au départ du plugin Jetpack.

Lire la suite Lire la suite

Problème de Jetpack dans les images du Blog

Problème de Jetpack dans les images du Blog

Faire vivre ce blog n’est pas chose aisée. Il m’arrive bien souvent que des bugs et autres mauvaises surprises viennent me faire perdre du temps. L’air de rien, ce n’est pas si facile de pouvoir intégrer de manière esthétique les photos qui illustrent mes articles. Hors en tant que photographe, j’avais donné beaucoup d’importance à ce point au fil du temps, me reposant notamment sur l’option « tiled gallery » intégrée au plugin Jetpack ainsi que depuis de longues dates sur des plugins tel que Lightbox et Fancybox pour l’affichage des photos lorsque l’on clique dessus. Des outils que j’aurais alterné aux fils des années et des versions de WordPress…

Néanmoins, depuis la dernière mise à jour de WordPress et Jetpack, voilà que l’ensemble ne fonctionne plus !

En réalité, il faut bien comprendre que pour pouvoir disposer de cette option de mise en forme des galeries WordPress dans une visualisation dite « Tiled Masonry », en gros à la sauce de Pinterest, Jetpack m’impose de nombreux autres options. Tout d’abord, pour utiliser Jetpack, je dois obligatoirement lié mon blog à wordpress.com ce qui implique de nombreux échanges entre mon blog et leur serveur. D’autres part, et plus ennuyant, je suis obliger d’activer le protocole « Photon ». Ce protocole envoie en réalité sur un cloud de serveur WordPress les images hébergées sur mon blog dans des tailles diverses et, en principe soulage le chargement de la page par les internautes pour qu’ils accèdent plus rapidement aux contenus en fonction de leur proximité géographique.

How We Remove JetPack and Instantly Improve WordPress Performance
How We Remove JetPack and Instantly Improve WordPress Performance

Je m’étais d’ailleurs mis de côté quelques articles confirmant la lenteur liée à Jetpack : https://webidextrous.com/website-performance/how-we-remove-jetpack-and-instantly-improve-wordpress-performance/

Je vous avouerais que dans les faits, moi je constate que cet option est plus lente que l’accès directe à mon serveur Infomaniak, la rolls des hébergements européens… Mais, jusqu’ici, je n’avais pas trop le choix. L’autre éléments désagréables, étant que l’activation de ce protocole, modifie également l’url de mes images dans un truc du genre : https://i2.wp.com/nomdemositeweb.com/download/date/image.jpg?ssl=1 … une url qui n’est dès lors plus reconnue comme une image par mes plugins Fancybox/lightbox depuis la dernière mise à jour.

Pas si facile de trouver une solution à tout cet ensemble. En cherchant des « alternatives » à Jetpack je suis tombé sur divers articles référençant des plugins par fonctionnalité que j’approfondirais au besoin.

https://themeisle.com/blog/jetpack-alternatives/ (Mai 2018)
https://premium.wpmudev.org/blog/jetpack-alternatives/ (2015)

Tiled Gallery Carousel Without JetPack By Raja CRN
Tiled Gallery Carousel Without JetPack
By Raja CRN

… et j’ai fini par trouver le plugin : Tiled Gallery Carousel Without JetPack qui offre les mêmes options. Peu de réglages possibles, il m’impose lui aussi le nouvel outil d’affichage des photos de la galerie, très jolis mais qui ne fonctionne que pour les images d’une galerie. Il est à noter que pour fonctionner, il faut désactiver l’option « Photon/CND » de Jetpack, ou avoir supprimer Jetpack…

De la sorte, j’ai donc pu conserver les galeries déjà en place dans mes nombreux articles, je peux me passer de la ré-écriture d’URL sur mes images. Et le site semble plus rapide tel quel.. et probablement cela améliorera aussi le référencement du blog, puisque les images seront liées à mon hébergement et non à wordpress.com. Voilà pour les points postifis.

Mais il reste une série de « points négatifs » à régler…

Lire la suite Lire la suite

Scoop : Pourquoi et comment passer son site en HTTPS

Scoop : Pourquoi et comment passer son site en HTTPS

Pourquoi et comment passer son site en HTTPS
Pourquoi et comment passer son site en HTTPS

Bon, j’imagine ne pas avoir à me préoccuper du protocole https que je pensais rester uniquement nécessaire au site web utilisant des paiement en ligne… Mais à l’heure de la sécurité des « données utilisateurs », Google a décidé de fortement pénaliser les sites web n’ayant pas migrer vers ce nouveau protocole dans les mois à venir… Voilà qui m’oblige donc à me pencher un peu plus sur le sujet notamment via cet article publié chez Press-Citron.

« Le passage d’un site en HTTPS est un sujet d’actualité. Tout le monde en parle et chacun donne un avis plus ou moins éclairé sur le sujet. Si vous souhaitez optimiser votre site internet ou même créer un site internet vous devez vous y intéresser. Il nous a semblé indispensable d’expliquer pourquoi Google demande le passage en HTTPS des sites internet et quels sont les impacts sur les sites web existants. » (Pourquoi et comment passer son site en HTTPS, Press-Citron)

Sans entrer dans les détails, la migration ne se présente pas comme une procédure simple à mettre en place, elle s’annonce même comme relativement couteuse (jusqu’à 2000€) s’il vous faut passer par un spécialiste. Il y a lieu en effet de toucher à des points sensible de clé de cryptage, interfaçage domaine/référencement et ré-écriture d’URL.

Lire la suite Lire la suite