📝 Revenir à la liste des tâches

Conseils et recommandations pour le site d'Aline

Ce que je vous propose concrètement (en tant que dév) pour qu'il soit parfait techniquement et pour les recruteurs.

La base technique actuelle (Pour info)

Outil principal du site

WordPress

Constructeur (Là où on modifie)

Elementor

Pour plaire à Google (SEO)

Rank Math SEO

L'hébergeur du site

Hostinger

Vrai nom final (À acheter)

aline-ndeko.com

Brouillon actuel

aline-resume.olaxio.com

Les accès que nous avons en ce moment (Administrateurs)

1. @lineForAll2024
2. moutalabihabib2002@gmail.com
Note: Je supprimerai ces accès une fois qu'on aura tout finalisé pour laisser Aline propriétaire à 100%.

Filtrer les idées :

1. En-tête / Navigation

Logo / Titre

Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Aline N'DEKO

Mon Conseil / Mon idée

Aline N'DEKO | Data Analyst

📋 Procédure Technique (Dev)

Dev : Accéder à Apparence > Personnaliser > Identité du site OU via Elementor Theme Builder > Header. Modifier le widget texte/titre pour intégrer le rôle cible.

⭐ L'importance globale : Moyen

Lien Menu : À propos

Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

À propos

Mon Conseil / Mon idée

Aucune modification requise. Label standard PNF (Primary Navigation Framework).

📋 Procédure Technique (Dev)

Aucune action requise.

⭐ L'importance globale : Faible

Lien Menu : Compétences

Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

Compétences

Mon Conseil / Mon idée

Aucune modification requise.

📋 Procédure Technique (Dev)

Aucune action requise.

⭐ L'importance globale : Faible

Lien Menu : Projets

Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

Projets

Mon Conseil / Mon idée

Aucune modification requise.

📋 Procédure Technique (Dev)

Aucune action requise.

⭐ L'importance globale : Faible

Lien Menu : Parcours

Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Parcours

Mon Conseil / Mon idée

Expériences (Terme canonique attendu par l'UX/Recrutement).

📋 Procédure Technique (Dev)

Dev : Accéder au Back-Office > Apparence > Menus. Ouvrir l'item 'Parcours' et modifier le 'Titre de navigation' en 'Expériences'.

⭐ L'importance globale : Moyen

Lien Menu : Formations

Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

Formations

Mon Conseil / Mon idée

Aucune modification requise.

📋 Procédure Technique (Dev)

Aucune action requise.

⭐ L'importance globale : Faible

Lien Menu : Contact

Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

Contact

Mon Conseil / Mon idée

Aucune modification requise.

📋 Procédure Technique (Dev)

Aucune action requise.

⭐ L'importance globale : Faible

Bouton Téléchargement CV

Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Télécharger mon CV

Mon Conseil / Mon idée

Mettre le lien PDF final. Le CTA (Call-to-Action) texte est optimisé.

📋 Procédure Technique (Dev)

Dev : Back-Office > Médias > Ajouter. Uploader le fichier `.pdf`. Copier l'URL native générée. Dans Elementor (Header), coller cette URL absolue dans le champ 'Lien' du widget Bouton. Activer '_blank' (Nouvel onglet).

⭐ L'importance globale : Aucun

2. Accueil (Hero Section)

Titre Principal

Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Aline N'DEKO (en H2)

Mon Conseil / Mon idée

Aline N'DEKO - Data Analyst & Business Intelligence (En H1)

📋 Procédure Technique (Dev)

Dev : Éditer la Home avec Elementor. Sélectionner le widget Titre. Panel de gauche > Contenu > Balise HTML : Sélectionner 'H1' au lieu de 'H2'.

⭐ L'importance globale : CRITIQUE

Sous-titre / Rôles

Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Data Analyst · Ingénieure · Stratège

Mon Conseil / Mon idée

Data Analyst | Experte Power BI | Ingénieure Data

📋 Procédure Technique (Dev)

Dev : Modifier le contenu du widget Éditeur de texte sous le H1.

⭐ L'importance globale : Moyen

Paragraphe d'accroche

Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Je transforme les données...

Mon Conseil / Mon idée

Aucune refonte structurelle requise. Intégrer : 'Disponible pour un CDI'.

📋 Procédure Technique (Dev)

Dev : Éditer le paragraphe. Encadrer 'Disponible pour un CDI' avec une balise `` pour forcer la proéminence visuelle sans polluer les Title Tags.

⭐ L'importance globale : Faible

Bouton Primaire
Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

Voir mes projets

Mon Conseil / Mon idée

Aucune modification requise.

📋 Procédure Technique (Dev)

Aucune.

⭐ L'importance globale : Faible

Bouton Secondaire
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Me contacter

Mon Conseil / Mon idée

Me Contacter (Correction de casse).

📋 Procédure Technique (Dev)

Dev : Elementor > Propriétés du bouton > Texte : 'Me Contacter'.

⭐ L'importance globale : Faible

3. Section Statistiques Qualitatives

Années d'expérience
Ce qu'on doit faire: Client

Ce qu'il y a actuellement

Années d'expérience : 3+

Mon Conseil / Mon idée

Aucune modification requise (La structure texte/chiffre est sémantiquement claire).

📋 Procédure Technique (Dev)

Aucune action technique n'est requise hors confirmation client.

⭐ L'importance globale : Faible

Nombre de projets
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Projets réalisés : 8+

Mon Conseil / Mon idée

Vérification client.

📋 Procédure Technique (Dev)

Dev : Si changement requis, cibler le widget 'Compteur' (Counter) d'Elementor et modifier la valeur du suffixe.

⭐ L'importance globale : Faible

Outils BI
Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

Outils BI maîtrisés : 5+

Mon Conseil / Mon idée

Aucune modification requise.

📋 Procédure Technique (Dev)

Aucune.

⭐ L'importance globale : Faible

Missions/Entreprises
Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

Entreprises : 3+

Mon Conseil / Mon idée

Aucune modification requise.

📋 Procédure Technique (Dev)

Aucune.

⭐ L'importance globale : Faible

4. Section 'À propos'

En-tête de section
Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

À propos

Mon Conseil / Mon idée

Aucune modification requise.

📋 Procédure Technique (Dev)

Aucune.

⭐ L'importance globale : Faible

Paragraphes descriptifs
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Texte brut uniforme

Mon Conseil / Mon idée

Insertion de balises `` sur les entités nommées (SAVENCIA, Power BI, SSIS) pour hiérarchiser l'information.

📋 Procédure Technique (Dev)

Dev : Dans Elementor, ouvrir le widget Texte. Basculer l'éditeur en mode 'Texte' (et non 'Visuel') et insérer les balises HTML `mot` sur les technologies clés.

⭐ L'importance globale : Moyen

Sous-section 'Ce qui me différencie'
Ce qu'on doit faire: Aucun

Ce qu'il y a actuellement

Liste à puces standard

Mon Conseil / Mon idée

Aucune modification requise. Le format liste (`
` / `
`) est parfaitement interprété par les crawlers.

📋 Procédure Technique (Dev)

Aucune.

⭐ L'importance globale : Faible

5. Section 'Compétences Techniques'

Validation Document Outline
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Compétences (En H3 ou span éventuel)

Mon Conseil / Mon idée

Validation formelle : S'assurer que 'Compétences' est un `
` et les sous-catégories (Data, BI) des `
`.

📋 Procédure Technique (Dev)

Dev : Focus sur le widget titre global > Contenu > Balise HTML : `H2`. Répéter pour les catégories internes en sélectionnant `H3`.

⭐ L'importance globale : Fort

Composants d'Interaction (Tags métiers)
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Attribut href='#'

Mon Conseil / Mon idée

Suppression des requêtes vides (Dead Links). Un attribut `href='#'` force une redirection en ID haut-de-page qui détruit l'UX sur mobile.

📋 Procédure Technique (Dev)

Dev : Cibler chaque widget de compétence. Dans le panneau de contrôle, repérer le champ 'Lien', supprimer le caractère `#` et laisser strictement vide OU changer le composant en 'Texte' avec background CSS arrondi.

⭐ L'importance globale : Moyen

6. Bloc 'Mes Projets / Réalisations'

Structure de section
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Projets

Mon Conseil / Mon idée

Mes Réalisations

📋 Procédure Technique (Dev)

Dev : Mettre à jour le texte du H2 racine.

⭐ L'importance globale : Moyen

Assets Graphiques
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Dummy content / Placeholder img

Mon Conseil / Mon idée

Images réelles compressées au format WebP avec attributs Alt.

📋 Procédure Technique (Dev)

Dev : Encodage WebP strict (éviter les PNG/JPG volumineux). Upload WP. Ajouter le texte sémantique (Ex: 'Capture interface Olasoft Dashboard') dans l'attribut `alt` natif du gestionnaire de média.

⭐ L'importance globale : Fort

Call to Action externes (GitHub)
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Mon Conseil / Mon idée

Attributs `href` valides, target `_blank` et attribut sémantique `rel`.

📋 Procédure Technique (Dev)

Dev : Insérer l'URI de dépôt finale. Dans l'icône d'engrenage Elementor à côté du champ lien, cocher 'Ouvrir dans une nouvelle fenêtre'. Ajouter `rel="noopener noreferrer"` dans les attributs personnalisés si disponible (sécurité standard).

⭐ L'importance globale : Moyen

7. Ligne de vie : Expériences et Formations

Mise en valeur métier
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Texte brut

Mon Conseil / Mon idée

Mise en gras des technologies logicielles.

📋 Procédure Technique (Dev)

Dev : Utilisation du module éditeur WYSIWYG natif (Ctrl+B) pour isoler les requêtes Power BI et Symfony dans le descriptif long.

⭐ L'importance globale : Faible

Structure Hiérarchique Diplômes
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Défaut

Mon Conseil / Mon idée

Titres de diplômes qualifiés en balise `
`

📋 Procédure Technique (Dev)

Dev : Sélection des titres Master et Licence dans Elementor > Structure > `
` pures.

⭐ L'importance globale : Moyen

8. Footer et Intégration Contact

Protocole mail
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Lien texte non parser

Mon Conseil / Mon idée

Implémentation d'un schema URI `mailto:` valide.

📋 Procédure Technique (Dev)

Dev : Entrer la chaîne `mailto:adresse@email.com` dans le champ 'Lien' du composant. Ceci déclenchera le client natif de l'OS (Outlook/Mail) par défaut.

⭐ L'importance globale : Aucun

Réseaux Sociaux Externes
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Liens factices

Mon Conseil / Mon idée

Résolution correcte des URLs.

📋 Procédure Technique (Dev)

Dev : Saisir les URL `https://...` complètes et cocher le mode target='_blank'.

⭐ L'importance globale : Faible

SMTP & WPForms
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Vue UI testée

Mon Conseil / Mon idée

Vérification unitaire du module d'envoi

📋 Procédure Technique (Dev)

Dev : Configurer WP Mail SMTP (ou similaire) via l'email de domaine sur Hostinger. Envoyer un log de test pour valider l'absence de flag SPAM serveur.

⭐ L'importance globale : Aucun (Opération critique de MCO)

9. Comportement Mobile & Responsive (Breakpoints CSS)

Bug d'Overflow Mobile X
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Défaut de conteneurs flexbox

Mon Conseil / Mon idée

Application globale CSS : Forcer le non-débordement horizontal des colonnes enfants Elementor.

📋 Procédure Technique (Dev)

Dev : Dans Apparence > Personnaliser > CSS Additionnel (ou Elementor Theme Style), rajouter `html, body { overflow-x: hidden; }` pour empêcher l'X-scroll indésirable sur viewport < 768px.

⭐ L'importance globale : Critique

Échelle Typographique (Viewport clamp)
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Points absolus PX trop hauts

Mon Conseil / Mon idée

Ajustement des `em/rem` pour mobile.

📋 Procédure Technique (Dev)

Dev : Activer le mode responsive icône Téléphone Elementor. Dans Style > Typographie des H1 et H2, réaffecter les valeurs PX à des standards mobiles (~32px max pour un H1).

⭐ L'importance globale : Fort

10. Topologie SEO (Rank Math Pro/Free)

Métadonnées SERP : Title
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Index par défaut

Mon Conseil / Mon idée

Title conditionnel strict : Aline N'DEKO | Data Analyst & BI - Profil

📋 Procédure Technique (Dev)

Dev : Éditer la page ciblé sur WP-Admin. Scroller sur la Meta Box Rank Math. Ouvrir 'Edit Snippet'. Injecter la payload dans le champ 'Title'.

⭐ L'importance globale : CRITIQUE

Métadonnées SERP : Description
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Vide/Fallback

Mon Conseil / Mon idée

Description optimisée CTR (Max 155 chars).

📋 Procédure Technique (Dev)

Dev : Edit Snippet Rank Math > Champ Meta Description. Insérer la chaîne avec appel à l'action.

⭐ L'importance globale : Fort

Indexation XML / Google Search API
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Dormant

Mon Conseil / Mon idée

Push actif Sitemap.

📋 Procédure Technique (Dev)

Dev : Extraire le lien `sitemap_index.xml` via RankMath Dashboard. Valider la propriété du host de domaine complet sur Google Search Console, et y associer l'URL du sitemap dans l'onglet dédié.

⭐ L'importance globale : CRITIQUE

11. Configuration Serveur (Hostinger Hpanel)

Stratégie de nommage (DNS)
Ce qu'on doit faire: Client + Dev

Ce qu'il y a actuellement

Sous-domaine partagé olaxio.com

Mon Conseil / Mon idée

TLD Propre obligatoire pour isolation d'autorité (ex: .com)

📋 Procédure Technique (Dev)

Client : Commander le domaine via l'interface Panel Hpanel Billing. Dev : Assurer le pointage A-Record / CNAME vers le serveur de production final.

⭐ L'importance globale : CRITIQUE

Chiffrement SSL/TLS
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Lié au sous-domaine

Mon Conseil / Mon idée

Provision SSL Let's Encrypt natif.

📋 Procédure Technique (Dev)

Dev: Dashboard Hostinger > Sécurité > SSL > 'Installer un SSL' sur le domaine cible fraîchement acquis. Forcer la redirection HTTPS native (wp-config ou htaccess).

⭐ L'importance globale : Fort

IAM (Gestion des accès)
Ce qu'on doit faire: Dev

Ce qu'il y a actuellement

Comptes dev utilisés

Mon Conseil / Mon idée

Principe de moindre privilège post-production.

📋 Procédure Technique (Dev)

Dev : WP Admin > Utilisateurs. Créer compte 'AlineAdmin' rôle Administrateur. Rétrograder ou supprimer explicitement '@lineForAll2024' et 'moutalabihabib2002@gmail.com'.

⭐ L'importance globale : Critique (Sécurité MCO)