Logo Cinquin Andy Signature

Générer Automatiquement des Descriptions d'Images ALT pour un Meilleur Référencement et Accessibilité

Développeur Freelance - Logo

Les sites et les ressources associées

Générer Automatiquement des Descriptions d'Images ALT pour un Meilleur Référencement et Accessibilité

Publié le 20 juin 2024 -  par Andy Cinquin

SEOOptimisation des imagesAccessibilité webRéférencement naturelMéta descriptionContenu engageantOptimisation SEOAttributs ALT des images

Bonjour à tous,
Suite au développement de notre dernier SaaS "ForVoyez", je voudrais aujourd'hui vous présenter comment générer automatiquement vos descriptions d'images, ces fameux attributs "ALT" des balises d'images que l'on remplit souvent à la hâte, quand on ne les oublie pas complètement.
Ces titres et descriptions d'images sont cruciaux pour deux raisons principales : le référencement (Google y accorde une grande importance) et l'accessibilité (les lecteurs d'écran utilisent ces attributs).
Voyons comment utiliser notre solution et pourquoi elle va révolutionner votre workflow !

Découverte & Utilisation de ForVoyez

Commencez par vous rendre sur notre plateforme et inscrivez-vous : https://forvoyez.com
Webpage promoting a service for quick generation of image alt text and meta descriptions. Includes main heading, subtext, and 'Get started' button. Example alt texts in speech bubble-like boxes on right side.
Vous pouvez vous connecter via GitHub, Google, ou en utilisant notre formulaire d'inscription standard.
Image of a user sign-in interface for ForVoyez website with options to sign in using GitHub or Google, email address entry field, continue button, and sign up link
Dirigez-vous ensuite vers la section "Playground" pour tester directement sur le site web et comprendre son fonctionnement.
Webpage interface displaying an API Playground for image processing with options for uploading and testing image processing through API requests.
Vous y trouverez trois zones principales : l'espace de téléchargement d'image, la zone de contexte personnalisé, et l'affichage en direct des requêtes (similaire à ce que vous obtiendriez côté backend dans une application).

Comment générer automatiquement les descriptions d'images

Computer screen displaying API documentation page for image analysis with JSON schema and context input box
Vous pouvez personnaliser le schéma de retour de notre API selon vos besoins. Par exemple, pour ajouter des mots-clés SEO, ajoutez simplement :
"keywords": "<String, multiple, unique keywords that describe the image, and the context around, seo optimized.>"
Computer interface displaying sections for image analysis including context area, JSON Schema template, analyze image buttons, and API response section.
Lancez ensuite l'analyse d'image et vous obtiendrez rapidement un retour comme celui-ci :
Beautiful watercolor illustration of a house surrounded by greenery with a rainbow in the sky

Intégration dans vos applications

Pour utiliser ce processus à grande échelle dans vos applications, rendez-vous dans la section "API KEYS".
Screenshot of a web application interface focused on managing API tokens, featuring a 'Manage Tokens' section with an empty table and an option to add a new token.
Créez votre token pour l'utiliser directement dans votre API.
Screenshot of a web page displaying a table with API tokens including name, value, creation, expiry date, with options to add or delete tokens. Highlighted section shows a newly generated secret key with copy instructions.
N'oubliez pas de copier votre token !
Ensuite, dans votre outil préféré (IDE, Bruno, Insomnia, ou Postman), utilisez l'URL suivante :
https://forvoyez.com/api/describe
Comme indiqué dans notre guide d'utilisation : https://doc.forvoyez.com/describe
Screenshot of a Postman user interface with a prepared POST request to a URL for an image description service
Ajoutez votre image en paramètre.
Computer interface displaying API request setup for POST request to 'https://forvoyez.com/api/describe' with tabs for Query, Body, Headers, Auth, etc. Bearer Token partially visible under Auth tab.
Et n'oubliez pas d'inclure votre token dans la partie "Auth".
Computer screen showing Postman application open with request to API endpoint for a POST request with image file attachment
Et voilà ! C'est ainsi que vous pouvez utiliser le service directement depuis Bruno. Impressionnant, n'est-ce pas ?
Il ne vous reste plus qu'à automatiser ce processus dans une boucle pour traiter tous vos fichiers, et le tour est joué !
N'hésitez pas à essayer ForVoyez et à nous faire part de vos retours. Nous sommes impatients de voir comment vous allez l'utiliser pour optimiser vos workflows !



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 !

DÉVELOPPONS ENSEMBLE VOS PROJETS

Une idée, un projet ? Je suis là pour répondre à vos demandes et vous accompagner.
N’hésitez pas, je serais ravi d’échanger avec vous sur votre projet !
© 2024 Andy Cinquin - Tous droits réservés - Developed & Designed with ❤️ 🐝 ForHives co-founders