Introduction
Un portfolio développeur n échoue pas seulement parce qu il est mal code. Il échoue surtout quand Google ne comprend pas qui vous êtes, ce que vous faites, dans quelle zone vous voulez travailler, et quelle page doit convaincre un recruteur ou un client.
Si votre portfolio est beau mais n obtient ni entretiens, ni messages, ni impressions dans Search Console, le problème est souvent simple : le site parle de trop de choses à la fois et n envoie pas assez de signaux clairs sur votre identité professionnelle.
Dans cet article, je partage la checklist que j applique aujourd hui pour transformer un portfolio Next.js en outil de visibilité et de conversion.
Si vous voulez voir a quoi ressemble cette approche sur un vrai site, vous pouvez consulter ma page profil, ma page recrutement et ma page freelance.
Si vous ne corrigez que trois choses en premier, corrigez l hôte canonique, publiez une vraie page profil, puis créez une page recrutement et une page missions.
1. Choisir une requête principale par page
La plus grosse erreur sur un portfolio est de tout concentrer sur la home :
- le branding personnel,
- les projets,
- le blog,
- les demandes de mission,
- les candidatures,
- et parfois même le CV.
Une home peut introduire le profil. Elle ne doit pas tout faire.
Pour un développeur base en France, une structure plus utile ressemble plutôt a ceci :
- page d accueil : branding personnel et orientation générale,
- page profil : nom + stack + localisation + preuves,
- page recrutement : requête de type
developpeur full stack javascript typescript paris, - page mission : requête de type
freelance react nextjs nodejs paris, - blog : contenu d autorité qui soutient la crédibilité.
Si vous êtes dans ce cas, commencez par définir une intention principale par page.
| Page | Intention principale | Action attendue |
|---|---|---|
| Home | Branding et positionnement | Rediriger vers la bonne page |
| Page profil | Nom et clarté d entité | Renforcer la confiance |
| Page recrutement | Recherche recruteur | Obtenir des prises de contact entretien |
| Page mission | Recherche client | Obtenir des demandes qualifiées |
| Article de blog | Autorité sur un sujet | Envoyer du trafic interne utile |
2. Fixer un hôte canonique unique
Google n aime pas les signaux ambigus entre :
wwwet non-www,- slash et non-slash,
- URL localisées et pseudo-locales en query string,
- plusieurs pages très proches qui se cannibalisent.
Sur un portfolio, ce problème est fréquent parce que la partie technique semble secondaire. Elle ne l est pas.
Votre configuration doit être cohérente sur :
- la balise canonical,
og:url,- les feeds,
- le sitemap,
- les URLs absolues du schéma,
- et les liens internes.
Si votre site redirige vers https://www.example.com, alors toutes les URLs SEO doivent sortir en https://www.example.com. Pas une version sur deux.
3. Créer une vraie page d entité personnelle
Google doit pouvoir associer votre nom à une page cible stable.
Une bonne page profil doit contenir :
- votre nom exact,
- votre rôle exact,
- votre stack principale,
- votre localisation cible,
- des liens externes cohérents,
- des preuves de travail,
- une FAQ simple,
- plusieurs images locales de vous,
- et un schéma
ProfilePageavecPerson.
Ce point est critique si votre nom est en concurrence avec d autres personnes ou si Google Images affiche encore des homonymes.
L objectif n est pas de garantir que Google montrera uniquement vos photos. Ce n est pas réaliste. L objectif est d augmenter la part d images et de pages contrôlées par vous dans les résultats brandes.
4. Utiliser des images locales qui vous représentent vraiment
Les images génériques d Unsplash ou Pexels sont un signal faible pour un portfolio personnel.
Pour les pages les plus importantes, il vaut mieux privilegier :
- un portrait principal carré,
- une variante 4:3,
- une variante 16:9,
- des covers locales brandees pour les articles stratégiques,
- des visuels locaux pour les projets mis en avant.
Pourquoi ? Parce que Google Images ne référence pas seulement le fichier. Il analyse aussi :
- la page d atterrissage,
- le contexte textuel,
- la légende,
- le nom du fichier,
- les données structurées,
- et la récurrence du même signal visuel sur le site.
Autrement dit : une image locale bien nommee sur une page forte vaut bien plus qu une image jolie mais générique.
5. Ajouter des pages de conversion dédiées
Un recruteur et un client n ont pas la même attente.
Ce que le recruteur vérifie en premier
Le recruteur veut surtout vérifier :
- votre stack,
- votre niveau de clarté,
- votre localisation,
- vos preuves,
- et votre capacité à tenir un rôle.
Ce que le client vérifie en premier
Le client veut surtout vérifier :
- votre périmètre d intervention,
- votre mode de travail,
- votre disponibilité,
- vos références,
- et la facilite du premier contact.
Si vous mettez tout sur une page unique, vous rendez la lecture plus dure et le SEO plus flou.
Une meilleure approche consiste à créer :
- une page
emploi, - une page
missions, - et une page
profil.
Ensuite, reliez ces pages :
- depuis la home,
- depuis le footer,
- depuis le blog,
- et depuis vos CTA d articles.
6. Arrêter d écrire des articles trop vagues
Un blog personnel n a pas besoin de produire du trafic sur toutes les tendances tech.
Il a besoin de publier des contenus qui :
- renforcent votre crédibilité,
- ciblent une vraie requête,
- s inserent dans votre spécialité,
- et renvoient vers vos pages de conversion.
Les articles trop larges comme le futur du developpement, 2030, les tendances tech, ou pourquoi tout explose en 2026 ont souvent trois problèmes :
- ils sont très compétitifs,
- ils attirent une audience peu qualifiée,
- ils apportent peu de signaux clairs sur votre expertise réelle.
Pour un portfolio développeur, les meilleurs sujets sont souvent :
- tutoriels concrets,
- explications de protocoles ou architectures,
- retours d expérience sur un projet,
- comparatifs reliés à votre pratique,
- et contenus
how toproches d une mission réelle.
Par exemple :
- Model Context Protocol : explication claire,
- Comment fonctionnent les agents IA,
- Comment construire des agents IA avec LangChain,
- Comment j ai cree mon portfolio.
Ces contenus fonctionnent mieux parce qu ils répondent à une requête plus claire qu un billet d opinion trop large.
7. Écrire des titres qui promettent un résultat, pas une vague opinion
Un bon titre SEO pour un portfolio technique fait au moins une de ces choses :
- promet un résultat concret,
- nommé clairement le sujet,
- indique le public cible,
- ou précise le contexte.
Comparez :
Mon avis sur le SEOChecklist SEO pour portfolio developpeur Next.js
Ou encore :
Mes reflexions sur les agents IAPourquoi les agents IA echouent et comment les corriger
Le second titre est presque toujours meilleur, car il correspond à une recherche explicite.
8. Ne pas oublier le maillage interne
Un bon article ne doit pas rester isolé.
Chaque contenu utile devrait idéalement :
- faire remonter vers une page profil ou une page conversion,
- lier 2 a 4 articles du même cluster,
- et aider Google à comprendre la hiérarchie du site.
Sur un portfolio technique, vous pouvez organiser vos liens internes ainsi :
- cluster IA agents,
- cluster MCP / outils / workflows,
- cluster portfolio / SEO / recrutement.
Cette structure aide à la fois le crawl et la compréhension du site.
9. Ajouter les bons schémas, mais sans en faire trop
Le schéma ne remplace pas un bon contenu. Il clarifie ce qui existe déjà.
Pour un portfolio développeur, les schémas les plus utiles sont souvent :
Person,ProfilePage,BreadcrumbList,BlogPosting,FAQPage,ProfessionalServicesur une page mission.
L erreur classique consiste à dupliquer partout les mêmes données sans logique claire.
La bonne approche consiste plutôt à attribuer un rôle clair à chaque page :
- home :
WebPage+Personsimple, - page profil :
ProfilePage+Person, - page mission :
ProfessionalService, - article :
BlogPosting.
10. Mesurer les bons signaux
Au bout de 3 jours, les visites seules ne veulent pas dire grand-chose.
Les premiers signaux à suivre sont plutôt :
- impression brandee,
- canonical choisie par Google,
- pages découvertes dans Search Console,
- couverture d indexation,
- requêtes non brandees naissantes,
- et clics vers
contact,CV,LinkedIn.
Le SEO d un portfolio est un travail de signaux cumulés, pas un interrupteur.
Checklist rapide à appliquer
Si vous voulez aller vite, commencez par ceci :
- unifier l hôte canonique en
wwwou non-www, mais partout pareil ; - créer une page profil dédiée à votre nom ;
- créer une page emploi et une page mission ciblées ;
- remplacer les images génériques de la home par des assets locaux ;
- ajouter trois portraits locaux avec ratios différents ;
- mettre les articles faibles en
noindex; - ne pousser en avant que 5 a 8 articles stratégiques ;
- relier le blog aux pages de conversion ;
- soumettre le sitemap dans Search Console ;
- suivre les impressions et clics sur 30 a 60 jours, pas 72 heures.
Questions fréquentes
Un portfolio de développeur a-t-il besoin de SEO ?
Oui si vous voulez être trouvé sur votre nom et sur votre métier. Sans signaux clairs (page profil, pages de conversion, titres précis), Google met d'autres profils en avant, même si votre site est techniquement soigné.
Quelles pages créer sur un portfolio pour décrocher des entretiens ?
Une page profil centrée sur votre nom, une page pour les recruteurs avec les postes visés et des preuves, une page pour les missions freelance, et des études de cas reliées à du code public.
Quelles données structurées utiliser sur un portfolio ?
Person sur la page profil et l'accueil, ProfilePage, WebSite, BreadcrumbList et BlogPosting pour les articles. Les schémas doivent décrire ce qui est réellement visible sur la page.
Conclusion
Un portfolio Next.js peut devenir visible sur Google. Mais il faut arrêter de le traiter comme une simple vitrine design.
Un portfolio utile est un système de pages qui :
- envoie un signal clair sur votre nom,
- prouve votre valeur,
- facilite la prise de contact,
- et donne a Google des cibles simples à comprendre.
Si votre site est aujourd hui invisible, la réponse n est pas de publier plus de bruit. La réponse est de clarifier :
- votre entité,
- vos pages de conversion,
- vos images,
- votre maillage,
- et vos sujets.
Pour voir cette logique appliquée, consultez ma page profil, ma page recrutement, ma page freelance, ainsi que mes articles sur l'architecture SaaS avec Next.js, TypeScript et PostgreSQL, MCP et les agents IA.
