` **subito dopo** ``, così chi clicca una porta dell'hero atterra vicino all'inizio della pagina invece che in fondo. - [ ] **Step 5: Lanciare i test e verificare che passino** Run: `npm test` Expected: tutti verdi, comprese le 5 asserzioni sullo smistamento. - [ ] **Step 6: Commit** ```bash git add -A git commit -m "Sezione di smistamento verso le quattro destinazioni del gruppo" ``` --- ### Task 6: Sedi e contatti **Files:** - Create: `src/components/Sedi.astro` - Modify: `src/components/Pagina.astro` - Test: `tests/sedi.test.ts` **Interfaces:** - Consumes: `t`, `Lingua`. - Produces: la sezione `#sedi` con i due indirizzi e i due telefoni come link `tel:`. - [ ] **Step 1: Scrivere il test `tests/sedi.test.ts`** ```ts import { describe, it, expect } from 'vitest'; import { readFileSync } from 'node:fs'; import { load } from 'cheerio'; const dom = (p: string) => load(readFileSync(new URL(`../dist/${p}`, import.meta.url).pathname, 'utf-8')); describe('sedi', () => { const $ = dom('index.html'); it('mostra i due indirizzi di Sanremo', () => { const testo = $('#sedi').text(); expect(testo).toContain('Via Giovanni Pascoli 163'); expect(testo).toContain('Via Feraldi 30'); }); it('rende i telefoni cliccabili', () => { const tel = $('#sedi a[href^="tel:"]').map((_, el) => $(el).attr('href')).get(); expect(tel).toEqual(['tel:+390184501855', 'tel:+390184846132']); }); it('rende l email cliccabile', () => { expect($('#sedi a[href="mailto:info@benza.it"]')).toHaveLength(1); }); it('offre due link alle mappe senza incorporare iframe di terze parti', () => { expect($('#sedi a.gb-sede__mappa')).toHaveLength(2); expect($('#sedi iframe')).toHaveLength(0); }); }); ``` - [ ] **Step 2: Lanciare il test e verificare che fallisca** Run: `npm test` Expected: FAIL, `#sedi` non esiste. - [ ] **Step 3: Scrivere `src/components/Sedi.astro`** ```astro --- import { t, type Lingua } from '../i18n'; interface Props { lang: Lingua } const { lang } = Astro.props; const d = t(lang); // Link alle mappe invece di una mappa incorporata: un iframe di Google Maps // carica script di terze parti e cookie, che con il Consent Mode e' una // complicazione che questa pagina non ha motivo di portarsi dietro. const mappa = (q: string) => `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(q)}`; const mappaSede = mappa('Benza, Via Giovanni Pascoli 163, 18038 Sanremo IM'); const mappaAtelier = mappa('Benza Atelier, Via Feraldi 30, 18038 Sanremo IM'); ---

{d.sedi.titolo}

{d.sedi.sommario}

{d.sedi.sedeTitolo}

{d.sedi.sedeIndirizzo}

{d.sedi.telefonoEtichetta}: +39 0184 501855

{d.sedi.mappa}

{d.sedi.atelierTitolo}

{d.sedi.atelierIndirizzo}

{d.sedi.telefonoEtichetta}: +39 0184 846132

{d.sedi.mappa}

{d.sedi.emailEtichetta}

info@benza.it

``` - [ ] **Step 4: Montare la sezione** In `src/components/Pagina.astro`: import `Sedi` e inserire `` come ultima sezione dentro `

`. - [ ] **Step 5: Lanciare i test e verificare che passino** Run: `npm test` Expected: tutti verdi. - [ ] **Step 6: Commit** ```bash git add -A git commit -m "Sezione sedi con indirizzi, telefoni ed email" ``` --- ### Task 7: Dati strutturati, robots, sitemap e llms.txt **Files:** - Create: `src/components/DatiStrutturati.astro` - Create: `public/robots.txt`, `public/llms.txt` - Modify: `src/pages/index.astro`, `src/pages/en/index.astro`, `src/pages/fr/index.astro` - Modify: `astro.config.mjs` (integrazione sitemap) - Test: `tests/geo.test.ts` **Interfaces:** - Consumes: `Lingua`. - Produces: `DatiStrutturati.astro` con prop `{ lang: Lingua }`, da mettere nello slot `head` di `BaseLayout`. - [ ] **Step 1: Scrivere il test `tests/geo.test.ts`** ```ts import { describe, it, expect } from 'vitest'; import { existsSync, readFileSync } from 'node:fs'; import { load } from 'cheerio'; const file = (p: string) => new URL(`../dist/${p}`, import.meta.url).pathname; const dom = (p: string) => load(readFileSync(file(p), 'utf-8')); const jsonld = (p: string) => { const $ = dom(p); const grezzo = $('script[type="application/ld+json"]').first().html() ?? ''; return JSON.parse(grezzo); }; describe('dati strutturati', () => { const dati = jsonld('index.html'); it('descrive il gruppo come Organization fondata nel 1932', () => { expect(dati['@type']).toBe('Organization'); expect(dati.name).toBe('Gruppo Benza'); expect(dati.foundingDate).toBe('1932'); }); it('dichiara le due societa come sotto-organizzazioni', () => { const figlie = dati.subOrganization; expect(figlie).toHaveLength(2); expect(figlie.map((f: any) => f.url).sort()).toEqual([ 'https://www.benza.it/', 'https://www.benzasrl.it/', ]); expect(figlie.map((f: any) => f.vatID).sort()).toEqual(['01360200081', 'IT01060310081']); }); it('ogni figlia rimanda al gruppo come organizzazione madre', () => { dati.subOrganization.forEach((f: any) => { expect(f.parentOrganization['@id']).toBe('https://www.gruppobenza.it/#gruppo'); }); }); it('e valido JSON in tutte le lingue', () => { ['en/index.html', 'fr/index.html'].forEach((p) => { expect(() => jsonld(p)).not.toThrow(); }); }); }); describe('file di servizio', () => { it('pubblica robots.txt, llms.txt e la sitemap', () => { ['robots.txt', 'llms.txt', 'sitemap-index.xml'].forEach((f) => { expect(existsSync(file(f))).toBe(true); }); }); it('robots.txt nomina la sitemap e accoglie i crawler dei modelli', () => { const robots = readFileSync(file('robots.txt'), 'utf-8'); expect(robots).toContain('Sitemap: https://www.gruppobenza.it/sitemap-index.xml'); ['GPTBot', 'ClaudeBot', 'PerplexityBot', 'Google-Extended'].forEach((bot) => { expect(robots).toContain(bot); }); }); it('llms.txt elenca le quattro destinazioni', () => { const llms = readFileSync(file('llms.txt'), 'utf-8'); ['benza.it', 'benza.it/shop', 'benzasrl.it', 'benzashop.it'].forEach((d) => { expect(llms).toContain(d); }); }); }); ``` - [ ] **Step 2: Lanciare il test e verificare che fallisca** Run: `npm test` Expected: FAIL, nessuno `script[type="application/ld+json"]` nella pagina. - [ ] **Step 3: Installare e configurare la sitemap** ```bash npx astro add sitemap --yes ``` Verificare che `astro.config.mjs` contenga `integrations: [sitemap()]` e che `site` sia rimasto `https://www.gruppobenza.it`. - [ ] **Step 4: Scrivere `src/components/DatiStrutturati.astro`** ```astro --- import type { Lingua } from '../i18n'; interface Props { lang: Lingua } const { lang } = Astro.props; const SITO = 'https://www.gruppobenza.it'; const madre = { '@id': `${SITO}/#gruppo` }; const indirizzoSede = { '@type': 'PostalAddress', streetAddress: 'Via Giovanni Pascoli, 163', postalCode: '18038', addressLocality: 'Sanremo', addressRegion: 'IM', addressCountry: 'IT', }; const dati = { '@context': 'https://schema.org', '@type': 'Organization', '@id': `${SITO}/#gruppo`, name: 'Gruppo Benza', url: `${SITO}/`, foundingDate: '1932', description: 'Gruppo di società con sede a Sanremo dal 1932. Riunisce Benza Water Storage SRL, che si occupa di riserve idriche e impermeabilizzazioni, e Benza srl, che si occupa di giardinaggio, arredo per esterni e piscine.', address: indirizzoSede, telephone: '+39 0184 501855', email: 'info@benza.it', areaServed: [ { '@type': 'Country', name: 'Italia' }, { '@type': 'Country', name: 'Francia' }, { '@type': 'Country', name: 'Svizzera' }, ], sameAs: [ 'https://www.facebook.com/profile.php?id=100075931934637', 'https://www.youtube.com/@RiserveIdriche', ], subOrganization: [ { '@type': 'Organization', '@id': 'https://www.benza.it/#azienda', name: 'Benza Water Storage SRL', url: 'https://www.benza.it/', vatID: 'IT01060310081', parentOrganization: madre, address: indirizzoSede, telephone: '+39 0184 501855', knowsAbout: [ 'vasche prefabbricate di acciaio zincato', 'riserve idriche antincendio UNI EN 12845', 'teli in EPDM e PVC per laghi artificiali', 'biolaghi e biopiscine', 'impermeabilizzazione di dighe e canali', ], sameAs: ['https://www.ebay.it/str/benzawaterstorage'], }, { '@type': 'Organization', '@id': 'https://www.benzasrl.it/#azienda', name: 'Benza srl', url: 'https://www.benzasrl.it/', vatID: '01360200081', parentOrganization: madre, address: { '@type': 'PostalAddress', streetAddress: 'Via Feraldi, 30', postalCode: '18038', addressLocality: 'Sanremo', addressRegion: 'IM', addressCountry: 'IT', }, telephone: '+39 0184 846132', knowsAbout: [ 'arredo per esterni e barbecue', 'piscine e benessere', 'irrigazione e idraulica', 'giardinaggio e prato sintetico', 'progettazione di giardini', ], sameAs: ['https://www.benzashop.it/'], }, ], inLanguage: lang, }; --- )} ``` Il test "parte con il consenso analitico negato" richiede che `PUBLIC_GA_ID` sia valorizzato quando si lancia `npm test`. Copiare `.env.example` in `.env` e mettere l'ID vero prima di eseguire i test. - [ ] **Step 5: Scrivere `src/components/BannerCookie.astro`** ```astro --- import { t, percorso, type Lingua } from '../i18n'; interface Props { lang: Lingua } const { lang } = Astro.props; const d = t(lang); const hrefPrivacy = percorso(lang, 'privacy'); --- ``` - [ ] **Step 6: Scrivere `src/components/PaginaPrivacy.astro`** ```astro --- import { t, percorso, type Lingua } from '../i18n'; import Footer from './Footer.astro'; interface Props { lang: Lingua } const { lang } = Astro.props; const d = t(lang); ---

← {d.hero.titolo}

{d.privacy.titolo}

{d.privacy.corpo.map((p) =>

{p}

)}