Cos'è la Scheda HTML?
La scheda HTML ti permette di esportare tutti i tuoi contenuti di Google Docs come codice HTML semantico pulito. Questo HTML è pronto per essere copiato e incollato direttamente in WordPress, Blogger, Webflow o qualsiasi altro CMS.
L'HTML esportato preserva l'intera struttura: titoli, elenchi, testo in grassetto, link, tabelle e immagini (con i loro attributi Alt).
Perché HTML Pulito
L'HTML pulito è essenziale per diverse ragioni:
Benefici dell'HTML Pulito
1. SEO: Google legge meglio l'HTML semantico
2. Velocità: L'HTML leggero si carica più velocemente
3. Compatibilità: Funziona su tutte le piattaforme CMS
4. Manutenzione: Il codice è più facile da modificare dopo
Evita HTML Sporco
Quando copi da Word, Google Docs o alcuni strumenti, l'HTML risultante è pieno di tag non necessari che rompono la formattazione e danneggiano il SEO.
Cosa Include l'HTML Esportato
L'HTML generato da SEOwer include:
- Struttura semantica completa: article, header, main, section, footer
- Gerarchia titoli: H1, H2, H3 correttamente annidati
- Elenchi ordinati e non ordinati: ul, ol con li
- Tabelle con thead e tbody: Ideali per dati comparativi
- Link con attributi: href, title, target="_blank" per link esterni
- Immagini con Alt ottimizzato: Preserva il testo alternativo
- Grassetto e corsivo: strong e em correttamente applicati
- Blockquotes: Per citazioni e contenuti evidenziati
<article>
<h1>Titolo Principale dell'Articolo</h1>
<p>Paragrafo introduttivo con la parola chiave...</p>
<h2>Sezione Principale</h2>
<p>Contenuto della sezione...</p>
<h3>Sottosezione</h3>
<p>Ulteriori contenuti...</p>
</article>
Come Copiare e Incollare in WordPress
1 Genera HTML in SEOwer
Dalla scheda HTML, clicca il pulsante "Copia HTML" o "Scarica HTML". Il codice verrà copiato negli appunti o scaricato come file.
2 Apri l'editor di WordPress
Nel tuo post WordPress, passa all' editor di codice (chiamato anche "Code Editor" o "Modalità Testo"). Usa il "Blocco HTML" o la scorciatoia Ctrl+Shift+Alt+M (Editor Classico).
3 Incolla l'HTML
Incolla tutto il codice HTML nell'editor. Vedrai che i contenuti appaiono correttamente formattati.
4 Aggiungi titolo SEO e meta descrizione
Non dimenticare di configurare il titolo SEO e la meta descrizione nel tuo plugin SEO (Yoast, Rank Math, SEOPress, ecc.). L'HTML contiene solo il corpo dell'articolo.
5 Pubblica e verifica
Pubblica il post e verifica che tutto appaia corretto. Controlla che titoli, elenchi, link e immagini appaiano come previsto.
Suggerimento per Gutenberg
Se usi l'editor di blocchi di WordPress (Gutenberg), aggiungi un blocco "HTML" e incolla il codice lì. Puoi poi convertirlo in blocchi regolari se necessario.
Come Copiare e Incollare in Altri CMS
Blogger
In Blogger, vai su Post → Editor HTML. Incolla l'HTML direttamente. Blogger preserva gli stili di base.
Webflow
Aggiungi un blocco "Embed" e incolla il codice HTML. Oppure copia il contenuto dentro un paragrafo di testo.
Shopify
Nel campo descrizione del prodotto o articolo, passa alla modalità HTML e incolla il codice. Usa l'editor ricco di Shopify per aggiungere immagini aggiuntive se necessario.
Wix / Squarespace
Usa il blocco rich text o HTML embed. In Wix, il blocco "Testo" permette di incollare HTML.
Immagini nell'HTML
L'HTML esportato include le immagini come riferimenti URL (src="..."). Le immagini che erano in Google Docs devono essere ospitate da qualche parte.
Importante
Se le immagini erano incorporate in Google Docs da Google Drive, probabilmente dovrai sostituire gli URL con quelli del tuo CMS o server multimediale.
1 Carica le immagini sul tuo CMS
Carica ogni immagine nella libreria multimediale del tuo sito web (WordPress, Blogger, ecc.).
2 Copia l'URL di ogni immagine
Copia l'URL completo dell'immagine caricata (di solito termina in .jpg, .png, .webp).
3 Sostituisci nell'HTML
Nel codice HTML, trova i tag img e sostituisci il src con il nuovo URL.
<img src="https://iltuodominio.com/immagine.jpg" alt="Descrizione immagine">
Ottimizzazione Post-Esportazione
Dopo aver incollato l'HTML nel tuo CMS, fai queste regolazioni finali:
- Imposta l'H1: Assicurati che ci sia solo un H1 per pagina
- Aggiungi la data di pubblicazione: Aiuta con la freschezza dei contenuti
- Configura i link interni: L'HTML mantiene i link, ma verifica che funzionino
- Aggiungi l'immagine in evidenza: Questa non è inclusa nell'HTML del corpo
- Rivedi i media: Verifica che le immagini si carichino correttamente