@kal questa è grossa, finalmente direi

Introduzione

Questa pagina è un supporto al video Corso di HTML per SEO in modo da avere un riassunto testuale e una raccolta di risorse modulo per modulo del corso.

Per questo motivo è più una guida che un corso

Il Corso Completo

L'intero corso è disponibile su YouTube a questo indirizzo:

Sommario dei Moduli

1. Cosa è l'HTML
2. Costruiamo una pagina
3. Cosa è Google e cosa è la SEO
4. La SEO e l'HTML
5. Esercizi e Strumenti
6. Advanced (Web API, Web Performance per HTML, CSS, Javascript)

Riferimenti dell'Autore

• Il Corso SEO con Giorgio Taverniti
• Giorgiotaverniti.it
• GoogleLiquido.it
• FastLetter: la newsletter di Giorgio Taverniti
• Connect.gt
• FastForward: Canale YouTube curato da Giorgio Taverniti
• Search On
• Search On Consulting

Collaboratori

• Andrea Dragotta
• Andrea Pernici
• Enrico Collorà
• Alessio Pomaro

1. Cosa è l'HTML

1.1 Concetti Base

• Cosa è ARPANET
• Il Tweet della prima email della Regina Elisabetta (1976)
• Robert Cailliau - Wikipedia
• Il Protocollo HTTP
• Proteggere il sito con HTTPS (Google Developers)
• Abilitare HTTPS sui server
• Cos'è HTTP/2 e differenze
• HTTP/3 basato su UDP
• HTTP/2 vs HTTP/3
• Statistiche utilizzo elementi sito (Web Almanac)
• Can I use HTTP3
• HTTP/3 Check
• Codici di stato HTTP - Wikipedia

1.2 Ecco l'HTML

• World Wide Web Consortium (W3C)
• Video Google sull'importanza degli H1
  

1.3 L'HTML 5

• Markup 2022 (The Web Almanac)
• Standard Generalized Markup Language (SGML)
• Nuovi elementi HTML 5 (W3C)

2. Costruiamo una pagina

2.1 URL e Struttura del Sito

• Struttura URL secondo Google
• Guida SEO Starter di Google
• Guida HTML5 di HTML.it
• Tabella supporto browser HTML 5

2.2 La nostra pagina: costruiamola

• HTML Editor Online
• Esempi HTML (W3Schools)
• HTML Reference - Guida completa agli elementi
• NON USARE IL GRASSETTO PER LA SEO - Video
  
• Tag Strong (Mozilla)
• Tag EM (Mozilla)
• Parametri Player YouTube
• Embed Responsively

2.3 Approfondimenti Semantici

• Tag Header
• Tag Footer
• Tag Section
• Tag Article
• Tag Nav
• Estensione Chrome: HTML5 Outliner
• Tipi di contenuti e Tag (WHATWG)

2.3.1 Open Graph

• The Open Graph Protocol
• Facebook Debugger
• Twitter Cards Guide
• Linkedin Share Debugger

2.3.2 Schema (Dati Strutturati)

• Web Almanac: Structured Data
• Structured Data FAQPage (Google)
• Sitelink Searchbox
• SEO By Rank Math (Plugin)
• Yoast SEO (Plugin)
• Schema Validator
• Test Risultati Multimediali Google
• Playlist YouTube Search Console

3. Cosa è Google e cosa è la SEO

• Statistiche Motori di Ricerca (Statcounter)
• Mobile First Indexing (Google)
• Il Messy Middle e il comportamento d'acquisto
• Integrazione Shopify e YouTube

4. La SEO e L'HTML

• Linee Guida Webmaster Google
• Overview del Crawler di Google
• Robotstxt.org
• (http://user-agent-string.info/list-of-ua/bots)
• Gestione URL canonici
• Versioni localizzate (Hreflang)
• Informazioni sulle Sitemap
• Best practice per Title Link
• Linee Guida Google Immagini
• Web Dev Fast (Performance)
• Squoosh.app (Ottimizzazione immagini)

5. Esercizi e Strumenti

I Nostri Eventi

• We Make Future
• Search Marketing Connect
• Social Media Strategies
• Advanced SEO Tool

5.2 Strumenti Semplici

• Bing Webmaster Tool
• Web Archive (Wayback Machine)
• Validator W3C
• Built With (Tecnologie sito)
• Meta SEO Inspector (Estensione)
• Similarweb (Analisi traffico)
• Google Trends
• Microsoft Clarity (Heatmaps)
• Matomo Analytics

5.3 Strumenti Avanzati

• Web Page Test
• Lighthouse
• Screaming Frog SEO Spider
• Visual SEO Studio
• SEMRush
• SEOZoom
• Ahrefs
• Dall-e 2 (AI Image Gen)

6. Advanced

Approfondimenti Tecnici

Andrea Dragotta (Web API)

• Can I use
• Project Fugu (Web Capabilities)
• Developer Mozilla (MDN)
• Codepen

Andrea Pernici (Performance)

• Preload Responsive Images
• Load CSS Simpler

Enrico Collorà (CSS & Design)

• Esempi CodePen di Enrico
• Progressive Enhancement
• (https://web.dev/variable-fonts/)

Alessio Pomaro (Rendering & JS)

• Rendering on the Web
• View Rendered Source Plugin
• Fetch and Render Tool
• Rendering Queue Insights

@federicopistolesi ha detto in Per tutti i Freelance!:

@giorgiotave Ciao a te Giorgio.

Mi dispiace sentirlo, nel caso come pensavate di evolvere? Una community di SEO italiana è un peccato che non sia attiva!

La piattaforma su cui siamo va benissimo. Stiamo cercando di capire se c'è voglia di fare community o no

@federicopistolesi Ciao Fede
scusa per il ritardo ho approvato tutti i tuoi post

La community di Connect.gt è poco attiva ed è semi chiusa. Nel senso che abbiamo scelto la modalità selezione alla base in attesa di capire le evoluzioni future

Costa troppo per le cose poche che fa e quante ne fa..

Questi?

Annuncio qui
https://developers.google.com/search/blog/2025/12/social-channels-search-console?hl=it

Dice:

Molte aziende e organizzazioni gestiscono la propria presenza digitale utilizzando diverse piattaforme, inclusi i siti web di social media, oltre ai propri siti web. Questo è in linea con il comportamento degli utenti, che sono sempre più attratti da diversi tipi di formati di contenuti e piattaforme di social media.

Oggi siamo felici di annunciare un nuovo esperimento in Search Console che offre ai proprietari dei siti una visione unificata del rendimento nella Ricerca Google sui loro siti web e canali social. Con questo aggiornamento, stiamo espandendo il report Search Console Insights per includere i dati sul rendimento non solo per il vostro sito web, ma anche per alcuni dei vostri canali social. Questa nuova integrazione vi consente di esaminare il rendimento nella Ricerca dei canali social associati al vostro sito web direttamente in Search Console.

La nuova visualizzazione mostrerà le informazioni sul rendimento che già conoscete per ogni canale, tra cui:

• Copertura totale: il numero totale di clic e impressioni che generano traffico da Google al vostro canale social.
• Rendimento dei contenuti: le pagine dei canali social più popolari, nonché quelle in aumento o in calo.
• Query di ricerca: query principali e di tendenza che indirizzano gli utenti ai vostri profili social.
• Posizione del pubblico: i principali paesi in cui gli utenti fanno clic sul vostro canale social nei risultati della Ricerca.
• Sorgenti di traffico aggiuntive: il numero totale di clic ricevuti dal vostro sito da sorgenti aggiuntive come la ricerca immagini, la ricerca video, la ricerca notizie e Feed personalizzato.

@andrea2002 Ciao Andrea
hai mai usato SEOZoom? O forse ti serve solo la Search Console?

Sapete chi ha risposto al Tweet?

Samsung ha inoltre dichiarato che porterà Gemini su 800 milioni di dispositivi
https://www.ilsole24ore.com/art/samsung-portera-gemini-800-milioni-dispositivi-google-festeggia-AIRb1Li

Insomma, sta succedendo un'altra volta

@kal secondo me ha a che fare con la lingua italiana, non hanno usato un upgrade importante. Infatti non ti fa scegliere nemmeno il modello!

@netmassimo ha detto in AI Mode in Italia:

@giorgiotave io sono abilitato ma non so se esserne contento.

@merlinox ha detto in AI Mode in Italia:

Arrivato anche a me!

FORTUNATI

@merlinox ha detto in AI Mode in Italia:

@giorgiotave ancora niente dalle mie parti
ps: sicuro in http?

hahahah per fortuna che hanno i redirect

L'unica ricerca valida su ChatGPT smonta la fuffa di questi mesi

Per affrontare questo periodo c'è bisogno di capire e comprendere. Si fa con cultura, non con i trukketti da smanettoni degli anni 90. Cerchiamo di tradurre in esempi ed indicazioni pratiche cosa esce dallo studio e da come stiamo usando l'AI nella Ricerca.

Se volete provare AI Mode in Italia vi basta andare qui http://google.com/ai e vedere se l'account è abilitato

forte!

Metto le 4 immagini rappresentative più importanti secondo me

Distribuzione Percentuale

Sub-divisione

Intenti

Sub-divisione nelle categorie

Vi metto la tabella delle categorie dell'uso che le persone fanno di ChatGPT estratta da questo PDF

https://www.nber.org/system/files/working_papers/w34255/w34255.pdf

Ho chiesto a ChatGPT5 se mi fa una DeepResearch. Poi gli ho chiesto un articolo breve.

Volevo individuare le cose di oggi, ma fare un punto sull'ecosistema.

Cosa vi stona?

Panoramica delle API di YouTube Membership

YouTube offre ai creator la funzione Abbonamenti al canale, che permette agli spettatori di sottoscrivere un abbonamento mensile per ottenere vantaggi esclusivi (badge, emoji, contenuti riservati, ecc.).

Per supportare queste funzionalità anche fuori da YouTube, esiste il servizio API “Members” di YouTube: tramite questo è possibile ottenere informazioni dettagliate sugli abbonati di un canale e integrare tali dati in servizi esterni (support.google.com).

In particolare, l’API fornisce per ciascun abbonato:

• URL e nome del canale YouTube del membro
• Link all’immagine di profilo
• Data di sottoscrizione dell’abbonamento
• Livello/tier di abbonamento sottoscritto

Questi dati permettono ai creator (o agli sviluppatori autorizzati) di riconoscere un utente come membro, di conoscerne l’anzianità e il livello, e di erogare vantaggi di conseguenza.

Va sottolineato che l’endpoint API per i membri è limitato ai soli creator per i propri canali abilitati agli abbonamenti e richiede un’apposita autorizzazione da parte di YouTube/Google (developers.google.com); inoltre le informazioni sugli abbonati possono essere condivise con terze parti solo nella misura necessaria a fornire i benefit associati (support.google.com), nel rispetto di termini e normative vigenti.

Negli ultimi anni, YouTube ha incoraggiato uno sviluppo di integrazioni di terze parti attorno agli abbonamenti, per arricchire l’esperienza dei membri del canale (support.google.com).

Riepilogo integrazioni API Membership (Settembre 2025)

Di seguito una tabella riepilogativa delle principali integrazioni note con gli Abbonamenti YouTube, con il tipo di utilizzo dell’API e il beneficio offerto:

Piattaforma/Servizio	Tipo di integrazione	Funzionalità per i creator e i membri
Discord (chat community)	Sincronizzazione abbonati ️ ruoli Discord	Collega YouTube al server Discord per assegnare automaticamente ruoli riservati ai membri YouTube, con canali esclusivi e rimozione del ruolo al termine dell’abbonamento (support.discord.com)
Cameo (videomessaggi personalizzati)	Vantaggi esclusivi (sconti)	Fornisce codici sconto speciali sui video messaggi personalizzati di celebrità per gli abbonati al canale YouTube (support.google.com). I fan membri possono acquistare messaggi su Cameo a prezzo ridotto come perk.
Emojam (GIF ed emoji con audio)	Contenuti digitali riservati	Permette al creator di offrire GIF animate con audio ed emoji personalizzate ai membri paganti, utilizzabili su app di messaggistica (iOS/Android). Il creator carica le proprie audio-GIF su Emojam Studio e le rende disponibili come perk mensile ai suoi abbonati (Hypebot).
FxFactory (tool per creator)	Gestione elenco abbonati	Consente di estrarre la lista completa dei membri del canale (con dati come nome, livello, data iscrizione) tramite API e importarla in software di editing (es. After Effects, Photoshop, InDesign) per creare grafici, animazioni o crediti, oppure esportarla in TXT/CSV/JSON per analisi o backup (support.google.com).
StreamElements (piattaforma streaming)	Overlay e alert live	Integra l’API per riconoscere nuovi membri durante le dirette YouTube: permette di mostrare overlay grafici e avvisi in tempo reale sullo schermo quando qualcuno si abbona al canale, includendo ad esempio il nome del membro e il livello di abbonamento nell’alert (StreamElements blog).
Streamlabs (tool per streamer)	Widget live e bot	Offre strumenti per streaming compatibili con YouTube: i creator possono collegare il loro canale e attivare widget (alert box, notifiche in chat, ecc.) che reagiscono ai nuovi abbonamenti e agli eventi come Superchat (Streamlabs blog).

Conclusione

L’ecosistema delle API YouTube Membership nel 2025 è diventato ricco e diversificato.
Le integrazioni coprono:

• Community (Discord)
• Perk esterni (Cameo)
• Contenuti digitali (Emojam)
• Gestione dati (FxFactory)
• Live streaming (StreamElements, Streamlabs)

Grazie a queste connessioni, i creator possono:

• Arricchire i vantaggi per i propri membri
• Fidelizzare la community
• Professionalizzare la gestione delle membership

Risorse ufficiali:

• YouTube API Members – Documentazione sviluppatori
• Guida YouTube ai tool di terze parti
• Discord – Collegare YouTube al server
• Hypebot – YouTube + Emojam partnership
• StreamElements Blog – Integrazione YouTube
• Streamlabs Blog – Streaming su YouTube

@kal ha detto in La SEO è morta. Ahahahahhahahahah:

E poi chiameranno qualcuno per aggiustare

Posso dire che già ora stanno arrivando?

Incredibile eh