In qualità di web designer specializzato in WordPress, una domanda che ricevo spesso dai miei clienti è “Come scrivere articoli su WordPress in modo professionale?”. Sebbene aggiungere un post su questa piattaforma possa sembrare un’operazione semplice, creare contenuti con un aspetto professionale e ottimizzati per i motori di ricerca richiede esperienza, competenza e attenzione ai dettagli.
Poiché è un argomento piuttosto corposo, ho deciso di dividere i contenuti in due differenti guide. In questo primo articolo vedremo il processo di pubblicazione specifico per WordPress, soffermandoci su ogni singolo step della procedura. Nel secondo articolo (Come scrivere articoli per il blog) vedremo invece tutto quello che serve per ricercare, scrivere, ottimizzare e formattare il contenuto dei nostri articoli.
Questa guida vi mostrerà esattamente come inserire articoli su WordPress affrontando i temi fondamentali alla scrittura di un post o di una pagina.
Che siate blogger alle prime armi o professionisti che desiderano perfezionare le proprie competenze, questa guida vi fornirà tutte le conoscenze necessarie per padroneggiare l’arte di scrivere post su WordPress. Seguendo questi consigli, sarete in grado di creare contenuti accattivanti, ben strutturati e pronti a farvi largo nel competitivo panorama digitale.
Indice #
La procedura: Come inserire un articolo in WordPress step by step #
Come scrivere un articolo su WordPress
-
Accedere al pannello di amministrazione di WordPress #
Accedere al pannello di amministrazione di WordPress con un account che abbia i permessi per pubblicare un articolo (autore/editore/amministratore).
Solitamente si accede tramite questo indirizzo: www.nomesito.it/wp-admin/ e si inseriscono Username/email e Password. -
Creare un nuovo articolo #
Per fare questo abbiamo due alternative.
1) Usare il menù laterale che vediamo nella barra di sinistra all’interno della dashboard di WordPress, portare il cursore su articoli e senza cliccare si espanderà un sottomenù dove tra le voci troverete “Aggiungi nuovo articolo”. Cliccate e creerete un nuovo articolo.
2) Nella barra di amministrazione in alto, al lato del nome del sito, dopo l’icona aggiornamenti e commenti, troverete un icona “+ Nuovo”. Posizionate il cursore del mouse sopra l’icona e apparirà un menù a discesa con tutte le voci che potete creare. Cliccate su Articolo e avrete creato un nuovo articolo. -
Inserire il titolo #
Per prima cosa si inseriscono titolo dell’articolo
Il titolo deve essere chiaro, inequivocabile, conciso e contenere la parola chiave principale.
Il titolo è la prima cosa che i lettori vedranno e che apparirà anche in varie sezioni del vostro sito. Dovrebbe essere accattivante, descrittivo e contenere la vostra parola chiave principale. Un buon titolo:– Cattura l’attenzione
– Comunica chiaramente l’argomento dell’articolo
– Non è troppo lungo 50/60 Caratteri massimo. -
Modificare l’URL / SLUG #
Lo slug è l’ultima parte di un indirizzo web (dell’articolo in questo caso) separato dal resto dell’URL dal simbolo “/”. In WordPress viene mostrato nella sezione Link nella barra laterale di destra (Personalizza l’ultima parte dell’URL). Lo slug viene generato automaticamente dal titolo del post. Cliccandoci sopra, potrete modificarlo e accorciarlo. Quando lo modificatecercate di includere la parola chiave principale e rimuovere tutte le parole superflue, articoli, preposizioni etc. Lo slug dovrebbe essere facile da leggere e sufficiente a spiegare il contenuto dell’articolo sia per i lettori che per i motori di ricerca.
-
Creare il contenuto #
Sotto il titolo troverete lo spazio dove scrivere il vostro articolo.
Il corpo del vostro articolo dovrebbe essere ben strutturato, informativo e coinvolgente. Utilizzate paragrafi brevi, sottotitoli e elenchi puntati per migliorare la leggibilità e tra un capitolo e l’altro o attorno a immagini, ricordatevi di inserire degli spazi bianchi per dare più respiro al testo e rendere la lettura più piacevole. -
Immagine in evidenza #
L’immagine in evidenza di un post di WordPress è un’immagine associata a un articolo o una pagina che viene visualizzata in vari punti del sito, come la homepage, gli archivi, i widget, e i social media quando il post viene condiviso. Questa immagine rappresenta visivamente il contenuto del post, attirando l’attenzione dei lettori e migliorando l’aspetto estetico del sito.
Aggiungere l’Immagine in Evidenza:
Nella schermata di modifica del post, cerca il box “Immagine in evidenza” solitamente situato nella barra laterale destra. Se non lo trovi, potrebbe essere necessario attivarlo tramite le “Opzioni Schermata” in alto a destra.
Clicca su “Imposta immagine in evidenza”.
Cerca l’immagine nella galleria oppure carica una immagine dal PC. Per caricare una immagine puoi trascinarla direttamente dal tuo PC alla schermata di aggiunta dell’immagine. -
Scegliere la categoria #
Le categorie servono a ordinare i contenuti sul nostro blog per argomenti. Queste andrebbero decise prima di iniziare a scrivere il primo articolo in modo da avere già chiara la struttura che avrà il nostro blog. Ogni articolo dovrebbe appartenere a 1 categoria. Possono esserci delle eccezioni in cui un articolo appartiene a più categorie.
Per aggiungere la categoria, sempre nella barra di destra, selezionate la categoria di riferimento giù creata o createne una nuova. -
Scegliere il TAG #
Come per la categoria, anche il TAG serve a ordinare i contenuti. Non vanno usati come se fossero degli hashtag di instagram bensì vanno usati solo se offrono una reale utilità di raggruppamento che però è aggiuntiva alla struttura del sito.
Ad esempio, un blog di tecnologia ha le categorie, smartphone, laptop, tablet etc. I tag potrebbero essere brands come ASUS, APPLE, SAMSUNG, i cui contenuti appaiono già nelle categorie del blog ma possono essere raggruppati anche all’interno della pagina brand.
-
SEO #
L’ottimizzazione SEO base dell’articolo (usando rank math) comporta che voi clicchiate in alto a destra sul box rosso / arancio che mostra un’icona di un grafico e una frazione numerica.
Questo sostituirà la barra laterale standard con quella SEO. Nella nuova barra cliccate su modifica snippet. Si aprirà una finestra dove potrete modificare il titolo che appare sui motori di ricerca. Cercate di rispettare la lunghezza del titolo altrimenti verrà tagliato sui google & co. Il premalink che dovremmo aver già ottimizzato, in caso contrario possiamo farlo anche qui.
La meta Descrizione che serve a invogliare i lettori ad aprire il link, non ha valore SEO ma bens^ di marketing perché potrebbe convincere o far desistere un potenziale lettore dall’aprire il link. Anche questo campo ha un limite di cartteri che viene mostrato dall’interfaccia. -
Controllo e anteprima #
Prima di pubblicare un articolo, che potrebbe migliorare o peggiorare la vostra reputazione, dovete controllarlo a vedere che non ci siano errori. Per fare questo usiamo l’anteprima di WordPress. Clicchiamo sull’icona del notebook in alto a destra, selezionamo se vogliamo vederlo in modalità computer o smartphone e clicchiamo su “Anteprima in una nuova scheda”. Questo ci permetterà di vedere il nostro articolo in anteprima e capire se lo abbiamo impaginato correttamente e vederlo come apparirà ai nostri lettori una volta pubblicato. Aprendo l’anteprima salviamo in automatico la bozza del post.
-
Pubblica #
Una volta corretti gli errori e approvato l’articolo, possiamo pubblicarlo. Per pubblicarlo dobbiamo cliccare sul tasto pubblica in alto a destra. Questo aprirà un menù di pubblicazione dove potreme scegliere la visibilità dell’articolo, pubblico è quello che si usa per renderlo visibile a chiunque. Se volete invece proteggerlo da password o renderlo visibile solo a chi è amministratore / editore del sito scegliete le altre opzioni. Potete inoltre scegliere quando pubblicarlo, se immediatamente o a una determinata data e orario.
-
Condividi #
L’ultimo passaggio è condividerlo su tutte le piattaforme social, tramite mail, whatsapp etc.
Fornitura:
- Idee su cosa scrivere
Strumenti:
- Computer/Smartphone
- Un blog
Materiali: Dati di accesso a wordpress Immagini per l’articolo
L’editor di articoli in WordPress: Gutenberg e i blocchi più importanti. #
WordPress da qualche anno a questa parte ha introdotto Gutenberg, un editor avanzato per articoli e pagine. Questo editor funziona con un sistema di blocchi che vengono aggiunti in sequenza e che vanno a formare l’articolo. Gutenberg è composto da decine di blocchi differenti ognuno con le sue peculiarità e con il suo scopo grazie al quale potremo creare articoli ben strutturati, ordinati e con una grafica accattivante. In questo capitolo vedremo l’interfaccia di Gutenberg e i blocchi principali.
L’interfaccia #
L’interfaccia di Gutenberg è composta da tre elementi principali:
- La barra di navigazione
- Menu di modifica
- Le opzioni di blocco
La barra di navigazione #
Questa barra gestisce importanti funzionalità dell’editor come:
- Aggiungi blocco
- Modalità del cursore (tra seleziona e modifica blocco)
- Annulla o ripeti per spostarsi tra le modifiche fatte al corpo dell’articolo
- Riepilogo documento all’interno del possiamo scegliere se vedere l’elenco dei blocchi o la struttura gerarchica dei titoli del contenuto.
- Salva bozza
- Anteprima
- Pubblica
- Mostra o nascondi barra impostazioni
- Menù della pagina articolo
Menu di modifica #
Questo menù appare quando clicchiamo su un blocco. Ci offre alcune funzionalità rapide per modificare il blocco stesso come allineamento dei testi grassetti etc oppure la possibilità di convertirlo in un blocco compatibile. Le opzioni offerte dipendono dalla natura del blocco stesso. Ad esempio un blocco di testo potrà essere trasformato in titolo, elenco, citazione etc. ma non potrà essere trasformato in una immagine.
Le opzioni di blocco #
Una volta selezionato il blocco nella barra laterale a destra troveremo le opzioni del blocco. Come per il menu di modifica anche le opzioni visualizzate qui dipendono dalla natura del blocco. Queste opzioni ci permettono solitamente di gestire aspetti come: Colori, dimensioni, ancor a HTML (per creare dei link diretti a quel blocco), classe CSS (avanzato), dimensione delle immagini, il formato, il testo alternativo etc.
Pattern: Blocchi riutilizzabili per velocizzare il lavoro e aiutarci ad essere consistenti #
Una funzionalità che amo di Gutenberg è il fatto di potere salvare i blocchi e riutilizzarli. Ma n mano che prenderete confidenza con l’editor capirete che molte azioni si ripetono in continuazione, gli spazi, lo stile dei testi e delle immagini etc. Una volta che avrete definito il vostro stile, avrete trovato la giusta spaziatura tra immagini e testo, tra titolo e testo etc potrete salvare dei blocchi o dei gruppi di blocchi da riutilizzare quando vi farà comodo.
Potrei fare tanti esempi e se me li chiederete ve li fornirò, ma per non essere troppo prolisse ne farò uno solo. Le immagini. In un articolo è fondamentale inserire i giusti spazi bianchi per dare respiro al testo e rendere più piacevole la visione della pagina e la sua lettura. Io odio profondamente, coloro che mettono immagini e testi incollati tra loro, mi fa passare la voglia di leggere. Già siamo pigri a leggere, se poi non aiutiamo i lettori siamo rovinati.
Per dare respiro attorno alle immagini io metto: Spazio vuoto da 30 o 50 px + Immagine + Spazio vuoto da 30 o 50 px e poi salvo il gruppo di blocco con il nome di fantasia immagine +30 o 50 che andrò a riutilizzare ogni volta che inserirò una immagine.
Pattern sincronizzati? Sincronizzare il pattern significa che quando modificherete, un blocco o un gruppo salvato, in qualsiasi parte del sito questa modifica si rifletterà su tutto il sito. Solitamente io non li sincronizzo, perché in casi come l’esempio di cui sopra, se inserisco l’immagine verrebbe poi usata in tutte le ricorrenze del pattern sul sito e non andrebbe bene.
Come inserire i blocchi #
Per inserire un nuovo blocco è sufficiente premere invio quando avrete finito di scrivere sul blocco oppure cliccare con il mouse sulla spazio bianco sotto il blocco attuale. Per richiamare un blocco velocemente potete digitare il simbolo slash “/” e digitare l’inizio del nome del blocco che vi serve, ad esempio “/ imm” vi mostrerà vari blocchi il cui nome include imm o che secondo WordPress sono correlati al vostro comando, lo stesso vale per i pattern salvati.
In caso non vi ricordaste il nome o voleste vedere tutti i blocchi disponibili, dalla barra di navigazione in alto a sinistra cliccate sul pulsante “+” azzurro e si aprirtà l’elenco completo di tutti i blocchi e pattern disponibili in WordPress.
I blocchi Principali #
Paragrafo #
Descrizione: Blocco di testo base per inserire contenuti testuali.
Come usarlo: Clicca sul segno “+”, seleziona “Paragrafo” e inizia a digitare il testo. Puoi formattare il testo con grassetto, corsivo, collegamenti, ecc.
Quando usarlo: Per scrivere paragrafi di testo, descrizioni, o qualsiasi altro contenuto testuale.
Immagine #
Descrizione: Inserisce un’immagine.
Come usarlo: Clicca sul segno “+”, seleziona “Immagine”, carica un’immagine dal tuo computer o inserisci l’URL dell’immagine. Puoi aggiungere didascalie, allineare l’immagine e aggiungere link.
Quando usarlo: Per aggiungere immagini ai tuoi post o pagine, per illustrare il contenuto o aggiungere elementi visivi.
Titolo #
Descrizione: Aggiunge un titolo o intestazione (H1, H2, H3, ecc.).
Come usarlo: Clicca sul segno “+”, seleziona “Titolo”, scegli il livello del titolo (da H1 a H6) e digita il testo.
Quando usarlo: Per suddividere il contenuto in sezioni con intestazioni chiare e strutturate.
Elenco #
Descrizione: Crea liste ordinate o non ordinate.
Come usarlo: Clicca sul segno “+”, seleziona “Elenco” e digita gli elementi della lista. Puoi scegliere tra lista numerata o puntata.
Quando usarlo: Per elencare elementi in modo strutturato, come punti elenco o numerati.
Citazione #
Descrizione: Inserisce una citazione o un blocco di citazione.
Come usarlo: Clicca sul segno “+”, seleziona “Citazione”, inserisci il testo della citazione e aggiungi l’autore se necessario.
Quando usarlo: Per evidenziare citazioni, estratti di testo o riferimenti importanti.
Copertina #
Descrizione: Aggiunge un’immagine con testo sovrapposto.
Come usarlo: Clicca sul segno “+”, seleziona “Copertina”, carica un’immagine e aggiungi testo sovrapposto. Puoi regolare la posizione del testo e l’opacità dell’immagine.
Quando usarlo: Per creare intestazioni visivamente accattivanti con immagini di sfondo e testo sovrapposto.
Video #
Descrizione: Inserisce un video.
Come usarlo: Clicca sul segno “+”, seleziona “Video”, carica un video dal tuo computer o inserisci l’URL del video da piattaforme come YouTube o Vimeo.
Quando usarlo: Per incorporare video nei tuoi post o pagine da piattaforme come YouTube o Vimeo.
Colonne #
Descrizione: Crea layout con colonne multiple.
Come usarlo: Clicca sul segno “+”, seleziona “Colonne”, scegli il layout delle colonne (es. 50/50, 33/33/33) e aggiungi blocchi all’interno di ogni colonna.
Quando usarlo: Per organizzare il contenuto in colonne affiancate, ideale per layout più complessi.
Pulsante #
Descrizione: Aggiunge un pulsante cliccabile.
Come usarlo: Clicca sul segno “+”, seleziona “Pulsante”, inserisci il testo del pulsante e aggiungi l’URL di destinazione. Puoi personalizzare lo stile e il colore del pulsante.
Quando usarlo: Per creare call to action come “Leggi di più”, “Acquista ora” o “Iscriviti”.
File #
Descrizione: Aggiunge un link per scaricare un file.
Come usarlo: Clicca sul segno “+”, seleziona “File”, carica un file dal tuo computer e inserisci un testo per il link di download.
Quando usarlo: Per permettere ai visitatori di scaricare documenti, PDF, o altri file.
Galleria #
Descrizione: Inserisce una galleria di immagini.
Come usarlo: Clicca sul segno “+”, seleziona “Galleria”, carica o seleziona le immagini da includere nella galleria. Puoi organizzare l’ordine delle immagini e scegliere il numero di colonne.
Quando usarlo: Per mostrare una serie di immagini in un formato galleria.
Incorporamento (Embed) #
Descrizione: Incorpora contenuti da siti esterni (es. video, post di social media).
Come usarlo: Clicca sul segno “+”, seleziona “Incorporamento”, inserisci l’URL del contenuto che vuoi incorporare (es. un tweet, un video YouTube, ecc.).
Quando usarlo: Per inserire contenuti esterni direttamente nei tuoi post o pagine.
Tabella #
Descrizione: Aggiunge una tabella di dati.
Come usarlo: Clicca sul segno “+”, seleziona “Tabella”, scegli il numero di righe e colonne e inserisci i dati nelle celle.
Quando usarlo: Per presentare dati strutturati in formato tabellare.
Codice #
Descrizione: Inserisce un blocco di codice formattato.
Come usarlo: Clicca sul segno “+”, seleziona “Codice” e inserisci il codice che vuoi mostrare.
Quando usarlo: Per mostrare frammenti di codice o script.
Separatore #
Descrizione: Aggiunge una linea di separazione.
Come usarlo: Clicca sul segno “+”, seleziona “Separatore” e personalizza lo stile e la lunghezza della linea.
Quando usarlo: Per dividere visivamente sezioni diverse del contenuto.
Distanziatore #
Descrizione: Aggiunge uno spazio vuoto tra i blocchi.
Come usarlo: Clicca sul segno “+”, seleziona “Distanziatore” e regola l’altezza del distanziatore trascinando il bordo inferiore.
Quando usarlo: Per creare spazi vuoti tra i blocchi per migliorare la leggibilità e l’aspetto del layout.
