Open source (linux, ubuntu, wordpress, firefox), homebrew e altro.
 Open source (linux, ubuntu, wordpress, firefox), homebrew e altro.

Wordpress // Webmaster

H1 e H2 nel Template di WordPress

Una delle tante cose da fare per migliorare il piazzamento del sito e delle pagine e di usare i tag H nelle pagine del sito, all’inizio di un articolo, nelle categorie etc, per evidenziare l’argomento del post o della categoria sia agli utenti che ai motori di ricerca.

Gli H (dall’inglese Heading) sono i font da usare per la testata, la parte più importante e più evidente di un articolo.
Si tratta di font più grandi del normale (anche se si possono rimpicciolire tramite i css), e la loro grandezza va da H1 a H6 (dal più grande al più piccolo.

Non è necessario usarli tutti e 6, ma un paio si dovrebbero sempre usare, meglio se H1 e H2, ma vanno bene anche H1 + H3, oppure H2 + H4 etc.

Il template di WordPress che sto usando non ha la pagina category.php al suo interno, in questi casi, quando si va in una categoria, WordPress non trovando il file category.php crea la pagina usando il file index.php.

In questo file index.php bisogna trovare le istruzioni riferite alle categorie, nel mio template erano:

< ?php if (is_category()) { ?>
<h2>< ?php _e('Archivi per ','almost-spring'); echo single_cat_title(); ?></h2>

In pratica solo l’H2 per inserire la scritta “Archivi per la categoria XYZ”.
Wordpress permette di dare una descrizione ad ogni categoria, oltrechè un titolo, quindi sarebbe meglio sfruttare questa possibilità per inserire la descrizione all’interno di un H2 e il titolo all’interno di un H1.

< ?php if (is_category()) { ?>
<h1>< ?php echo single_cat_title(); ?></h1>
<h2>< ?php echo category_description(); ?></h2>

Queste istruzioni dicono a WordPress che se la pagina che si richiede è una categoria (php if is_category) bisogna inserire i tag H1 e H2, il primo con dentro il titolo della categoria, il secondo con dentro la descrizione della categoria.

  • Se ti è piaciuto l'articolo H1 e H2 nel Template di WordPress lo puoi condividere inserendo questo codice:

    <a href="https://www.pietrodigiorgio.it/109/h1-h2-template-wordpress/">H1 e H2 nel Template di WordPress</a>

6 Commenti

  1. anna

    nel mio blog non ho messo gli h1

  2. seinn

    dovresti

  3. Antonio

    Ciao!
    Sono nuovo in wordpress..vorrei chiederti come si spezzano gli articoli inserendo quindi “Continua a leggere”
    Grazie

  4. pit

    aggiungendo il tag <!–more–> nella zona dove deve apparire “continua”.

    puoi inserirlo in 2 modi, se usi l’editor avanzato cliccando sull’immagine alla destra di quella con l’alberello, se usi l’editor semplice cliccando sul bottone “more”.

    poi per cambiare il testo che vuoi appaia, esempio “leggi il resto” piuttosto che “continua …” devi modificare il template, il file potrebbe essere index.php oppure single.php, cerca la stringa “the_content” che è seguita dalla frase che appare, modifica la frase ed è fatta.

  5. antonio

    Grazie mille tutto risolto!!

  6. Nicola Boschetti

    Ciao a tutti!
    Complimenti per il sito e gli ottimi articoli…
    Mi permetto però di far notare una cosa:

    >
    Non è necessario usarli tutti e 6, ma un paio si dovrebbero sempre usare, meglio se H1 e H2, ma vanno bene anche H1 H3, oppure H2 H4 etc.
    >

    Secondo le specifiche di accessibilità e usabilità, l’uso dei tag H andrebbe utilizzato in modo gerarchico, ovvero: se usi H1, poi dovrebbe seguire H2, poi H3 ecc… in altre parole usare H1 e poi H3 (saltando H2) è deprecato.
    Tanto le dimensioni e l’aspetto li puoi gestire col css.

    IMHO,
    Nicola :)

Commenti chiusi

Open source (linux, ubuntu, wordpress, firefox), homebrew e altro.



pietrodigiorgio.it è un blog personale dove di tanto in tanto tratto temi che mi interessano.


Sei libero di: copiare, modificare ed esibire gli articoli in pubblico, a condizione di attribuirne la paternità sempre e comunque al sito pietrodigiorgio.it, indicando nome e URL.