Semplici fattori per aiutarti a migliorare la soddisfazione dei lettori sul tuo sito WordPress [Guida panoramica]
- 24-07-2022
- chuong xuan
- 0 Comments
Ci sono cose apparentemente piccole quando è conveniente per il lettore che facilmente trascuriamo, facilmente ignoriamo fino al punto di essere incredibili. Ma ci sono 2 problemi:
Mục lục
Il carattere è troppo piccolo, lo stile del carattere o il problema del colore
Hai mai visto un sito Web con caratteri troppo piccoli? Devi strizzare gli occhi, persino ingrandire un po'. Questo è ancora più certo per i 40-50 anni, poiché la loro vista si deteriora gradualmente.
I caratteri piccoli influiscono sicuramente sulla facilità di lettura e comprensione del contenuto da parte dell'utente. Se il tuo sito utilizza ancora caratteri inferiori a 14px, penso che tu sia nella categoria dell'utilizzo di caratteri troppo piccoli.
Come controllare la dimensione del carattere, lo stile, il colore: puoi utilizzare la seguente estensione di Chrome chiamata WhatFont.
Una volta installato in Chrome, vai al tuo sito web, quindi lo accendi (clicca sulla f?), quindi fai clic su un testo qualsiasi nella pagina web per verificare la dimensione corrispondente. . Esempio del mio sito:
La freccia rossa indica che la dimensione sul mio sito è 20px, dove il colore è il colore (#000000 è completamente nero, #111111 sarà un po' meno nero, #FFFFFF è tutto bianco, … codici colore CSS per gli articoli). Laddove Famiglia è un tipo di carattere, alcuni caratteri sono più popolari di altri.
Il mio consiglio:
- Sebbene gli schermi di oggi abbiano risoluzioni più elevate, è comunque una buona idea scegliere un font sans-serif per una facile visualizzazione;
- La dimensione del carattere dovrebbe essere compresa tra 16px e 24px. Il numero effettivo dipende da molte altre cose (ad esempio lo stile del carattere), ma dovrebbe essere sufficiente per coprire la maggior parte dei casi;
- Il colore del carattere non deve contrastare troppo con lo sfondo, ad esempio il colore del carattere non deve essere completamente nero su uno sfondo completamente bianco. Ho notato che molti siti Web utilizzano spesso i colori del testo di livello nero da #222222 a #444444 su uno sfondo completamente bianco;
- Testare sempre i caratteri su schermi diversi, sistemi operativi diversi (Desktop, Tablet, Mobile; Android, iOS, ecc.) per garantire il rilevamento di errori imprevisti. ;
Soluzione per il sito Web WordPress:
Fa male quando la modifica manuale dei caratteri richiede una conoscenza CSS, che è nel tuo campo di competenza, non in una conoscenza generale.
Per modificare vai alla sezione Aspetto (Aspetto) e poi alla sezione CSS aggiuntiva, oppure modificare il CSS sarà il seguente:
o così:
In effetti, alcuni temi premium (che spesso costano denaro) hanno la possibilità per l'utente di personalizzare il carattere, come scegliere il tipo di carattere, la dimensione, il colore, ecc.
Oltre ai caratteri per il testo principale, dovresti prestare attenzione ai caratteri nelle seguenti aree:
- font per i tag di intestazione h1, h2, h3, ecc; nota il loro peso: font-weight;
- Font per il contenuto dell'elenco (ordinato o non ordinato);
- Caratteri per virgolette;
La tabella sulla pagina è troppo monotona
Le tabelle sulla pagina potrebbero essere troppo abbozzate, i caratteri non sono impressionanti, i bordi delle tabelle non sono chiaramente separati e le colonne e le righe non sono facili da vedere.
A volte le tabelle devono ordinare i dati in base alle esigenze dell'utente, ad esempio in ordine dall'alto o dal basso verso l'alto, che è anche al di là delle capacità delle tabelle predefinite di WordPress.
Soluzione per il sito Web WordPress:
Ci sono fondamentalmente 2 soluzioni. Il primo modo è interferire con i CSS tramite CSS aggiuntivi. Puoi provare dei bei modelli CSS per tabelle qui.
Un altro modo è utilizzare un plug-in, come TablePress, un plug-in per WordPress molto apprezzato per la creazione di tabelle.
Avrai un tavolo bello e facile da organizzare secondo necessità come questo:
Colore per collegamenti difficili da riconoscere
Una delle questioni più importanti nella SEO, così come nella scoperta dei contenuti del tuo sito, sono i link interni così come i link esterni. Link chiamati collettivamente.
C'è una regola implicita sul colore e lo stile dei collegamenti che è diventata così comune che se la si interrompe, la possibilità di problemi è molto alta.
Attualmente la maggior parte dei link visualizzati esternamente sono blu. Questo blu è abbastanza diverso da questo o questo o questo. Nonostante la varietà, il tono blu è ancora dominante, non essere sciocco a trasformare i tuoi collegamenti in gialli o rossi.
Un altro stile abbastanza comune è il link sottolineato sotto, come questo. Ha una pagina applicabile o meno. Personalmente, alcune pagine applicano anche la sottolineatura per indicare i collegamenti.
Alcuni altri problemi importanti con i collegamenti sono la formattazione dei collegamenti al passaggio del mouse e dei collegamenti visitati.
Il mio consiglio è che dovresti:
- Crea uno stile diverso quando passi il mouse sopra il link, come cambiare il colore del testo e/e la sottolineatura;
- I link visitati dovrebbero probabilmente cambiare colore per una facile identificazione, in particolare le pagine con molti link interni, ma dovresti anche considerare di cambiare il colore del link;
Soluzione per il sito Web WordPress:
È probabile che i temi premium ti consentano anche di personalizzare queste funzionalità.
Personalmente, utilizzo spesso gli interventi CSS. Esempio di codice per cambiare il colore del collegamento sulla pagina web:
/* CSS cho link */ .entry-content a {color:#0080a5; text-decoration: underline;} .entry-content a:visited {color:#663399; text-decoration: underline;} .entry-content a:hover { text-decoration:underline; color:#c00;} /* Hết CSS cho link */
Articoli correlati alla fine del post
Oltre ai collegamenti interni, gli articoli relativi alla fine dell'articolo sono anche un'area potenziale per aumentare il traffico e trattenere i lettori.
Alcuni problemi con questa parte:
- Deve essere fatto manualmente: se ciò accade il completamento richiederà molto tempo, soprattutto su pagine con un numero elevato di articoli;
- I post correlati non sono alti;
- Il formato dell'articolo correlato è troppo monotono (es. testo normale);
- Non personalizzato (scegli articoli correlati a piacimento dell'editore);
Soluzione per il sito Web WordPress:
In questa parte utilizzo un plugin, ha il vantaggio di essere automatico, facile da usare e altamente personalizzabile: WordPress Related Posts di Sovrn, zemanta.
Commenti
L'area dei commenti di WordPress è noiosa! Presenta i seguenti problemi:
- L'interfaccia non è accattivante;
- Approssimativamente (la caratteristica di inserire l'indirizzo del sito Web è superflua per la maggior parte dei commentatori);
- Le pagine dovrebbero essere suddivise per migliorare l'usabilità in caso di molti commenti;
- Nessuna funzionalità avanzata speciale;
Soluzione per il sito Web WordPress:
Un plugin uscito di recente è un'ottima soluzione a questo problema. Si chiama wpDiscus (puoi vedere il manuale di wpDiscus qui.)
WPDiscus risolve quasi tutti i problemi relativi all'area dei commenti predefinita di WordPress. È solo che l'utilizzo di WPDiscus nel modo più efficace richiede molto tempo per la personalizzazione. Scriverò un post su questo plugin nel prossimo futuro.
Condividi sui social network
Se il tuo sito ha solo una manciata di visitatori, i pulsanti di condivisione social potrebbero non fare molta differenza. Tuttavia, se il sito ottiene migliaia di visualizzazioni giornaliere, i pulsanti di condivisione hanno il potenziale per generare più traffico e altri vantaggi aggiuntivi.
Il problema con i pulsanti di condivisione risiede principalmente nella scarsa personalizzazione, come la possibilità di scegliere i social network, modificare le dimensioni dei pulsanti, personalizzare l'aspetto grafico sui dispositivi mobili. I pulsanti di condivisione se non intelligenti possono avere l'effetto opposto, ad esempio, sono troppo rumorosi e evidenti, mettendo a disagio gli utenti. Questa è la parte in cui hai bisogno di un tocco di design.
Soluzione per il sito Web WordPress:
- Puoi usare la soluzione gratuita di Addthis: è bella, altamente personalizzabile, ha statistiche;
- Usa il plugin per acquistare, il prezzo al momento in cui scrivo è di 20 USD: Easy Social Share Buttons per WordPress. Il vantaggio è che è altamente personalizzabile, l'interfaccia è bella e ci sono statistiche. Inoltre, poiché si tratta di una soluzione interna, non devi dipendere da terze parti come Addthis, ma a un costo!
Cerca nel sito web
L'area di ricerca predefinita su un sito WordPress non è la parte che interessa a molti utenti. Ci sono due ragioni principali:
- Dà spesso pessimi risultati. Oggettivamente do solo un voto medio di 5/10;
- La funzione di ricerca spesso non è necessaria su siti a basso contenuto;
Ma se vuoi apportare una modifica o la funzione è importante per te, usa invece il motore di ricerca.
Soluzione per il sito Web WordPress:
- Utilizzo dei plug-in per WordPress: vai su Google e cerca il seguente plug-in di ricerca per parole chiave wordpress, quindi scopri il tuo plug-in preferito. Il vantaggio di questa soluzione è che non ci saranno pubblicità, il rovescio della medaglia è che potrebbe non essere adatta a siti con troppi articoli (o l'hosting non è abbastanza forte) e gli strumenti migliori, devi rinunciare. fuori una piccola quantità;
- Usa Google Custom Search: il vantaggio è evidente, integri nel sito il motore di ricerca più famoso e potente del mondo. La qualità della ricerca non dovrebbe essere discussa, giusto? Questo è il suo più grande vantaggio. Sì, ma la vita non è come un sogno. Il suo svantaggio è che mostrerà annunci per parole chiave per le quali è probabile che visualizzi annunci. Questo è accettabile se ti fidi della qualità della tua pagina, molto probabilmente gli utenti salteranno l'annuncio per fare clic sui risultati sulla tua pagina.
Per installare Google Custom Search, Google ti fornirà un piccolo codice da inserire nel tuo sito web. Normalmente lo incolleresti nella sezione widget nella colonna di destra (dopo aver rimosso il motore di ricerca predefinito).
Conclusione
Quanto sopra sono solo linee guida generali, quando si entra nei dettagli ci sono molti problemi. Tuttavia, è certamente possibile se vuoi e spero di scrivere presto altri articoli al riguardo. Con il mondo del web traboccante di informazioni, devi fare in modo che il tuo sito web valga il tempo del lettore.