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
|
||||
```
|
||||
53
doc/workflow.md
Normal file
53
doc/workflow.md
Normal file
@@ -0,0 +1,53 @@
|
||||
# Atomaste Website Workflow
|
||||
|
||||
## Source of Truth
|
||||
|
||||
**Master Location**: `C:\Users\antoi\WEBtomaste` (Windows)
|
||||
|
||||
This is your primary working directory. All edits should be made here.
|
||||
|
||||
## Architecture
|
||||
|
||||
```
|
||||
WEBtomaste (Windows - MASTER)
|
||||
|
|
||||
+---> Gitea: http://192.168.86.50:3000/Antoine/WEBtomaste.git (version control)
|
||||
|
|
||||
+---> Syncthing ---> Dalidou:/srv/atomaste-dev (auto-sync for dev testing)
|
||||
|
|
||||
+---> Hostinger (production - manual deploy)
|
||||
```
|
||||
|
||||
## Development Workflow
|
||||
|
||||
1. **Edit files** in `C:\Users\antoi\WEBtomaste`
|
||||
2. **Changes auto-sync** to Dalidou via Syncthing
|
||||
3. **Test** at `http://192.168.86.50:8090`
|
||||
4. **Commit & push** to Gitea when ready:
|
||||
```bash
|
||||
git add .
|
||||
git commit -m "Your message"
|
||||
git push origin main
|
||||
```
|
||||
5. **Deploy to Hostinger** when production-ready
|
||||
|
||||
## Key Files
|
||||
|
||||
| File | Purpose |
|
||||
|------|---------|
|
||||
| `index.html` | English website |
|
||||
| `fr.html` | French website |
|
||||
| `Media/Atomaste_light_grey_Logo.svg` | Main logo |
|
||||
| `Media/Atomaste_logo_A.svg` | Favicon |
|
||||
| `deploy.bat` | Deploy to Dalidou dev server |
|
||||
|
||||
## Remotes
|
||||
|
||||
- **Gitea**: `http://192.168.86.50:3000/Antoine/WEBtomaste.git`
|
||||
- **Dev Server**: `http://192.168.86.50:8090`
|
||||
|
||||
## Syncthing Configuration
|
||||
|
||||
- Folder: `atomaste-dev`
|
||||
- Type: `sendonly` (Windows -> Dalidou only)
|
||||
- Path on Dalidou: `/srv/atomaste-dev`
|
||||
Reference in New Issue
Block a user