Add SEO optimization
- Add meta tags (keywords, author, robots, canonical) - Add Open Graph tags for social sharing - Add Twitter card meta tags - Add hreflang tags for EN/FR language alternates - Add Schema.org structured data (JSON-LD) - Create sitemap.xml - Create robots.txt - Add workflow documentation 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
131
doc/deployment-guide.md
Normal file
131
doc/deployment-guide.md
Normal file
@@ -0,0 +1,131 @@
|
||||
# Atomaste - Guide de Déploiement
|
||||
|
||||
## Architecture
|
||||
|
||||
```
|
||||
c:\Users\antoi\WEBtomaste\ <-- SOURCE (Master)
|
||||
|
|
||||
| deploy-hostinger.bat
|
||||
v
|
||||
atomaste.ca <-- PRODUCTION (Hostinger)
|
||||
```
|
||||
|
||||
**Workflow:** Tu modifies les fichiers localement, puis tu déploies sur Hostinger.
|
||||
|
||||
---
|
||||
|
||||
## Fichiers du site
|
||||
|
||||
| Fichier | Description |
|
||||
|---------|-------------|
|
||||
| `index.html` | Page d'accueil (anglais) |
|
||||
| `fr.html` | Page d'accueil (français) |
|
||||
| `.htaccess` | Configuration serveur Apache |
|
||||
| `Media/` | Images et logos |
|
||||
|
||||
### Fichiers Media utilisés:
|
||||
- `Atomaste_logo_A.svg` - Favicon
|
||||
- `Atomaste_light_grey_Logo.svg` - Logo header/footer
|
||||
- `Site_1_8.png` - Photo Antoine
|
||||
|
||||
---
|
||||
|
||||
## Déploiement
|
||||
|
||||
### Option 1: Script automatique (recommandé)
|
||||
|
||||
Double-clique sur:
|
||||
```
|
||||
deploy-hostinger.bat
|
||||
```
|
||||
|
||||
Ce script upload automatiquement tous les fichiers nécessaires.
|
||||
|
||||
### Option 2: Commandes manuelles (curl)
|
||||
|
||||
```bash
|
||||
# Upload un fichier spécifique
|
||||
curl -u "u878837096:hey@claudeLeta12" -T "index.html" "ftp://145.223.77.209/domains/atomaste.ca/public_html/"
|
||||
|
||||
# Upload une image
|
||||
curl -u "u878837096:hey@claudeLeta12" -T "Media/MonImage.png" "ftp://145.223.77.209/domains/atomaste.ca/public_html/Media/"
|
||||
```
|
||||
|
||||
### Option 3: Demander à Claude
|
||||
|
||||
Dis simplement: "deploy to hostinger" ou "push to production"
|
||||
|
||||
---
|
||||
|
||||
## Accès FTP Hostinger
|
||||
|
||||
| Paramètre | Valeur |
|
||||
|-----------|--------|
|
||||
| Host | `ftp://145.223.77.209` |
|
||||
| Username | `u878837096` |
|
||||
| Password | `hey@claudeLeta12` |
|
||||
| Port | `21` |
|
||||
| Remote Path | `/domains/atomaste.ca/public_html` |
|
||||
|
||||
**Note:** Ces credentials sont aussi dans `deploy-hostinger.bat` et `deploy-hostinger.ps1`
|
||||
|
||||
---
|
||||
|
||||
## Structure sur le serveur Hostinger
|
||||
|
||||
```
|
||||
/domains/atomaste.ca/public_html/
|
||||
├── index.html
|
||||
├── fr.html
|
||||
├── .htaccess
|
||||
└── Media/
|
||||
├── Atomaste_logo_A.svg
|
||||
├── Atomaste_light_grey_Logo.svg
|
||||
└── Site_1_8.png
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Ajouter une nouvelle image
|
||||
|
||||
1. Place l'image dans `Media/` localement
|
||||
2. Référence-la dans ton HTML: `<img src="Media/nom-image.png">`
|
||||
3. Upload avec:
|
||||
```bash
|
||||
curl -u "u878837096:hey@claudeLeta12" -T "Media/nom-image.png" "ftp://145.223.77.209/domains/atomaste.ca/public_html/Media/"
|
||||
```
|
||||
4. Ou ajoute la ligne dans `deploy-hostinger.bat`
|
||||
|
||||
---
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Le site ne se met pas à jour
|
||||
- Fais un hard refresh: `Ctrl+Shift+R`
|
||||
- Ouvre en navigation privée
|
||||
- Vérifie que l'upload a réussi (pas de "FAILED")
|
||||
|
||||
### Erreur 550 (File unavailable)
|
||||
- Le dossier n'existe pas sur le serveur
|
||||
- Utilise `--ftp-create-dirs` avec curl
|
||||
|
||||
### L'ancien site WordPress apparaît
|
||||
- Le `.htaccess` a été écrasé par WordPress
|
||||
- Re-upload le `.htaccess` local
|
||||
|
||||
---
|
||||
|
||||
## URLs
|
||||
|
||||
- **Production:** https://atomaste.ca
|
||||
- **Français:** https://atomaste.ca/fr.html
|
||||
- **LinkedIn:** https://www.linkedin.com/company/atomaste/
|
||||
|
||||
---
|
||||
|
||||
## Serveur de développement local (optionnel)
|
||||
|
||||
Tu as aussi un serveur dev sur Dalidou:
|
||||
```
|
||||
deploy-to-dalidou.bat --> http://192.168.86.50:8090
|
||||
```
|
||||
Reference in New Issue
Block a user