Guide d'utilisation de mon plugin Strapi pour l'optimisation SEO des images
Publié le 11 avril 2024 - par Andy Cinquin
SEOPlugin StrapiOptimisation d'imagesReferencementVisibilité en ligneMoteurs de rechercheContenu optimiséGénération automatique des textes alternatifsAuto alt, caption, title on image
Guide d'utilisation de mon plugin Strapi, auto-génération ALT, Title, Caption, sur les images d'une API Strapi !
Bonjour à tous, dans cet article nous allons voir le plugin que j'ai développé pour automatiser le nommage des images, l'ajout des textes alternatifs et des "captions".
C'est un plugin Strapi que j'ai moi-même développé après avoir eu le besoin d'optimiser le SEO de mon portfolio. En effet, les "alt" des images sont importants pour des questions de SEO. Il était donc nécessaire d'avoir, pour de l'accessibilité et pour du référencement, des noms cohérents et des alt cohérents pour chacune de mes images.
Problème, j'avais près d'un millier d'images uploadées sur mon portfolio...
Comment régler le souci ? Adapter les scripts que j'avais faits dans le cadre du développement du plugin Obsidian que j'ai développé dans la même période de temps.
Ainsi, nous allons voir comment installer et utiliser ma librairie !
On installe le plugin :
yarn add strapi-plugin-auto-alt-caption-title-on-images-ai-enhancedOn active ensuite le plugin (
config/plugin.js), en ajoutant les lignes suivantes dans la liste des plugins :module.exports = {
// ...
'auto-alt-caption-title-on-images-ai-enhanced': {
enabled: true,
},
// ...
}
On ajoute notre clé OpenAI dans les variables d'environnement : (.env)
OPENAI_API_KEY=your-api-key
On rebuilde notre app & on la redémarre
npm run build
npm run develop
ou
npm run build
npm run start
- Accédez ensuite au plugin dans le panneau d'administration de Strapi en naviguant vers la section "Auto Alt Caption Title on Images".
- Le plugin affichera une liste d'images de votre Strapi Media Library qui n'ont pas de texte alternatif, de légende ou de nom.
- Pour traiter une seule image, cliquez sur l'image souhaitée. Le plugin initiera l'analyse d'image pilotée par l'IA et générera le texte alternatif, la légende et le nom pour cette image spécifique.
- Pour traiter toutes les images en même temps, cliquez sur le bouton "Process All Images". Le plugin commencera à analyser et à générer des descriptions pour toutes les images dans la liste.
- Pendant le traitement des images, vous pouvez suivre la progression à travers la barre de progression et les messages de statut.
- Si nécessaire, vous pouvez annuler le traitement des images en cliquant sur le bouton "Cancel". Cela arrêtera le traitement des images restantes, mais ne révoquera pas les modifications apportées aux images déjà traitées.
- Une fois le traitement des images terminé, le texte alternatif, la légende et le nom générés seront automatiquement enregistrés pour chaque image dans la Strapi Media Library.
Et voilà ! Vous pouvez maintenant ne plus vous prendre la tête à renommer toutes vos images ! Fantastique, non ?
En vous remerciant de votre visite, n'hésitez pas à me
contacter pour toute demande de renseignements, devis ou
proposition de collaboration. Je me ferai un plaisir de
vous répondre dans les plus brefs délais.
Vous avez aimé cet article ? N'hésitez pas à le partager !