Comment gérer les URLs des images de votre blog WordPress

Les images font parties des médias que nous utilisons le plus dans nos articles. Le problème avec les médias, c’est qu’ils ne sont pas toujours faciles à manipuler surtout lorsque l’on change de serveur.

Dans ce tutoriel, je vous montrerais comment mettre à jour les URLs de vos images sur WordPress.

Mais avant, si vous n’avez jamais installé WordPress découvrez Comment installer un blog WordPress en 7 étapes et Comment rechercher, installer et activer un thème WordPress sur votre blog 

Ensuite revenons vers ce pourquoi nous sommes là.

Comment mettre à jour les URLs des images sur WordPress

C’est l’une des erreurs les plus communes que nous voyons chez certains utilisateurs de WordPress.

Que se passe-t-il si l’url du site web change ?

Mais d’abord, nous devons comprendre quand une URL d’un site web est susceptible de changer. Voici les trois scénarios les plus courants.

Découvrez dans cet article Comment corriger l’erreur d’envoi d’image sur WordPress

1 – Déplacement vers un nouveau nom de domaine

L’URL du site web est mise à jour lorsque vous modifiez le nom de domaine. Par exemple, Moz était auparavant connu sous le nom de SEOMoz. Avec leur nouvelle marque, ils ont dû mettre à jour toutes les URLs des images existantes, des fichiers PDF, des liens affiliés, etc… de seomoz.com pour moz.com.

Découvrez Comment déplacer un blog WordPress du local à un site en ligne

2 – Modification du dossier d’installation de WordPress

L’URL du site web change aussi lorsque vous modifiez l’emplacement de votre dossier d’installation de WordPress. En fait, c’est l’un des cas les plus courants.

WordPress s’installe dans un  répertoire par défaut appelé blog. Beaucoup des premiers utilisateurs de WordPress finissent par laisser l’installation de WordPress dans example.com/blog. 

Pour ensuite se rendre compte qu’ils veulent déplacer WordPress vers le dossier racine, c’est-à-dire example.com.

Une fois que WordPress est déplacé vers le répertoire racine, l’URL du site web passe de « exemple.com/blog » à « exemple.com ». Toute image, PDF (ou tout fichier multimédia) ressemblerait à ceci :

• ANCIEN : exemple.com/blog/ebook.pdf
• NOUVEAU : exemple.com/ebook.pdf

3 – Changement entre les serveurs de développement et de production

Ceci est répandu sur les blogs à fort trafic ou les sites web d’e-commerce où toute erreur entraîne une baisse des conversions. La migration vers un serveur de production depuis un serveur de développement peut être très simple si vous utilisez un hébergement géré tel que WPEngine ou Flywheel.

Découvrez Comment utiliser un serveur SMTP pour envoyer des emails sur WordPress

Le problème se produit lorsque quelqu’un télécharge une image ou des liens vers une publication en utilisant l’URL du serveur de développement. Lorsque vous transférez votre site web vers le serveur de production, les liens du serveur de développement sont utilisés pour les images qui ont été téléchargées dans l’environnement du serveur de mise en scène.

Par conséquent, cela devrait idéalement être évité. Si vous pensez que des personnes ont ajouté des images sur votre serveur de développement (mise en scène), vous pouvez appliquer ce que nous vous proposerons.

Qu’est-ce que nous essayons de résoudre ?

Maintenant que nous savons quand une URL d’un site web WordPress peut être modifiée, laissez-nous voir un exemple où il existe une possibilité d’erreur. Si les liens qui ont été générés automatiquement (tels que les liens d’affiliation) ne présentent aucun problème.

Cependant, les liens qui ont été ajoutés manuellement dans des articles et des pages (tels que des liens internes, des liens d’image, etc…) doivent être mis à jour manuellement. 

Nous utilisons tous des images dans nos articles et nos pages. Un exemple typique d’un lien d’image est :

http: //monsite.com/wp-content/uploads/annee/mois/nom-dimage.png

Lorsque l’URL de votre site web WordPress change, les liens source de toutes les images doivent également changer pour :

http: //nouveausite.com/wp-content/annee/mois/nom-dimage.png

Dans ce cas, toutes les images, tous les liens (y compris les liens inter-post, les fichiers multimédias, les fichiers PDF, etc.) doivent être mis à jour.

D’accord, il semble que nous ayons discutés de la question en profondeur. Voyons maintenant comment résoudre le problème une fois pour toutes. Comme toujours, nous avons un plugin WordPress pour nous aider.

Velvet Blues Update URLs

Tout d’abord, téléchargez et installez le plugin « Velvet Blues Update URLs ». Pour plus de détails consultez notre guide sur Comment installer ou ajouter un plugin sur WordPress

Après l’activation, accédez à la page « Outils > Update URLs » pour configurer les paramètres du plugin.

Vous rappelez-vous comment nous utilisons la fonction « Rechercher et remplacer » sur Microsoft Word ? Eh bien, c’est essentiellement ce que fait le plugin!

Il trouve les anciennes URLs dans les pages ou articles et les remplace par les nouvelles URLs. De cette façon, les liens d’image sont mis à jour sur tous vos articles.

Découvrez Comment mettre à jour des URLs durant une migration WordPress

De plus, vous pouvez étendre la fonctionnalité du plugin pour trouver et remplacer les URLs sur tous les liens, les extraits, les pièces jointes, les champs personnalisés et les métas.

Voici quelques exemples d’anciennes URLs dans votre site web:

• Si vous changez de serveur, l’ancienne URL serait quelque chose comme : « site.com »
• Si vous « modifiez/mettez à jour » le nom de domaine, utilisez simplement votre nouveau nom de domaine.
• Si vous aviez utilisé ‘https’ comme protocole, remplacer ‘http‘ par ‘https‘.

Dans notre exemple, nous avons remplacé l’ancienne URL de http://seomoz.com par https://moz.com. Une fois que vous avez entré l’ancienne et la nouvelle URL, cliquez simplement sur « Update URLs NOW ». Le plugin scanne tous vos articles et vos pages, applique la recherche et effectue le remplacement.

Toutes vos URLs seront mises à jour.

1. YIT Testimonials Showcase for WordPress

YIT Testimonials Showcase est le plugin WordPress le mieux réalisé et le plus à jour pour l’affichage des témoignages et des avis des utilisateurs. Il est livré avec 150 styles uniques qui sont entièrement codés en HTML5 et simplement personnalisables. 

Tout ce que vous aurez à faire sera de créer le shortcode de l’élément à afficher, en sélectionnant les options souhaitées, de choisir un thème WordPress et de sélectionner un des jeux de couleurs prédéfinis, et le tour sera joué.

Ce plugin WordPress est idéal pour afficher et gérer vos témoignages en tant que grille responsive ou en tant que slider dynamique.

Télécharger | Démo | Hébergement Web

2. WooCommerce Amazon Affiliates

Il s’agit d’un outil à la fois simple et très pratique. Lorsque vous vous connectez au programmes Amazon’s Associates, obtenez votre identifiant d’affiliation et remplissez-le dans le plugin. Alors, pour chaque produit, le plugin vérifiera s’il est disponible à l’emplacement d’Amazon auquel vous êtes connecté. Voilà comment le plugin WooCommerce Amazon Affiliates fonctionne.

Par exemple : Vous vous inscrivez au programme Amazon’s Associates pour le Mexique, le Canada et le Royaume-Uni. Lorsqu’un client visite votre site Web, sur la page de détails du produit, il sera affiché la disponibilité du produit sur les 3 sites web d’Amazon. De cette façon, vos clients sauront à coup sûr si un produit est disponible ou non.

En outre, vous disposez de 4 endroits sur la page de détails des produits où afficher la box de disponibilité d’un produit dans un pays.

Télécharger | Démo | Hébergement Web

3. Double Opt in for Gravity Forms 

Arrêtez de recevoir du spam de bots ou d’autres fauteurs de troubles. Ce plugin WordPress de protection est l’un des plus efficaces du marché, car il nécessite une interaction humaine et une véritable boîte email. Il repose sur le plugin Gravity forms que vous devrez d’abord installé avant d’utiliser ce dernier.

Donc si vous avez conçu un formulaire formulaire Gravity Forms qui peut atteindre plus d’un destinataire à l’aide d’une zone de sélection, vous pouvez vous assurer qu’ils ne seront pas dérangés par du courriel indésirable.

Voici un exemple :

Un centre médical qui propose à ses patients d’entrer directement en contact avec différents médecins. Il faut veiller à ce que seuls les courriers de personnes authentifiées et ayant confirmer leur courrier via une authentification à double facteur parviennent au médecin.

Donc Avec Double Opt In pour Gravity Forms, cela est désormais possible et très facilement. 

Télécharger | Démo | Hébergement Web 

• Comment configurer le CDN CloudFlare pour votre blog WordPress
• Comment créer des modèles personnalisés sur WordPress
• Comment créer une documentation pour vos produits sur WordPress
• Comment créer un administrateur sur WordPress via un code SQL