3 conseils de gestion d’images moins connus dans WordPress

conseils de gestion d'image wordpress moins connus
  1. 1. Le guide ultime de la gestion d’images WordPress
  2. 2. En train de lire: 3 conseils de gestion d’images moins connus dans WordPress
  3. 3. Erreurs de référencement d’image WordPress et comment les corriger

Bienvenue au deuxième article du Guide ultime de la gestion d’images dans WordPress. Le premier post portait sur le démarrage du bon pied. Nous avons appris à utiliser un format d’image JPG ou PNG (bien qu’avec des exemples rigoureux), et quelques conseils pour télécharger correctement une image stock.


Dans l’article d’aujourd’hui, nous examinerons certains des aspects les plus techniques de la maintenance et de la gestion des images dans votre site WordPress.

  • Qu’advient-il de vos images lorsque vous modifiez l’URL du site ou déplacez des serveurs?
  • Que faire si vous avez plusieurs auteurs sur votre site et que certains d’entre eux sont liés à des images externes? Comment obtenir ces images pour qu’elles soient hébergées sur votre serveur?
  • Que se passe-t-il lorsque quelqu’un crée un lien dynamique avec vos images? Btw quoi est hotlinking?

Voici quelques-unes des questions auxquelles nous répondrons dans le post d’aujourd’hui. Comme toujours avec notre série d’articles, nous commençons par pourquoi et ensuite nous passons au comment. Commençons!.

Conseil n ° 1: Gestion des images avec les mises à jour d’URL du site

C’est l’une des erreurs les plus courantes que nous voyons avec les utilisateurs de WordPress.

Quand l’URL du site WordPress change-t-elle?

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

1. Passer à un nouveau nom de domaine

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

2. Changer le répertoire d’installation de WordPress

L’URL du site change également lorsque vous modifiez le emplacement de votre installation WordPress. En fait, c’est l’un des cas les plus courants.

WordPress s’installe dans un nouveau répertoire par défaut appelé Blog. Beaucoup de nouveaux utilisateurs de WordPress finissent inconsciemment par installer WordPress dans example.com/blog.

Seulement pour réaliser plus tard qu’ils veulent déplacer WordPress vers le domaine racine, c’est-à-dire. exemple.com. (Si vous êtes une entreprise de produits ou de services, qui a inclus un marketing de contenu dans les étapes ultérieures, vous seriez en relation.)

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

  • VIEUX: example.com/blog/ebook.pdf
  • NOUVEAU: example.com/ebook.pdf

3. Basculement entre les serveurs intermédiaires et de production (en direct)

Cela est courant dans les blogs à fort trafic ou les sites Web de commerce électronique où toute erreur entraîne une baisse des conversions. La migration vers et depuis un serveur de transfert peut être très simple si vous utilisez un hôte géré tel que WPEngine ou Flywheel. (Btw, chez WPExplorer, nous utilisons WPEngine au cours des trois années consécutives et n’avons jamais connu de temps d’arrêt!)

Le problème se produit lorsque quelqu’un télécharge une image ou établit un lien vers une publication à l’aide de l’URL du serveur de transfert. Lorsque vous retransférez votre site sur le serveur en direct, les liens des liens intermédiaires sont utilisés pour les images téléchargées dans l’environnement du serveur intermédiaire. Par conséquent, cela devrait idéalement être évité. Si vous pensez qu’un membre de votre équipe aurait pu télécharger du contenu dans l’environnement de transfert, vous pouvez appliquer le correctif que nous sommes sur le point de partager ci-dessous.

Sur une note similaire, certains d’entre vous pourraient s’interroger – Eh bien, quel est le mal à utiliser les liens du serveur de transfert? Cela n’économisera-t-il pas la bande passante du site actuel / en direct?

Vous n’avez pas tort de le penser. Cependant, en réalité, cela se produit rarement. Voici pourquoi:

  1. Un serveur de transfert s’exécute généralement sur des ressources moindres. Vous compromettriez la vitesse du site, ce qui aurait un impact négatif sur l’expérience utilisateur.
  2. Dans de nombreux cas, le lien racine du serveur de test / test ne cesse de changer, ce qui peut entraîner une tonne de liens rompus. Imaginez un tutoriel de 3000 mots avec des captures d’écran cassées partout. Comment cela vous ferait-il vous sentir?
  3. Cela aurait également un impact négatif sur le référencement de votre image. N’oubliez pas que la recherche d’images sur Google est encore une source de trafic organique. Si l’image n’appartient pas à votre domaine, vous perdriez du trafic organique gratuit et Points SEO!

Qu’essayons-nous de résoudre?

Maintenant que nous savons quand une URL de site WordPress est modifiée, voyons un exemple où il y a potentiel d’erreur possible. Les liens qui ont été générés automatiquement (tels que les liens d’affiliation) ne rencontrent aucun problème. Cependant, les liens qui ont été collés manuellement dans les publications et les pages (tels que les liens internes, les liens d’image, etc.) doivent être mis à jour manuellement.

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

http: //mywpsite.tld/wp-content/uploads/year/month/image-name.png

Lorsque l’URL du site de votre site WordPress change, les liens source de toutes les images devrait changer également en:

http: //newwordpressdomain.tld/wp-content/year/month/image-name.png

Pas seulement les images, tous les liens (y compris les liens inter-publications, les fichiers multimédias, les PDF, etc.) doivent être mis à jour.

D’accord, on dirait que nous avons discuté 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 sauver!

URL de mise à jour de Velvet Blues

  • Tout d’abord, téléchargez et installez le URL de mise à jour de Velvet Blues
  • Lors de l’activation, rendez-vous sur Outils de tableau de bord WordPress> Mettre à jour les URL page pour configurer les paramètres du plugin.

Remplacement d’URL dans WordPress – avec l’aimable autorisation du plugin Velvet Blues Update URLs

Rappelez-vous comment nous avons utilisé le Trouver et remplacer fonctionnalité Microsoft Word? Eh bien, c’est essentiellement ce que fait le plugin! Il trouve les anciennes URL de la page ou du contenu de publication et remplace avec les nouvelles URL. De cette façon, les liens d’image sont mis à jour dans tous vos messages.

De plus, vous pouvez étendre les fonctionnalités du plugin pour rechercher / remplacer des URL dans des liens de site, des extraits, des pièces jointes, des champs personnalisés et des métadonnées.

Voici quelques exemples d’anciennes URL de votre site:

  • Si vous déménagiez d’un serveur de transfert, l’ancienne URL serait quelque chose comme: hostname.com
  • Si vous modifiez / mettez à jour le nom de domaine, utilisez simplement votre nouveau nom de site.
  • Si vous avez utilisé «https» comme protocole, remplacez «http» par «https».

Dans notre exemple, nous avons remplacé l’ancienne URL de http://seomoz.com à https://moz.com. Une fois que vous avez entré l’ancienne et la nouvelle URL, cliquez simplement sur Mettre à jour les URL MAINTENANT. Le plugin va scanner tout vos messages et pages et appliquez sa magie de recherche et de remplacement. Toutes vos URL seront mises à jour vers le Nouvelle URL valeur

Parole de prudence: La numérisation et le remplacement de plusieurs publications et pages peuvent nécessiter beaucoup de ressources, surtout si votre blog WordPress contient des centaines de publications. Si vous sélectionnez toutes les options d’analyse (liens de sites, extraits, etc.), l’utilisation des ressources évoluerait considérablement. De nombreuses mises à jour d’URL à l’échelle du site peuvent entraîner la suspension temporaire de votre compte d’hébergement en raison d’une utilisation excessive des ressources. Ce problème serait plus fréquent chez les fournisseurs d’hébergement partagé. Par conséquent, je recommanderais un peu de prudence lors de l’exécution du plugin.

Astuce n ° 2: Importer des images externes dans WordPress

Les images externes sont celles qui ne sont pas hébergées sur votre serveur. Dans ce didacticiel, nous allons apprendre à importer rapidement et efficacement toutes les images externes sur votre propre site WordPress.

Pour plus de clarté, supposons que nous utilisons les images avec licences appropriées (sinon nous pourrions atterrir dans un débat différent!).

Pour récapituler rapidement, voici deux raisons pour lesquelles nous ne devons pas utiliser d’images externes sur notre site WordPress:

  • Ils consomment la bande passante des autres, ce qui n’est pas vraiment juste.
  • Le mal nos scores SEO d’image.

Jetons un coup d’œil au message suivant. Il est assez difficile de comprendre si la publication utilise ou non une image externe à l’aide de Visual Editor.

Éditeur visuel WordPress

À moins, bien sûr, que nous passions au Affichage de l’éditeur WordPress.

Vue texte de l’éditeur WordPress, révélant le code source HTML du contenu de la publication.

Nous voyons que cette image est en fait hébergée sur imgur.com – un site Web d’hébergement d’images populaire. Pour résoudre ce problème, nous devons:

  • Téléchargez l’image
  • Téléchargez-le sur WordPress
  • Mettre à jour le lien dans le message

Pouvez-vous imaginer répéter toutes ces étapes pour chaque image pour tous les messages? Seule la recherche de toutes les images externes prendrait des jours! Il doit donc y avoir une solution, non? Ou est-ce que j’en parle juste pour vous décevoir?

Bien sûr que non! Il y a une solution. Et comme toujours, c’est un super plugin WordPress gratuit.

Comment importer des images externes dans WordPress

L’une des premières choses que j’aime dans ce plugin est son nom même. C’est clair, net et précis. Pour commencer, téléchargez et installez le Importer des images externes brancher. Activez le plugin et rendez-vous sur Tableau de bord WordPress> Média> Importer des images

Vous devriez voir un panneau d’options comme celui-ci:

Importer les options du plugin WordPress pour les images externes

Si vous remarquez dans le coin inférieur droit, vous verrez que le plugin a déjà identifié les publications contenant des images externes.

Dans notre exemple, nous avons exécuté ce plugin dans un environnement de mise en scène, c’est pourquoi nous avons juste un poste, avec une image externe.

Il ne vous reste plus qu’à cliquer sur Importer des images maintenant pour démarrer le processus. À la fin, vous devriez voir un message de confirmation similaire du nombre total d’images importées.

Facultativement, vous pouvez également choisir d’exclure les images en fonction du nom de domaine. Cela est utile si vous avez des liens spéciaux de téléchargement d’images (à partir de sites d’hébergement d’images externes payants tels que Photobucket) que vous ne souhaitez pas remplacer..

Une fois l’importation d’image terminée, si nous vérifions la galerie multimédia, nous verrions toutes les images importées.

Les images sont automatiquement importées et stockées dans la bibliothèque multimédia WordPress.

Bon alors les images sont importées dans la galerie multimédia WordPress. Qu’en est-il du contenu du message? Pointent-ils toujours vers l’ancienne URL de l’image? Absolument pas!

Le plugin remplace également le lien du fichier image par la nouvelle URL, c’est-à-dire le lien de votre domaine!

Après l’importation, les liens d’image sont également mis à jour.

Impact sur les performances: Semblable aux problèmes de consommation de ressources dont nous avons discuté dans le plug-in de mise à jour d’URL, l’importation d’images externes dans WordPress consomme également sa juste part des ressources du serveur. Heureusement, le développeur a mis en place des mesures pour contrôler l’utilisation du serveur. Le plugin analyse un maximum de 50 publications par appel (c’est-à-dire lorsque vous visitez ou actualisez la page des paramètres du plugin). Il limite également le nombre maximal d’images à 20 par appel d’importation.

Astuce n ° 3: Comment empêcher le hotlinking d’images dans WordPress

Pour faire simple, le hotlinking signifie errer dans la ville sur la réservation Uber de quelqu’un d’autre. Pensez-y. Vous réservez un Uber pour vos déplacements et un étranger parvient à voler votre réservation et à l’utiliser à sa guise. Vous payez pour leurs trajets. Imaginez maintenant si n’importe qui pourrait simplement prendre votre réservation Uber – l’utiliser comme ils le souhaitent – combien de temps ils le souhaitent – et vous ne pouvez rien faire à ce sujet.

bien, hotlinking d’image est quelque peu similaire. Les gens prennent vos images et les utilisent sur leur site. Ils gagnent en renommée et vous finissez par payer leurs factures. Et vous ne pouvez rien y faire.

Attendez! La dernière ligne n’est pas vraie. Vous pouvez faire quelque chose. Après tout, c’est WordPress! Vous pensez probablement “Ah Sourav va introduire un autre plugin”. Bazzinga! Je ne suis pas.

1. Configurez votre serveur Web pour la prévention des liens hypertexte (Apache ou NGINX)

Votre serveur Web est suffisant pour empêcher d’autres personnes de créer un hotlking sur vos images. Les deux serveurs Web les plus courants sont Apache et NIGNX. Si vous utilisez Apache comme serveur Web, vous pouvez empêcher le lien d’images dans WordPress en ajoutant quelques lignes de code dans votre fichier .htaccess. En 2013, j’ai écrit un court tutoriel à ce sujet – il est toujours applicable aujourd’hui.

Cependant, si vous utilisez NGINX comme serveur wes, ajoutez l’extrait de code suivant à votre fichier de configuration NGINX.

emplacement ~. (gif | png | jpe? g) $ {
valid_referers aucun bloqué .votresite.com;
if ($ invalid_referer) {
retour 403;
}
}

Remplacer votresite.com avec votre nom de domaine réel.

En un mot, cet extrait de code empêche les fichiers GIF, PNG et JPG / JPEG d’être hotlinked. Ces fichiers ne seront accessibles que par votre domaine et personne d’autre. Si quelqu’un essaie de créer un lien hypertexte vers ces 3 formats de fichier, il obtiendra une erreur 403.

Voici une explication rapide ligne par ligne du code coupé.

  1. La ligne 1 définit les formats d’image. Vous pouvez également ajouter des formats vidéo tels que mp4 ici.
  2. La ligne 2 indique à NGINX que les demandes de votre domaine doivent être autorisées. Si un autre domaine le demande, bloquez la demande.
  3. La ligne 3 indique à NGINX ce qu’il faut faire si une demande provient d’un domaine non autorisé
  4. La ligne 4 indique à NGINX de renvoyer une erreur HTTP 403 interdite, si la condition de la ligne # 3 est remplie.
  5. Les lignes 5 et 6 ferment correctement le code pour qu’il s’exécute!

De même, si vous souhaitez empêcher un répertoire entier d’être lié à chaud, il existe également un extrait de code pour cela.

emplacement / téléchargements / {
valid_referers aucun bloqué .votresite.com;
if ($ invalid_referer) {
retour 403;
}
}

Remplacez / uploads / par le répertoire que vous souhaitez éviter d’être lié à chaud. Dans notre exemple, nous avons choisi WordPress par défaut téléchargements annuaire. Si vous êtes comme la plupart d’entre nous, vous téléchargerez toutes vos images, PDF et autres fichiers multimédias en utilisant le programme de téléchargement WordPress par défaut, qui à son tour placerait les fichiers dans le dossier / uploads /. Ainsi, en protégeant le dossier principal, nous empêchons tous les téléchargements d’être liés à chaud.

2. Utilisez un CDN pour empêcher le hotlinking d’images dans WordPress

Surpris? Moi aussi, quand j’ai lu pour la première fois à ce sujet. Nous avons tous entendu parler de CloudFlare comme l’un des meilleurs CDN gratuits sur le marché. Saviez-vous qu’ils proposaient également une protection gratuite contre les hotlinks?

Pour activer la protection par lien dynamique, rendez-vous simplement sur le tableau de bord de votre compte CloudFlare, suivi de Scrape Shield. Basculez le bouton sur ON et vous êtes prêt.

Si vous utilisez Cloudflare, vous pouvez facilement activer la protection hotlink sous Scrape Shield dans votre compte. Étant donné que Cloudflare est un service entièrement proxy, vous n’avez pas à vous soucier d’activer la protection par lien dynamique sur votre serveur d’origine.

Si vous utilisez un service CDN premium tel que StackPath CDN ou KeyCDN, il vous suffit de créer des règles appropriées pour les référents de zone et de les appliquer. KeyCDN a un merveilleux tutoriel à ce sujet, il vaut la peine de le lire.

3. Utilisez un plug-in: All In One WP Security & Firewall Plugin

Si vous préférez ne pas vous mêler au code .htaccess et souhaiter qu’un plugin soit disponible pour gérer les affaires – eh bien, vous avez de la chance.

Vérifiez Tout-en-un WP Security & Firewall brancher. Avec plus d’un demi-million d’installations actives, ce plugin possède des tonnes de fonctionnalités de sécurité WordPress essentielles.

Voici ce que vous devez faire pour activer la fonction de prévention des raccourcis d’image.

Comment empêcher le hotlinking d’images dans WordPress à l’aide du plug-in de sécurité tout-en-un WordPress

  • Téléchargez et installez le brancher.
  • Activez-le et dirigez-vous vers Tableau de bord WordPress> Sécurité WP> Pare-feu et cliquez sur le Empêcher les liens actifs
  • Cochez la petite case en bas et cliquez sur Enregistrer les paramètres.

Et c’est tout. Le hotlinking d’image est désormais empêché.

Conclusion

Pour conclure ce message, passons rapidement en revue ce que nous avons appris jusqu’à présent.

  1. Comment mettre à jour, plutôt remplacer les anciennes URL par les nouvelles. La solution est un plugin astucieux appelé URL de mise à jour de Velvet Blues.
  2. Ensuite, nous avons appris à importer des images externes vers WordPress. Beaucoup de blogueurs l’ont fait au moins une fois dans leur vie! Encore une fois, la solution était dans un plugin appelé Importer des images externes.
  3. Les deux plugins mentionnés dans les deux scénarios ci-dessus ont un impact sur les performances qui leur est associé. Nous aurions besoin d’exécuter ces plugins avec prudence.
  4. Enfin, nous avons examiné ce qu’est le hotlinking d’image et avons vu deux façons de l’empêcher. La première consistait à ajouter quelques lignes de code au plug-in .htaccess et la seconde à l’aide d’un plugin de sécurité.

Question – que pensez-vous de ces conseils? Vous avez trouvé quelque chose d’utile? Avez-vous quelque chose de mieux à offrir? De plus, comment aimez-vous la série jusqu’à présent? Faites-le nous savoir dans les commentaires ci-dessous, et restez à l’écoute pour la prochaine partie de la série.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me