Come evidenziare i nuovi post per i visitatori di ritorno in WordPress

I tuoi visitatori abituali sono il tuo pubblico più prezioso. Hanno già mostrato interesse per i tuoi contenuti e tornano per saperne di più.

Ma ecco il punto: quando arrivano sulla tua homepage, cercano una cosa specifica: cosa c'è di nuovo dalla loro ultima visita.

La buona notizia è che evidenziare i nuovi post per i visitatori abituali è più facile di quanto pensi e fa davvero la differenza.

Abbiamo testato vari metodi su decine di siti WordPress e trovato 2 approcci che funzionano benissimo. In questa guida, ti illustreremo i modi più efficaci per evidenziare i nuovi post per i visitatori abituali.

Perché evidenziare i nuovi post sul tuo sito WordPress?

Evidenziare i nuovi post sul tuo sito WordPress aiuta i visitatori abituali a scoprire facilmente i tuoi nuovi contenuti. In questo modo, non perderanno alcuna informazione fresca o aggiornamento che hai aggiunto al tuo blog.

Etichettare i nuovi post migliora l'esperienza utente sul tuo sito web WordPress. Quando un visitatore abituale raggiunge il tuo sito web, può individuare facilmente quali post non ha ancora letto, risparmiando molto tempo e aumentando le tue visualizzazioni di pagina.

Una buona esperienza utente sul tuo sito non solo aiuta ad attrarre visitatori abituali, ma aiuta anche con il SEO di WordPress. Quando il tuo sito è facile da usare, migliora il tuo posizionamento sui motori di ricerca e aumenta la probabilità che i visitatori trovino i tuoi contenuti.

Detto questo, vediamo come puoi evidenziare i nuovi post per i visitatori abituali in WordPress.

Ti mostreremo due metodi: uno con un plugin di WordPress e l'altro con codice. Puoi passare a un metodo specifico utilizzando i collegamenti rapidi qui sotto:

• Metodo 1: Evidenziare i nuovi post di WordPress con un plugin di WordPress
• Metodo 2: Evidenziare i nuovi post aggiungendo codice personalizzato
• Scopri altri modi per ottimizzare il tuo blog WordPress
• Domande frequenti: Evidenziare i nuovi post per i visitatori di ritorno

Metodo 1: Evidenziare i nuovi post di WordPress con un plugin di WordPress

Questo primo metodo utilizza il plugin Mark New Posts. Lo raccomandiamo ai blogger principianti perché è molto semplice. Questo plugin aggiungerà un'etichetta per mostrare quali post del blog in WordPress i visitatori del tuo sito non hanno ancora visto.

Innanzitutto, devi installare e attivare il plugin Mark New Posts. Se hai bisogno di una guida, consulta la nostra guida passo passo su come installare i plugin di WordPress.

Successivamente, vai su Impostazioni » Mark New Posts dall'area di amministrazione di WordPress. Vedrai ora la pagina delle impostazioni del plugin.

Quello che vuoi fare ora è selezionare dove visualizzare l'etichetta 'Nuovo'. Puoi selezionare Dopo il titolo del post, Prima del titolo del post, o Prima e dopo il titolo del post.

Troviamo che aggiungere l'etichetta dopo il titolo del post sembri una notifica e attiri maggiormente l'attenzione degli utenti, quindi è quello che abbiamo scelto.

Successivamente, devi scegliere l'aspetto del marcatore nell'impostazione Tipo di marcatore. Le opzioni includono testo "Nuovo", testo "Nuovo" legacy, Cerchio arancione, Bandierina, Immagine o Nessuno.

Assicurati di esplorare ogni opzione per vedere quale si adatta meglio al design del tuo sito web.

Un'altra impostazione che puoi configurare è il colore di sfondo per il titolo del nuovo post. Se abiliti questa opzione, quando un lettore visita un nuovo post, vedrà che la sezione del titolo del post ha un colore di sfondo. Non abbiamo trovato questa impostazione necessaria, quindi l'abbiamo disabilitata.

Nell'impostazione 'Considera un post come letto', puoi scegliere quando disattivare l'etichetta del nuovo post: dopo che è stato aperto, dopo che è stato visualizzato nell'elenco o dopo che è stata aperta qualsiasi pagina web del blog.

Suggeriamo di scegliere ‘dopo che è stato aperto’. Ciò significa che se un visitatore non ha letto diversi post e ne apre uno, l'etichetta del nuovo post per gli altri articoli non scomparirà.

Successivamente, puoi selezionare per quanti giorni il post deve rimanere evidenziato come nuovo, mostrare tutti i post esistenti come nuovi ai nuovi visitatori e disabilitare l'etichetta del nuovo post per i tipi di post personalizzati.

Le ultime due impostazioni sono piuttosto avanzate.

Una è ‘Consenti al di fuori dell'elenco dei post’, il che significa che puoi evidenziare post al di fuori de loop, come nelle aree della barra laterale pronte per i widget. Fai attenzione ad abilitare questa impostazione, poiché potrebbe creare errori di WordPress indesiderati.

L'altra è ‘Usa JavaScript per mostrare i marcatori’, che è consigliata solo se il plugin non è compatibile con il tema o altri plugin utilizzati sul tuo blog. Nella maggior parte dei casi, vorrai mantenere questa impostazione disabilitata.

Una volta terminate le configurazioni delle impostazioni del plugin, fai semplicemente clic su ‘Salva’.

E questo è tutto! Vai avanti e visita il tuo sito web in modalità di navigazione in incognito per vedere se le nuove etichette per i post recenti sono attive.

Ecco come appare sul nostro sito demo:

Metodo 2: Evidenziare i nuovi post aggiungendo codice personalizzato

Sei insoddisfatto delle opzioni di etichetta per i nuovi post fornite dal plugin precedente? In tal caso, puoi evidenziare i nuovi post utilizzando codice personalizzato invece.

Per i principianti, questo metodo può sembrare intimidatorio. Ma non preoccuparti perché useremo il plugin WPCode per inserire in modo sicuro snippet di codice in WordPress senza compromettere il tuo sito web.

WPCode semplifica anche la gestione di più snippet di codice personalizzati, il che sarà utile nel nostro caso dato che ne useremo più di uno.

Abbiamo testato a fondo questo strumento nel nostro ambiente demo e lo abbiamo trovato il modo più affidabile per aggiungere codice personalizzato.

Per ulteriori approfondimenti sulla nostra esperienza, puoi consultare la nostra recensione di WPCode.

La prima cosa che devi fare è installare WPCode in WordPress. Per le istruzioni di configurazione, vai a consultare il nostro articolo su come installare un plugin di WordPress.

Una volta attivato il plugin, vai su Code Snippets » + Add Snippet dal tuo pannello di controllo WordPress.

Da lì, trova 'Add Your Custom Code (New Snippet)' e fai clic sul pulsante '+ Add Custom Snippet' sotto di esso.

Then, select ‘PHP Snippet’ as the code type from the list of options that appear on the screen.

Ora, aggiungiamo un titolo al tuo snippet di codice in modo che sia più facile trovarlo in seguito, se necessario.

Per questo, puoi chiamarlo qualcosa come 'WordPress Last Visit Title Modifier'.

Dopodiché, puoi copiare e incollare lo snippet di codice qui sotto:

// Define a function to modify post titles based on the last visit
function wpb_lastvisit_the_title($title, $id) {

    // Check if not in the loop, a singular page, or a page post type; if true, return the original title
    if (!in_the_loop() || is_singular() || get_post_type($id) == 'page') return $title;

    // Check if no 'lastvisit' cookie is set or if it is empty; if true, set the cookie with the current timestamp
    if (!isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '') {
        $current = current_time('timestamp', 1);
        setcookie('lastvisit', $current, time() + 60 * 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN);
    }

    // Retrieve the 'lastvisit' cookie value
    $lastvisit = $_COOKIE['lastvisit'];

    // Get the publish date of the post (in Unix timestamp format)
    $publish_date = get_post_time('U', true, $id);

    // If the post was published after the last visit, append a new span to the title
    if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';

    // Return the modified or original title
    return $title;
}

// Add a filter to apply the 'wpb_lastvisit_the_title' function to 'the_title' hook with priority 10 and 2 parameters
add_filter('the_title', 'wpb_lastvisit_the_title', 10, 2);

Ciò che fa questo snippet è modificare i titoli dei post di WordPress in base all'ultima visita di un utente.

Controlla se la pagina è un post del blog o meno e, in caso contrario, visualizzerà il titolo originale così com'è. Ma se è un post del blog, il titolo verrà modificato.

Quindi, lo snippet si assicura che il cookie lastvisit esista. Se non esiste, il codice lo crea e lo imposta all'ora corrente. La funzione confronta quindi questo orario lastvisit con la data di pubblicazione del post e aggiunge un'etichetta 'Nuovo' al titolo se il post è più recente dell'ultima visita.

Una volta inserito lo snippet di codice, scorri verso il basso e seleziona 'Inserimento automatico' per il Metodo di inserimento.

Oltre a ciò, assicurati di scegliere 'Solo frontend' per la Posizione. Ciò significa che il codice verrà eseguito solo sulla parte del tuo blog WordPress con cui i visitatori interagiscono e non nel tuo pannello di amministrazione o in altri luoghi.

Fatto ciò, puoi rendere il codice 'Attivo' e fare clic su 'Salva snippet'.

Ora, ripeti il passaggio per aggiungere un nuovo snippet di codice personalizzato. Questa volta, il codice stilizzerà l'etichetta 'Nuovo' che viene aggiunta ai titoli dei post recenti in base all'ultima visita di un utente.

Quindi, puoi nominarlo qualcosa come 'Stile etichetta Nuovo post' e il Tipo di codice dovrebbe essere 'Snippet CSS'.

Puoi quindi copiare e incollare le seguenti righe di codice nella casella di anteprima del codice:

/* CSS to style the "New" label in blog post titles */
.new-article {
    background-color: #4CAF50; /* Green background color */
    color: #ffffff; /* White text color */
    padding: 2px 5px; /* Padding around the label */
    margin-left: 5px; /* Adjust the margin to your preference */
    border-radius: 3px; /* Rounded corners for the label */
    font-size: 12px; /* Adjust the font size to your preference */
}

Questo snippet di codice personalizza essenzialmente l'etichetta del post 'Nuovo' utilizzando un colore di sfondo personalizzato, colore del testo, padding, margine, raggio del bordo e dimensione del carattere.

Sentiti libero di regolare questi elementi secondo le tue preferenze man mano che procedi. Assicurati solo di utilizzare codici colore esadecimali o valori RGB per lo sfondo e i colori del testo.

Nella sezione Inserimento, seleziona 'Intestazione sito' come Posizione. Dopodiché, rendi il codice 'Attivo' e fai clic su 'Salva snippet'.

E questo è tutto! Per vedere se il codice funziona, puoi pubblicare un nuovo post del blog e visualizzare il post su mobile o desktop in modalità incognito.

Se il codice ha successo, dovresti vedere un'etichetta 'Nuovo' accanto ai titoli dei tuoi post recenti.

Scopri altri modi per ottimizzare il tuo blog WordPress

Oltre a mettere in evidenza i post in primo piano per i visitatori abituali del sito, ci sono altri modi per migliorare il tuo blog e far sì che le persone rimangano più a lungo sul tuo sito.

Ad esempio, potresti visualizzare post correlati a quello che il visitatore sta leggendo al momento. In questo modo, puoi mantenerli coinvolti presentando contenuti che si allineano ai loro interessi.

Oppure, potresti creare una barra piè di pagina flottante fissa per acquisire indirizzi email o promuovere offerte speciali. Questa barra rimane visibile mentre i visitatori scorrono la pagina. Puoi usarla per fornire un promemoria costante per iscriverti o approfittare della tua offerta, aumentando i tassi di conversione.

Potresti anche voler aggiungere un ridimensionatore di font per scopi di accessibilità. Questo consente ai visitatori di regolare la dimensione dei font sul tuo sito web in base alle loro preferenze, rendendo più facile per loro leggere i tuoi contenuti.

Se hai molti contenuti sul blog, potresti voler creare pagine personalizzate che visualizzano i post del blog se hanno un campo personalizzato specifico.

Supponiamo che tu abbia un campo personalizzato per 'Difficoltà Ricetta'. Potresti creare una pagina che visualizza tutti i post del blog etichettati come 'Ricetta' e che hanno anche il valore del campo personalizzato 'Facile'.

In questo modo, i visitatori che cercano ricette facili possono trovarle tutte in un unico posto.

Ecco altri suggerimenti che puoi consultare per ottimizzare ulteriormente il tuo blog WordPress:

• Come visualizzare date relative in WordPress
• Come creare una barra di scorrimento personalizzata in WordPress
• Come visualizzare gli estratti dei post nei temi di WordPress
• Modi per creare un sito WordPress ottimizzato per dispositivi mobili (consigli esperti)
• Come evidenziare il testo in WordPress (Guida per principianti)
• Come aggiungere una barra di avanzamento della lettura nei post di WordPress

Domande frequenti: Evidenziare i nuovi post per i visitatori di ritorno

Ecco alcune domande frequenti poste dai nostri lettori riguardo all'evidenziazione dei nuovi post per i visitatori di ritorno in WordPress:

Per quanto tempo un post dovrebbe rimanere contrassegnato come 'nuovo' per i visitatori di ritorno?

Questo dipende dalla frequenza con cui pubblichi contenuti e dalla frequenza con cui gli utenti tornano sul tuo sito. Una buona regola generale è quella di evidenziare i post come 'nuovi' per:

• 7 giorni dalla pubblicazione
• O finché il visitatore non visualizza il post

Puoi personalizzare la durata utilizzando codice o impostazioni del plugin. Assicurati solo di non mantenere l'etichetta 'nuovo' per sempre: ciò vanifica lo scopo e può confondere i visitatori.

Considera di mostrare un badge o un'animazione discreta per mantenerlo user-friendly.

L'utilizzo dei cookie per evidenziare i nuovi post influenzerà le prestazioni del sito?

No, l'utilizzo dei cookie per evidenziare i nuovi post per i visitatori di ritorno ha in genere un impatto minimo sulle prestazioni. I cookie vengono memorizzati nel browser dell'utente e inviati insieme alle richieste, quindi non aggiungono ulteriore carico al tuo server.

Per mantenere le cose efficienti:

• Memorizza solo i dati necessari (ad esempio, un singolo timestamp).
• Utilizza JavaScript leggero e CSS minimo.
• Evita di applicare la logica a ogni pagina se è necessaria solo nella pagina del blog o dell'archivio.

Se sei preoccupato per l'ottimizzazione, abbinala a un plugin di caching che supporta contenuti dinamici, come WP Rocket.

Posso evidenziare i nuovi post solo per gli utenti registrati?

Sì, se il tuo sito richiede agli utenti di accedere (come un sito di adesione o community), puoi evidenziare i nuovi post in base all'ora del loro ultimo accesso.

WordPress memorizza l'ultimo accesso di ogni utente come metadati, che puoi recuperare utilizzando:

$last_login = get_user_meta(get_current_user_id(), 'last_login', true);

Puoi quindi confrontare questo valore con la data di pubblicazione dei tuoi post.

Questo metodo è più affidabile dei cookie, poiché non si basa sul browser dell'utente. È particolarmente utile per dashboard dei membri o portali di apprendimento in cui i contenuti vengono aggiornati regolarmente.

Speriamo che questo articolo ti abbia aiutato a imparare come evidenziare i nuovi post per i visitatori di ritorno in WordPress. Potresti anche voler consultare le nostre scelte di esperti dei migliori plugin per page builder drag-and-drop per WordPress e la nostra guida completa agli elementi di design più efficaci per un sito web WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.