# Reprise des contenus de l'ancien site Transition de l'ancien site Gatsby (`~/GitHub/Advmfr-vrai`, anglais uniquement) vers le nouveau design. Branche de travail : `old-site`. **Règle de travail.** Le design et la structure du nouveau site priment toujours. Seuls les **textes** sont repris de l'ancien. Le français est traduit au fil de l'eau, la parité des clés `en.json` / `fr.json` étant obligatoire au build. Les visuels de l'ancien site sont récupérés et convertis en WebP dans `~/Documents/Advmfr/old-assets//` (originaux sous `_source/`), hors dépôt. Rien n'entre dans `public/` tant qu'une image n'est pas retenue. **Comparatif SEO avant/après** : `seo-avant-apres.csv`, dans ce dossier. Une ligne par élément (title, meta description, meta keywords, canonical, robots, H1 à H6, `alt` d'images), pour les huit pages communes aux deux sites, avec la valeur ancienne, la nouvelle et un statut (identique / modifié / ajouté / supprimé). L'ancien est lu **en production** (`advmfr.com`), le nouveau sur le serveur de dev. En-têtes et pieds de page sont exclus. Une réserve de lecture : l'appariement est **positionnel** au sein d'un même type. Si le nouveau site insère un H2 au milieu, tout ce qui suit se décale et ressort en « modifié » alors que le contenu est intact. Vérifier la colonne avant/après plutôt que se fier au seul statut. Régénération : `bun scripts/seo-diff.ts docs/migration/seo-avant-apres.csv` (le script vit dans le dossier de travail de session, à reprendre si besoin). --- ## Avancement | Page | Section | État | |---|---|---| | About Us | Hero | Aucun texte à reprendre (l'ancien n'avait qu'un H1 « About Us », déjà l'overline) | | About Us | Our Story | ✅ texte d'origine restauré (EN + FR) | | About Us | Our Philosophy | ✅ texte d'origine restauré (EN + FR) | | About Us | Our Vision | ✅ texte d'origine restauré (EN + FR) | | About Us | Our Team | ✅ texte d'origine restauré (EN + FR) | | Sustainability | Hero, RJC, Waste, People, Policies | Conservés : le texte actuel est **plus récent et plus complet** que l'ancien | | Sustainability | Materials & Packaging | ✅ **nouvelle section** créée à partir de l'ancien `Responsible.js` | | Sustainability | Politiques | ✅ 11ᵉ document rétabli ; les 10 autres liens étaient déjà migrés | | Production Process | Méthodologie, X-Ray, Engines, Memberships | ✅ 9 textes rendus à leur formulation d'origine | | Design & Development | Intro, 5 étapes, Final | ✅ 7 textes rendus à leur formulation d'origine | | Contact Us | Coordonnées, formulaire | Déjà conformes : adresse, téléphone, email et « Let's Talk Business » viennent de l'ancien | | Contact Us | Plans d'accès | ✅ les 2 plans téléchargeables rétablis | | News & Events | Salons | Déjà repris mot pour mot ; phrase d'appel au favori rétablie | | Gallery | Collections | ✅ les 6 collections réelles et leurs photos produit rétablies | --- ## Points à soumettre à la cliente Chacun est une conséquence assumée de la règle « ses textes d'abord ». Aucun n'est un défaut technique : ce sont des arbitrages éditoriaux qui lui reviennent. ### About Us 1. **Story — répétition avec la frise chronologique.** Les deux dernières phrases du texte d'origine (ajout du laiton et de la ligne d'estampage, capacité de 3 000 000 de pièces) reprennent mot pour mot les entrées « 2010s » et « Today » de la frise affichée juste en dessous. L'information est donc lue deux fois. 2. **Story — donnée datée.** Le texte d'origine dit « As of January 2021, our production capacity is 3,000,000 pieces ». Conservé tel quel. Sur un site de 2026, cette date vieillit la page. Chiffre à jour à confirmer. 3. **Story — titre de section sans équivalent.** « From Pforzheim to Bangkok » est une création du nouveau design ; l'ancienne page n'avait qu'un « OUR STORY ». Conservé. 4. **Philosophy — image d'origine absente.** L'ancienne section portait un visuel (récupéré, disponible en WebP). Le nouveau composant est conçu sans image, avec trois cartes. À réintroduire seulement si elle le demande. 5. **Philosophy — recoupement avec la carte « Integrity ».** Le paragraphe restauré contient « pursuing the vision and satisfaction of our clients », que la carte Integrity reformule. 6. **Vision — triade citée trois fois.** « Thai craftsmanship, Italian design and German precision » apparaît désormais dans le titre de section, dans le paragraphe restauré, et dans les trois cartes. 7. **Team — deux fautes conservées.** Le texte d'origine porte « we are not just a team; We are also family » (majuscule après point-virgule) et « each individuals' professional growth » (devrait être *individual's*). Repris tels quels, puisque ce sont ses mots. À corriger sur son accord. 8. **Team — photographies.** Le nouveau site utilise quatre visuels (`public/about/about-team-1..4.webp`) différents des quatre de l'ancienne page, qui sont récupérés et disponibles. Substitution à arbitrer. 9. **Hero — titre, sous-titre et badge sans équivalent.** L'ancien hero ne portait qu'un H1 « About Us ». « A Family Legacy in Fine Jewelry », le sous-titre et le badge « Bangkok, Thailand » sont des ajouts du nouveau design. Conservés. ### Sustainability Cas particulier : **l'ancien texte est plus pauvre que l'actuel**. Le nouveau cite le Code of Practices 2019 du RJC, l'OECD Due Diligence Guidance, le Kimberley Process, la liberté d'association et la non-discrimination, là où l'ancien reste sur des formulations générales. Les dix liens de politiques étaient déjà migrés à l'identique (au paramètre de tracking `&st=` près). Remplacer les corps de texte aurait donc supprimé des références à jour au profit d'affirmations plus anciennes. Décision : on garde l'existant et on complète. Ce qui a été récupéré : 10. **Section « Responsible Materials & Packaging » créée** à partir de l'ancien `Responsible.js`. Elle comble un écart réel : la `metaDescription` de la page promettait déjà « lab-grown diamond option » et « biodegradable packaging » alors qu'aucune section n'en parlait. 11. **Ponctuation ajoutée.** Le texte d'origine enchaînait sans point : « …an additional sustainable option Biodegradable polybags… ». Un point a été ajouté. Aucun mot modifié. 12. **Deux éléments rendus à la section Waste** (corps de texte inchangé) : le recyclage de la cire, du caoutchouc des moules et du cuivre du placage par des filières locales, et la revue mensuelle des procédés. 13. **11ᵉ document de politique rétabli** : « Official appointment of the compliance manager (KYC & OECD) », présent sur l'ancien site et absent de la reprise initiale. Replacé à sa position d'origine. 14. **Encore absent, à arbitrer** : la réduction de l'empreinte carbone (`Commitment.js`) et la politique de « workplace ouvert » où chacun est encouragé à s'exprimer et à poser des questions (`SocialResponsability.js`). Aucune section actuelle ne les porte. 15bis. **Lien externe vers le registre RJC rétabli** dans la section RJC. L'ancien site invitait à consulter le site du conseil ; la reprise avait perdu ce lien, laissant le numéro d'adhésion affiché sans moyen de le vérifier. Règle retenue pour les liens sortants de la page : les deux liens vers le **registre RJC restent suivis** (ils étayent une certification vérifiable), les **10 PDF Dropbox portent `nofollow`** (ce sont des fichiers, sans valeur de lien à transmettre). Tous portent `noopener noreferrer` et `target="_blank"`, conformément aux recommandations Google et OWASP contre le *reverse tabnabbing*. 15. **Visuel de la nouvelle section** : `public/production/stone-setting.webp`, réemployé faute de photographie dédiée. À remplacer si la cliente en fournit une sur le thème matériaux/emballages. ### Production Process Même cas de figure que Sustainability : la page actuelle est plus complète que l'ancienne, et le texte X-Ray y figurait déjà **mot pour mot**. Mais neuf passages de la cliente avaient été condensés. Ils sont rendus à leur formulation d'origine, sans toucher au design. 16. **Invitation à visiter l'usine rétablie.** L'intro d'origine se terminait par « Our customers are always welcome to visit our factory to learn more about our ever evolving manufacturing process ». Cette phrase, qui est un argument commercial, avait disparu de la réécriture. 17. **Six étapes n'ont aucun texte d'origine.** Wax Injection, Laser/Assembly, Filing & Polishing, Setting, Plating, Enamel & Resin n'avaient qu'un titre sur l'ancien site. Leurs descriptions actuelles sont des créations du nouveau design. À faire relire par la cliente : ce ne sont pas ses mots. 18. **Deux titres reformulés par le nouveau design** : « Packaging » est devenu « Conscious Packaging », et « Metal X-Ray » est devenu « Metal X-Ray Analysis ». Conservés. 19. ⚠️ **Incohérence de traitement des fautes, à trancher.** Deux fautes de l'original ont été corrigées ici (« technlogies » → *technologies*, « as well creating » → *as well as creating*), alors que les deux fautes du texte Team d'About Us ont été conservées telles quelles (point 7). Il faut une règle uniforme : soit on corrige les fautes manifestes partout, soit on les préserve partout. En l'état, le site mélange les deux. 20. **Le texte Quality Control restauré** reprend la tournure « Quality control isn't just a production step. It is a philosophy » — exactement le type de formulation retirée du site lors du nettoyage des marqueurs d'écriture IA. C'est ici la phrase d'origine de la cliente, donc conservée. ### Design & Development Le contenu de l'ancienne page vit **dans `src/pages/design-development.js`**, pas dans `src/containers/` : le premier relevé, qui ne regardait que les containers, avait conclu à tort à une page presque vide. Elle compte en réalité sept textes substantiels, tous repris. Ils ont été **vérifiés contre la production** (`https://www.advmfr.com/design-development/`) : correspondance mot pour mot. 21. **Redondance introduite.** L'encart « Technical Excellence » de l'étape CAD/CAM affiche « Maintaining an equal balance of design aesthetic and technical CAD skills », phrase désormais présente aussi dans le corps restauré. Même arbitrage que pour la frise d'About Us : les deux sont conservés. 22. **Promesse des 2 semaines déplacée.** Le titre d'origine était « STREAMLINED PROCESS FROM DESIGN TO FINISHED PROTOTYPE WITHIN 2 WEEKS » ; le nouveau design l'a raccourci en « Streamlined Efficiency ». Le délai reste annoncé dans la `metaDescription` et dans la FAQ, mais plus dans un titre. 23. **FAQ et CTA sans équivalent.** Les cinq questions et le bloc « Begin Your Creative Journey » n'existaient pas sur l'ancien site. Ce ne sont pas les mots de la cliente et ils doivent lui être soumis comme tels. 25. ⚠️ **Niveaux de titre rétrogradés, corrigé.** Les étapes de process portaient un **H2** sur l'ancien site et étaient rendues en **H3** par le nouveau, sur `design-development` (6 étapes) comme sur `production-process` (12 étapes plus Sales et IT). Le plan de document de la cliente s'en trouvait aplati. Remontées en H2, sans changer une seule classe : l'apparence est identique. `design-development` passe à 1 H1 / 9 H2, `production-process` à 1 H1 / 18 H2, comme l'ancien site. About Us et Sustainability n'étaient pas concernées. 26. **Quatre H3 supprimés, non rétablis.** Les piliers de l'intro (*Your vision*, *our experience*, *our quality*, *your creation*) étaient des **H3** sur l'ancien site ; le nouveau design les rend en `div`, sans titre. De même, la FAQ utilise `
/
` plutôt que des titres. Décision en attente. 24. **Coordonnées relevées en production** (pied de page de l'ancien site), utiles pour la reprise de `contact-us` : +662-326-0985, 366 Moo 4 Chalongkrung Road, Lat Kra Bang Industrial Estate, Bangkok 10520, Thailand, advance@advmfr.com. ### Contact Us Page déjà fidèle. L'adresse, le téléphone et l'email correspondent exactement à la fiche officielle, et « Let's Talk Business » est bien la formule de la cliente (l'ancien écrit « Let's Talk Business! »). L'intro a gagné une phrase (« Our Bangkok team will respond promptly ») qui n'existait pas. 35. **Deux plans d'accès téléchargeables rétablis.** L'ancienne page proposait « How to Get to Lat Kra Bang Industrial Estate » et « How to find us once you are inside Lat Kra Bang Industrial Estate », deux images hébergées sur Cloudinary. Elles avaient disparu. Récupérées, converties en WebP (467 → 90 Ko et 183 → 64 Ko) dans `public/contact/`, et proposées en téléchargement sous le lien Google Maps. Ce n'est pas décoratif : la zone industrielle de Lat Kra Bang est vaste et mal desservie par les GPS. 36. **Deux variantes d'adresse coexistent sur l'ancien site.** La page contact écrit « 366 Moo 4, Export Processing Zone 3, Lat Kra Bang Industrial Estate », le pied de page « 366 Moo 4 Chalongkrung Road, Lat Kra Bang Industrial Estate ». Aucune n'est fausse : ce sont deux fragments de l'adresse officielle complète. Le nouveau site retient la variante de la page contact. ### News & Events Les descriptions de salons étaient déjà reprises mot pour mot. Trois écarts. 37. **Phrase d'appel rétablie** : « Dates will be updated regularly, please bookmark this page! », qui invitait le visiteur à revenir, avait disparu de l'intro. 38. **Deux descriptions inventées.** `Bangkok Gems & Jewellery Fair` et `Gem & Jewellery World Hong Kong` n'avaient aucun texte sur l'ancien site ; les leurs ont été écrites pour le nouveau design. À faire relire. 39. **Dates exactes et numéros de stand perdus.** L'ancien affichait « September 6th-10th 2023, Booth # P42 & Q41 ». Le nouveau ne donne que le mois. La page invite à venir sans dire quand ni où. Les données 2026 ne sont pas connues : à demander à la cliente plutôt qu'à inventer. ### Gallery ⚠️ **Le cas le plus grave de la migration.** 40. **Neuf collections inventées, illustrées par des images générées.** Le nouveau site affichait *Ethereal Gold*, *Midnight Diamond*, *Verdant Emerald* et six autres noms qui n'ont jamais existé, illustrés par 27 fichiers de 512 × 512 px et 11 à 28 Ko, avec le nom de la collection incrusté dans l'image. Sur la page dont l'unique fonction est de montrer ce que l'usine fabrique, cela présentait à un acheteur B2B des produits qui n'existent pas. 41. ✅ **Les six collections réelles sont rétablies** : Rainbow, Gold With Diamonds, Kids, Color Gemstones, Pearl et Spring Enamel, dans l'ordre de l'ancien site. L'ancien disposait de 54 photographies produit professionnelles (studio, fond blanc, filigrane Advance, poinçon 585 visible sur certaines pièces) ; 18 ont été retenues, trois par collection, converties en WebP. Les 36 autres sont conservées dans `~/Documents/Advmfr/old-assets/gallery/_source/`. Les noms de fichiers d'origine, descriptifs et utiles au SEO, sont préservés. 42. **Le design n'a pas bougé.** Le composant boucle sur une liste : passer de neuf à six sections ne change aucun réglage de grille, de ratio ou de fond. 43. **Les noms de collections ne sont pas traduits.** Ce sont des identifiants de lignes de production, pas des titres marketing, et ils sont rendus en H2. Ils restent identiques en français, ce qui évite au passage la traduction aveugle d'un titre (voir point 33). 44. **Les textes descriptifs sont neufs.** L'ancien site n'en avait aucun. Ils décrivent strictement ce que montrent les photographies et ce que disent les noms de fichiers d'origine, sans avancer la moindre affirmation de fabrication. À faire valider. 45. **`hero.intro` rétabli** : « View an assortment of our factory's latest jewelry collections. » Le H1 reste « Collections Showcase » contre « Our Gallery » à l'origine, en attente des données de mots-clés. 46. **Cadres remis au carré.** Les 18 photographies sources sont toutes carrées (900 × 900 ou 1400 × 1400). Trois collections avaient un cadre non carré, dont un `21/9` qui, en `object-cover`, amputait **62 % de la hauteur** et coupait la pièce. Les six cadres sont désormais carrés. La section centrée est bridée à 820 px de large, sinon un carré pleine largeur ferait 1440 px de haut. 47. **`sizes` recalculés sur mesure réelle.** Les valeurs venaient d'une estimation des fractions de grille. Elles sont maintenant dérivées des largeurs mesurées dans le navigateur à 1600, 1440, 1280, 1024, 900, 768 et 390 px : 52vw pour les grilles 7/5 et 5/7, 58vw pour la 4/8, 44vw pour la 6/6, et `calc(100vw - 48px)` en dessous de `lg`, où toutes les images passent pleine largeur moins le padding. ⚠️ **Ne pas diagnostiquer le poids des images sur le serveur de dev.** Il sur-livre, et le paramètre `w` de l'URL ne dit pas ce qui transite. La mesure qui compte est `performance.getEntriesByType('resource')` sur un build de production : la page galerie transfère **442 Ko pour 19 images**, chacune reçue à peu près à sa largeur d'affichage (624 à 835 px). 48. **Enchaînement automatique des vues.** Chaque collection démarre son diaporama quand elle entre dans le champ (IntersectionObserver natif, seuil 40 %) : une vue toutes les 6 s, fondu croisé de 1,4 s, et dérive d'échelle de 1 à 1,05 sur 8 s pendant l'affichage. Il s'arrête hors champ, se met en pause au survol et au focus clavier, et **s'arrête définitivement dès que l'utilisateur clique** une flèche ou une pastille. Désactivé si `prefers-reduced-motion` est demandé. 49. **Swiper n'est pas installé.** Il figure dans `experimental.optimizePackageImports` de `next.config.ts` mais n'est ni dans `package.json` ni utilisé dans `src/` : reliquat de la branche `feat/swiperjs`. Entrée de configuration morte, à retirer. --- ## Audit SEO de l'ancien site — ce qu'on ne reprend pas Décidé ensemble le 2026-07-31, sur la base du CSV et d'un export KWFinder US. 27. **Les 8 meta descriptions de l'ancien site sont identiques** : « Fine Jewelry, Wholesale Jewelry Suppliers in Thailand », 53 caractères, sur toutes les pages. Duplication complète et bien trop courtes. **Non reprises.** Les nouvelles sont uniques et tiennent entre 134 et 157 caractères. 28. **6 titles sur 8 dépassaient 60 caractères**, jusqu'à 109, tous suffixés par « Advance Manufacturers high quality jewellery manufacturer ». La page `sustainability` porte même le title « About Us | … » — un copier-coller toujours en ligne en production. **Non repris.** 29. ✅ **Corrigé — le title de la home n'avait pas la marque.** `title.template` d'un layout ne s'applique qu'aux segments **enfants** ; la home partage son segment avec `[locale]/layout.tsx` et ne le recevait donc jamais. C'était la seule page dont le title ne contenait ni « ADV MFR » ni « Advance Manufacturers », ce qui coûte sur les requêtes de marque. Le suffixe est désormais appliqué depuis `seo.titleTemplate`, la même source que le template, pour que les deux ne divergent pas. Effet de bord traité : le title FR faisait déjà 60 caractères et serait passé à 70 avec le suffixe. « Grossiste Bijoux **& Bijouterie** : Fournisseur Accessoires Mode » devient « Grossiste Bijoux : Fournisseur Accessoires Mode » (57 avec le suffixe). Redondance retirée, rien d'autre. 30. **Description de la home ramenée à 157 caractères** (elle en faisait 161). 31. **`production-process` : title à 61 caractères**, 1 au-dessus de la règle d'usage. Laissé tel quel, décision non prise. 32. **H2 en pied de page.** L'ancien site place un « Advance Manufacturers Co., Ltd » en H2 dans le pied de page de chaque page. Mauvaise pratique, **non repris**. 33. **H1 : 4 pages ont perdu leur mot-clé** (`production-process`, `design-development`, `sustainability`, `contact-us`). **Aucune décision prise** : on attend des exports KWFinder complémentaires sur `RJC certified`, `ethical / sustainable jewelry manufacturer`, `oem / odm jewelry`, les termes géographiques (`jewelry manufacturer thailand`) et la galerie. L'export disponible ne contient aucun terme « OEM », ce qui invalide l'argument initialement avancé pour restaurer le H1 de `design-development`. 34. **Orthographe à arbitrer.** Le site est en anglais britannique (`jewellery`) partout sauf la landing USA. L'export de mots-clés US est en orthographe américaine (`jewelry`), qui est ce que le marché cherche réellement. Point ouvert. Repères de volume utiles : `jewelry manufacturing` 2600 (KD 23), `manufacturer for jewelry` 2100 (KD 17), `custom jewelry manufacturing` 1600 (KD 16), `jewelry casting` 880 (KD **14**, la difficulté la plus basse), `jewelry plating` 240 (KD 18, **seul mot-clé en croissance : +35 %**). --- ## Pages restantes `home`, `production-process`, `design-development`, `gallery`, `news-events`, `sustainability`, `contact-us`. Deux pages de l'ancien site n'ont aucune route sur le nouveau : `privacy-policy` et `term-of-use`. À créer ou à abandonner, décision non prise.