La selezione e il posizionamento competenti delle intestazioni H1 e H2 durante l'ottimizzazione dei testi sulle pagine promosse del sito è una fase importante nel lavoro SEO. In questo articolo parleremo di cosa sono le intestazioni H1 e H2, quale ruolo svolgono e come utilizzarle correttamente per ottenere il miglior risultato.

Cosa sono le intestazioni H1 e H2?

Le intestazioni sono parole, frasi o frasi che riassumono il significato delle informazioni che le seguono. Non abbiamo bisogno di rileggere l'intero testo di un articolo su una rivista o un giornale per capire di cosa si tratta. Diamo un'occhiata ai titoli e ai sottotitoli e decidiamo se questo materiale è interessante per noi, se vale la pena leggerlo. Se apriamo un libro di testo o un'istruzione, con l'aiuto dei titoli è facile per noi trovare esattamente le informazioni di cui abbiamo bisogno. In una parola, i titoli non solo attirano i lettori, ma servono anche la loro convenienza.

Anche i testi sui siti Web dovrebbero avere titoli. Ci sono almeno 2 ragioni per questo:

1. I titoli strutturano il testo e ne facilitano la lettura. Il testo solido (spesso chiamato "foglio") è difficile da leggere, non vuoi leggerlo. E poiché i fattori comportamentali (un insieme di azioni dei visitatori sul sito) sono ora presi in considerazione dai motori di ricerca, ti interessa che l'utente legga il testo sulla tua risorsa e non chiuda la pagina, temendo il "foglio" .

2. I titoli chiariscono ai motori di ricerca quali informazioni sono contenute in una particolare parte del testo. Sulla base delle intestazioni, i motori di ricerca valutano come queste informazioni soddisfino le aspettative degli utenti. Ecco perché sono così importanti quando si ottimizzano i testi.

Ora capisci che non dovresti trascurare l'uso delle intestazioni nei testi nelle pagine del sito? Allora andiamo avanti!

Cosa significano i termini H1 e H2? Dovremo toccare un po 'le questioni relative al layout html. H1 e H2 (più precisamente,

e

) sono tag html che indicano l'importanza del testo che li segue. Sono anche chiamati tag di accento. Nel documento html appare così:

In una pagina Web, queste intestazioni hanno una formattazione diversa per impostazione predefinita:

In realtà, ci sono 6 livelli di intestazione: da H1 a H6. Di conseguenza, l'intestazione H1 ha il peso maggiore, l'intestazione H2 è secondaria e l'intestazione di sesto livello H6 è la meno significativa. Tuttavia, per la promozione SEO, le intestazioni più importanti sono H1 e H2. Parleremo delle regole per utilizzarli per ottimizzare i testi.

Cosa devi sapere per il posizionamento competente delle intestazioni H1 e H2?

L'intestazione H1 svolge un ruolo importante non solo nell'ottimizzazione del testo, ma anche nell'ottimizzazione dell'intera pagina. È lui che comunica al motore di ricerca quanto il contenuto presentato nella pagina corrisponde al titolo della pagina (Title), e, quindi, soddisfa le aspettative degli utenti.

Hai pensato a un titolo creativo, insolito, attraente per il testo, basato, ad esempio, su un gioco di parole? Questo approccio può essere utile per un annuncio stampato o un articolo di giornale, ma per la promozione della ricerca, tale creatività può avere conseguenze negative. I motori di ricerca non hanno immaginazione e pensiero fantasioso, le specifiche sono importanti per loro. Di seguito forniamo importanti linee guida per la scrittura di un'intestazione H1.

Regole di base per l'utilizzo dell'intestazione H1

L'intestazione H1 dovrebbe essere breve ma capiente. Una condizione importante è la presenza naturale di parole chiave al suo interno. Facciamo un esempio. Diciamo che stai ottimizzando una pagina che contiene un catalogo di scarpe da donna. Per promuovere questa pagina, sono state selezionate le seguenti query (puoi leggere quali query di ricerca sono nel nostro materiale "Conosci il tuo specialista SEO"): "scarpe da donna" (frequenza - 3896), "scarpe da donna a Minsk" (frequenza - 490), "acquista scarpe da donna" (frequenza - 384), "scarpe da donna" (frequenza - 207), "catalogo di scarpe da donna prezzi” (frequenza - 318). Per il testo di questa pagina, è più logico utilizzare l'intestazione H1 "Scarpe da donna", poiché è la più generale, ma allo stesso tempo descrive il contenuto del contenuto e può anche essere specificata da intestazioni di più di un livello.

L'intestazione H1 dovrebbe apparire solo una volta per pagina.

Questa intestazione è posta all'inizio del testo, preferibilmente all'inizio della pagina.

L'intestazione H1 dovrebbe trovarsi sopra le intestazioni di altri livelli (non è consentito inserire, ad esempio, l'intestazione H2 prima di essa).

La dimensione del carattere di questa intestazione deve essere maggiore della dimensione del carattere delle intestazioni di livello inferiore. Per impostazione predefinita, è così, ma se gli stili specificano diversamente, dovresti correggere la situazione.

Esempi di intestazioni H2

Come sono composte le intestazioni H2? Potrebbero essercene diversi nel testo. Di norma, specificano l'intestazione H1 e strutturano l'intero testo. Torniamo al nostro esempio di una pagina con le scarpe da donna. Per questa pagina è possibile scrivere un testo di vendita che descriva i vantaggi dei modelli offerti ai clienti e fornisca una tabella delle taglie. Sempre nella pagina, l'utente può trovare un catalogo di scarpe con foto e prezzi. In questo caso, le intestazioni nel testo possono essere le seguenti:

Se ricordi i termini di ricerca che utilizziamo per promuovere la nostra pagina in questo esempio, ti renderai conto che nelle intestazioni H2 stiamo includendo termini ricchi che hanno un volume di ricerca inferiore. Possono essere presentati in un'occorrenza indiretta (possono essere declinati, “diluiti” in altre parole). E, cosa più importante, specificano la nostra intestazione H1 e segnalano al motore di ricerca che il testo che li segue risponde realmente alle query di ricerca scritte nel titolo della pagina (Titolo).

Errori più comuni nell'uso delle intestazioni H1 e H2

Quando utilizzi i titoli per ottimizzare i testi, cerca di evitare i seguenti errori:

Usando i tag

e

per lo stile degli elementi della pagina. Questo è un errore comune che può verificarsi anche contro la tua volontà. In molti modelli di siti già pronti (ad esempio, su Joomla o Wordpress) nei tag

e

racchiusi, ad esempio, i nomi dei blocchi. Ad esempio, come "Prodotti popolari", "Ultime notizie", "Siamo nei social network" e così via. Questa tecnica inganna i motori di ricerca e non porta nulla di buono. Pertanto, quando si esegue un audit SEO di un sito, uno specialista verifica necessariamente se le intestazioni vengono utilizzate "come previsto". Ricorda una regola importante: H1 e H2 dovrebbero essere usati solo per strutturare il testo!

Usare gli stessi titoli per pagine diverse. Questo, ovviamente, non ha senso, ma succede. Come minimo, le intestazioni H1 dovrebbero essere uniche per ogni pagina!

Posizionamento nelle intestazioni dei collegamenti ipertestuali.

La presenza di due o più intestazioni H1 nella pagina. Ricordiamo che questo è inaccettabile! Il nostro motto è "Una pagina - un'intestazione H1"!

In conclusione del nostro articolo, attiriamo la vostra attenzione su un altro punto importante. Parliamo di nuovo di modelli di siti web. Ci sono casi in cui i modelli di pagina standard non hanno affatto intestazioni H1. I titoli H2 vanno invece. Anche se nella parte amministrativa del sito ti viene richiesto di inserire del testo nel campo "Titolo del materiale", infatti potrebbe risultare che sarà racchiuso tra tag

L'importanza del corretto posizionamento delle intestazioni di testo dovrebbe essere ricordata anche a uno sviluppatore che non ha familiarità con la SEO durante la creazione di un sito unico.

Buon pomeriggio, cari visitatori.

Oggi ci sarà un articolo sul tema delle intestazioni H1-H6 per il sito.

Sicuramente tutti sanno già che tipo di intestazioni sono, ma sono sicuro che non tutti conoscono i punti sottili del loro utilizzo e non immaginano che il loro utilizzo nelle pagine delle risorse abbia solo 2 compiti.

Finalità e casi d'uso

Lo scopo principale delle intestazioni nei tag H1-H6 è progettare e strutturare il contenuto nelle pagine delle risorse per renderlo più leggibile e facilmente utilizzabile dai visitatori del sito. Non dovremmo perseguire altri obiettivi da questi tag.

Oltre a essere semplicemente utilizzati come elementi di strutturazione e design dei contenuti, i visitatori utilizzano spesso questi tag per dare il design necessario a singole frasi o addirittura a intere frasi. Si scopre che il tag H6 (ad esempio) ha un design di solo un carattere in grassetto e invece di evidenziare una riga nel testo con un tag , lo avvolgono in un tag H6. Questo è fondamentalmente sbagliato.

Le intestazioni in questi tag devono essere utilizzate solo per suddividere il testo in parti logiche. Nessuna selezione di intere frasi e singole frasi.

Inoltre, le intestazioni H1-H6 hanno una gerarchia, che le rende diverse nel design, almeno nella dimensione del carattere. Ogni livello inferiore dovrebbe essere meno evidente di quello sopra di esso.

L'immagine mostra il design corretto delle intestazioni in questi tag, quando la dimensione del carattere va in ordine decrescente dall'alto verso il basso. Se hai una situazione diversa da questa, dovresti già rivolgerti agli stili di design del tuo sito e modificarli correttamente.

Ma ecco un punto: assicurati che i titoli del livello inferiore (più vicini a H6) sembrino titoli e non si fondano con il testo normale. Dovrebbero apparire come intestazioni, non solo in grassetto.

Sulla base di questo disegno, possiamo capire che le intestazioni devono mantenere la loro gerarchia quando vengono utilizzate come elemento di strutturazione del testo. Non può essere che venga prima la prima intestazione H1, e poi subito H5 o H6. Dopo il primo livello, è logico e corretto utilizzare solo il titolo nel tag H2. Questo è importante, sia dal punto di vista del design del materiale stesso, sia dal punto di vista del mantenimento della struttura corretta.

I motori di ricerca ora prestano attenzione a questi tag. Ma non come elementi SEO, bensì come elementi strutturanti. Pertanto, sarà strano se H1 va, e poi immediatamente H6.

Quando si utilizzano questi tag, ci assicuriamo di mantenere la struttura. Se scendiamo di livello, non saltare attraverso il livello. La struttura dovrebbe essere la seguente: H1-H2-H3-H4-H5-H6.

Vale la pena dire che l'uso dell'intestazione di livello H1 in questi casi non sarà appropriato, poiché dovrebbe essere usato una sola volta nella pagina e dovrebbe contenere il nome del materiale. Pertanto, non è necessario utilizzarlo nel testo.

Ora tratterò i punti principali dell'utilizzo dell'intestazione H1, ma prima fornirò un paio di suggerimenti generali validi per le intestazioni di tutti i livelli.

• Non terminare con un punto;
• Manteniamo una gerarchia quando viene utilizzato;
• Non vi è alcuno scopo per inserire parole chiave;
• Si svolgono anche in articoli molto brevi, poiché qualsiasi testo può essere suddiviso in parti logiche;
• Nell'intestazione entra una breve essenza del testo successivo, e non qualcosa "se solo fosse".

Nozioni di base H1

Anche le regole di cui sopra sono rilevanti, ma oltre a queste, ce ne sono di obbligatorie per questo particolare livello di intestazione.

• H1 è sempre una volta su ogni pagina;
• Incoraggiamo l'utente a leggere il materiale, quindi ha senso usare parole tenaci (ad esempio, segreti, migliori chip e così via);
• Lo rendiamo diverso dal tag del titolo, che visualizza il nome della pagina nei risultati di ricerca e incoraggia il passaggio alla pagina del sito dalla ricerca. Dovrebbe essere leggermente diverso, ma dovrebbe sicuramente far capire che il contesto del materiale sulla pagina non è cambiato;
• Usiamo la parola chiave dell'articolo, ma in forma diluita e non in un'occorrenza esatta;
• I segni di punteggiatura non sono raccomandati.

Utilizzare in pratica

Sopra, ho scritto che H1 viene utilizzato solo 1 volta nella pagina e dovrebbe essere integrato automaticamente nel layout del modello del sito e verrà anche sostituito automaticamente nell'intestazione. Controlla questo momento. Analizza i titoli dei tuoi articoli e vedi se sono racchiusi in H1. In caso contrario, modifica il modello.

Una situazione comune quando invece di H1 è H2. Questo non è un grave errore, ma è meglio non permetterlo.

Se si tratta di utilizzare gli altri livelli delle intestazioni H2-H6, dovrebbero già essere utilizzati in modalità manuale.

Utilizzando alcuni CMS per creare un sito, queste intestazioni vengono aggiunte agli articoli in modo molto semplice. Ad esempio, in WordPress, il pannello di formattazione nell'editor di pagine ha sempre una voce di intestazione in cui è possibile selezionare il livello desiderato evidenziando in precedenza il testo desiderato che si desidera racchiudere nell'intestazione.

È lo stesso con ogni motore. Se utilizzi il layout HTML del sito e devi aggiungere tag manualmente, non ci saranno difficoltà. È solo necessario racchiudere le parti necessarie del testo tra i tag di apertura e chiusura con i livelli desiderati. Vedi sotto per esempi.

intestazione di livello 2

intestazione di livello 3

intestazione di livello 4

intestazione di livello 5

intestazione di livello 6

Per quanto riguarda gli stili per ogni livello, vale la pena aggiungere regole a ogni livello nel file di stile.

Si noti che non ci sono punti o hash prima del nome del livello di intestazione negli stili. All'interno delle parentesi, specifichiamo gli stili stessi: tipo di carattere, dimensione, colore, sfondo e così via.

Design della testata H1-H6

Se rendi le tue intestazioni un design unico e accattivante, i visitatori ti ringrazieranno solo per questo e il design del contenuto sarà al massimo livello. Ora semplici intestazioni con caratteri di grandi dimensioni e enfasi in grassetto appartengono già al passato.

I titoli semplici, ma allo stesso tempo, stanno diventando di moda con l'aiuto di varie selezioni con linee, sottolineature con l'aiuto dello sfondo e così via.

Una volta ho fornito alcuni esempi di tali progetti. Anche se prendi il mio blog, l'intestazione principale in H1 non è solo un carattere grande su sfondo bianco con il resto del testo. È separato da una cornice grigia sullo sfondo generale del sito, che lo rende più visibile e attira l'attenzione su di esso.

Ti darò altri 2 esempi di intestazioni con stile in H1.

Come puoi vedere, questo non è solo un carattere in grassetto, ma un bellissimo sfondo con una superficie inferiore ondulata e una parte superiore sottolineata.

Puoi anche vedere un design interessante per te su questa pagina.

Per quanto riguarda i titoli H2-H6, non solo possono essere decorati con una sorta di sfondo, ma anche numerati (se si utilizza il contenuto nella parte superiore della pagina) sotto forma di bellissime immagini. Di nuovo, questi non devono essere numeri semplici. Ecco un buon esempio di tale idea.

Quando sai qualcosa che la maggior parte delle persone non sa, figuriamoci sapere, puoi andare avanti e guardare i principali errori nell'utilizzo di tutti i livelli di titoli sul tuo sito.

Errori nell'uso

Potresti già pensare tu stesso a tutti gli errori, avendo studiato tutto il materiale sopra, ma ci sono alcune sfumature. Elencherò tutto ciò che potrebbe applicarsi specificamente a te e ciò che deve essere corretto immediatamente.

• Più di un H1 per pagina. Non è corretto. Una sola volta per documento;
• Utilizzo dei tag H1-H6 per progettare elementi aggiuntivi del sito. All'inizio ho scritto che lo scopo di questi documenti è la progettazione e la strutturazione del contenuto. Pertanto, dovrebbero essere utilizzati solo nel contenuto. La maggior parte dei modelli di sito include questi tag nelle barre laterali per dare uno stile ai titoli e così via. Questo è chiaramente espresso nei template WordPress, quando il nome di ciascun widget nella barra laterale è racchiuso in H3 o altri tag.
• Inserisci appositamente le parole chiave. In precedenza, si riteneva che inserendo le parole chiave direttamente nelle intestazioni di tutti i livelli, fosse possibile aumentare la loro densità e la posizione di tale pagina sarebbe stata più alta. Ma ora questo è già "punito dalla legge" dei motori di ricerca e vengono imposte sanzioni per lo spam nei titoli. Inoltre, questi tag sono classificati in base ad altri algoritmi. Conclusione: non c'è scopo per inserire parole chiave;
• Uso frequente di punti e punteggiatura. I punti nei titoli non dovrebbero essere usati affatto, poiché ciò è sbagliato sia dal punto di vista del copywriting che delle regole generali per la progettazione dei testi. Cerchiamo anche di ridurre al minimo il numero di segni di punteggiatura per aumentare la leggibilità delle intestazioni. Anche qui può essere attribuito un gran numero di parole: non fare titoli troppo lunghi;
• Lo stralcio della struttura dal punto di vista della gerarchia non è rispettato. Prova a seguire una catena logica nella costruzione di una gerarchia di tag H2-H6 su ogni pagina;
• Usare i tag H1-H6 per modellare altri elementi di testo, non il titolo. Questo è ciò di cui ho parlato sopra, quando lo stile di ogni tag è configurato in modo errato e invece del solito grassetto, puoi usare l'intestazione di un certo livello.
• Il titolo non è appropriato o non porta il contesto del testo che lo segue. Per imparare a creare intestazioni logiche, prendi un paio di libri ben progettati che sono facili da leggere. Lasciati guidare anche dalla strutturazione dei contenuti sul sito di Wikipedia;
• Non utilizzare affatto le intestazioni H1-H6 o non utilizzarle nei testi piccoli. Solo un'assenza completa e non c'è nulla di cui parlare, ma dell'assenza su pagine piccole - il momento è dubbio, poiché qualsiasi testo (anche il minimo di 1000 caratteri) ha una struttura logica. Passaggio da un argomento all'altro. Perché non scomporlo in parti logiche con sottotitoli di vari livelli?

Questo è tutto, cari webmaster. Il materiale sui titoli sul sito è giunto al termine. È uscito abbastanza stretto. Da qualche parte mi sono ripetuto, ma questo è solo per focalizzare la tua attenzione sulle idee chiave dell'articolo. Spero che questo materiale ti sia stato utile.

A proposito, riesci a trovare un piccolo difetto nelle mie intestazioni sul sito? Se sì, allora scrivi nei commenti. Questo momento non è molto evidente, ma è lì.

Ci vediamo nei prossimi post. Ancora avanti.

Cordiali saluti, Konstantin Khmelev!

Ciao ragazzi! Sento che la situazione si sta surriscaldando, le oscenità hanno cominciato a irrompere nei commenti, gli insulti rivolti a me. Beh, mi mancano già quei tempi. 🙂 La cosa peggiore è ignorare. E quando rimproverano - va bene, significa che offendo qualcuno. Piace. 🙂 Hey-ge-gay, compagno commentatore, ciao!!! 🙂 Ma a causa delle imprecazioni, ho dovuto cancellare il tuo commento, ho detto più di una volta che non tollererò imprecazioni su un simile piano.

Molti mi accusano di vendere articoli. Sì, c'è stato un tempo, ma ho promesso che il loro numero sarebbe diminuito. Ma alcuni pensano ancora che se recensisco qualche servizio, questo post sia corrotto. Pensate quello che volete, signori. La mia coscienza è pulita e sorrido con tutti i miei 32 denti storti. Sono di ottimo umore e lo saranno i miei devoti lettori, almeno ci proverò. 🙂

Nell'ultima lezione ho parlato dell'estensione SEO per i browser. Non ho solo deciso di sollevare un argomento di lunga data. Ho deciso di mettere i puntini sulle I. Molti lettori mi chiedono come usare correttamente le intestazioni h1, h2, h3, ecc. Sono già tornato nel 2012. Facendo audit su molti siti, vedo gli stessi errori che non ammetto. Quindi, è il momento di aggiungere qualcosa a quella lezione.

Forse alcuni ottimizzatori considereranno i tag h1 e simili inutili, ma la maggior parte li supporta. Se ancora non capisci, la SEO è una scienza molto complicata, ognuno ha la propria opinione.

Regole per l'utilizzo delle intestazioni h1, h2, h3, h4 nella pagina in termini di SEO

Regola n. 1 : Dovrebbe esserci solo 1 tag h1 per pagina.

Ricorda, solo 1, non 2 e soprattutto non 3. Molte persone sono interessate a come scoprire il numero di questi tag su una pagina e molto spesso i webmaster iniziano a eseguire la scansione nel codice sorgente della pagina e cercano manualmente questi tag. L'ho fatto anche io fino a quando il mio "fratello su Internet" Vitaly (http://mojwp.ru/) mi ha suggerito una cosa molto complicata, che, a quanto pare, è integrata nella mia barra SEO preferita.

Di cosa hai bisogno?

Un enorme vantaggio è 1 tag in h1 sulla pagina, il che è molto buono. Se non ce l'hai o ce ne sono più di uno, di seguito ti dirò come sbarazzarti di quelli extra o aggiungerli.

Regola numero 2: le intestazioni h2, h3, h4 dovrebbero essere solo nell'articolo stesso.

Nel mio caso, vedi che h2 è usato molto correttamente, ma nel tag h3, h4 ho "garbage". Cioè, queste frasi non hanno alcuna utilità in termini di SEO. Inoltre, utilizzando i tag h in punti non necessari, riduciamo il significato di questi tag per i motori di ricerca, poiché il loro "peso" è sparso su frasi non necessarie. Pertanto, i tag h dovrebbero essere solo all'interno dell'articolo. Sì, ci sono eccezioni quando le parole chiave vengono inserite in modo molto competente in blocchi separati sul sito, ma non riempiono in alcun modo la frase "Iscriviti al sito", ecc.

Come correggere questi errori?

Per correggere tali errori, abbiamo ancora bisogno di un altro componente aggiuntivo, di cui ho già parlato: questo (è disponibile anche per Chrome).

Troviamo l'elemento nel tag h di cui non abbiamo bisogno sulla pagina, ad esempio, ad esempio, prendo l'espressione "Abbonamento" e "Sito", di cui mi ha parlato la barra RDS (sono in h4, vedere l'immagine sopra). Ho trovato questi 2 elementi sul sito (puoi usare la ricerca nel browser Ctrl + F inserendo la frase necessaria per la ricerca), ne "ispezioniamo" uno usando Firebug:

E sulla destra vediamo gli stili del dato tag h4 (nel mio caso):

Ci saranno utili ora. Apriamo il file style.css del nostro tema e aggiungiamo le caratteristiche di questo stile proprio alla fine (vedi la freccia nell'immagine sopra), semplicemente nominandolo in altro modo (io ho deciso di chiamarlo new4, non dimenticate il punto all'inizio inizio):

Poiché questa espressione "Abbonamento" è nel mio piè di pagina, apro il file footer.php, inserisco la frase "Abbonamento" tramite CTRL + F, eccola:

E invece di h4, prescriviamo la nostra nuova classe (nel mio caso, "new4"), ovvero, dopo la modifica, ci sarà una tale immagine:

Salviamo il file, apriamo Firefox, aggiorniamo la pagina e vediamo che il tag h4 con la scritta "Subscription" è sparito:

Poiché gli stili delle parole "Subscription" e "Site" non differiscono per me, allo stesso modo nel footer invece del tag h4 alla parola "Site" prescrivo la classe "new4", e vediamo che ora non c'è "spazzatura" h4 nella pagina:

Eseguiamo azioni simili con tag h3 non necessari. Nel mio caso, in h3 è sbagliato usare le frasi "Iscriviti a lezioni gratuite", "Lezioni simili", ecc. La h3 dovrebbe contenere solo l'intestazione che ricorre nel testo. Allo stesso modo, passa attraverso diversi tipi di sito (articoli, pagine, categorie, ecc.), Ma la pagina principale è una storia separata, di cui parlerò di seguito.

Se all'improvviso hai un articolo non in h1, apri semplicemente il file del tema single.php, trova lì l'output del titolo dell'articolo (cerca nella ricerca attraverso l'espressione "il_titolo") e inquadralo in h1:

Regola numero 3: si consiglia vivamente di utilizzare il tag h1 nella pagina principale.

Al momento, non c'è h1 sul mio sito nella pagina principale, il che penso rompa la struttura.

Credo che una pagina non possa avere un tag h3 se non c'è h2 sopra di essa, né si può usare un h2 se non c'è h1. Allo stesso modo, anche usare h1 e h3, ad esempio, senza h2 è sbagliato. Inoltre, tutto dovrebbe seguire chiaramente la struttura: h2 non può essere più alto di h1 sulla pagina, h3 non dovrebbe essere più alto del primo tag h2, ecc.

Cosa mettere in h1 per la pagina principale? Questo può essere un testo che include correttamente le parole chiave più richieste per le quali ti stai muovendo. Ripeto, LETTERALMENTE inserito, e non una stupida enumerazione.

Inoltre, per molti, la descrizione nell'intestazione del sito mostra solo le informazioni giuste. Di solito ci sono parole chiave "gustose", e anche l'intestazione è considerata un "punto debole", dove è bene "nutrire" i motori di ricerca con le frasi giuste. È un peccato non usarlo.

Ricorda: il titolo h1 deve essere diverso dal titolo della pagina. Questo sarà utile per la promozione della ricerca.

Di solito, da qualche parte in questo posto c'è una descrizione del sito (nel mio caso non lo è):
Ma qui sorge un certo problema: se scriviamo questa descrizione in h1 nell'header del sito, allora sarà anche in h1 all'interno degli articoli, il che è di nuovo sbagliato.

Cioè, dobbiamo scrivere una funzione che faccia quanto segue: se siamo nella pagina principale, al testo nell'intestazione viene assegnato il tag h1, ma se siamo in una pagina diversa da quella principale, allora lo stesso viene visualizzato il testo, nello stesso stile, ma già senza il tag h1. Questo viene fatto in modo che non ci siano 2 tag h1 nelle pagine interne (descrizione del sito + titolo dell'articolo).

E l'altro mio "fratello su Internet", questa volta di Kazan, che si chiama Ramil (è un peccato che non abbia un blog, metterei un link ora), ha gentilmente condiviso questa funzione PHP (sai, io non 't "rovistare" in PHP ), eccola:

Descrizione del sito

Descrizione del sito

Qui devi impostare in anticipo gli stessi stili per h1 e per lo stile "descrizione" in style.css, in modo che visivamente i visitatori non vedano le differenze.

C'è anche un'opinione secondo cui per evitare sanzioni da parte dei motori di ricerca per overspam, è meglio sostituire le intestazioni h2, h3 e h4 con stili, ad esempio

o

Secondo me, tutto. Se hai domande, scrivi, in ogni modo risponderò. E sì, continua a scrivere commenti divertenti, mi fanno sorridere e rallegrare. 🙂

Un titolo dell'articolo competente e cospicuo è in grado di attirare l'attenzione e i visitatori del sito. Questo è uno dei componenti più importanti nell'ottimizzazione SEO del progetto Internet. In questo post ti dirò cosa sono le intestazioni h1, h2, h3, h4, h5, h6 e come scriverle. Inoltre, imparerai a conoscere il titolo principale della pagina: il titolo.

Ma parliamo di tutto con ordine.

Cos'è il titolo

Così, titolo- Questo è un tag speciale situato all'inizio del codice html che descrive brevemente il contenuto di una determinata pagina del sito. Per quanto riguarda il titolo del titolo, è più voluminoso e dettagliato in questo articolo.

Nel codice sorgente, l'intestazione principale è simile a questa:

Questo tipo di intestazione, ad esempio, su CMS Joomla viene creato automaticamente. Ovvero, il titolo che viene assegnato a ciascun materiale ed è il titolo del titolo. La sua importanza per l'ottimizzazione SEO interna del sito non è esagerata, poiché è ciò che l'utente di Internet vede nella riga di ricerca per una query specifica.

Cos'è un'intestazione h1

Rubrica h1- si tratta di diverse frasi ben strutturate che contengono quasi l'intero significato del materiale presentato. In altre parole, è l'intestazione più importante nella parte superiore della pagina.

Lo stesso insieme definito di parole come per title è generato in h1 Joomla title. Ecco come appare nel codice sorgente:

Cos'è un libero professionista e come diventarlo

Sono state scritte molte informazioni complete sul fatto che questo sia buono o cattivo, ma non esiste ancora una definizione specifica. Ecco cosa dice al riguardo il famigerato blogger Devaka.

Diventa chiaro che il motore Joomla, tuttavia, come altri CMS, semplifica enormemente il lavoro con il sito, poiché durante la creazione delle intestazioni non è necessario modificare il codice html.

Le intestazioni rimanenti vengono create direttamente nell'editor di testo. A seconda del pannello e dell'insieme di elementi attivi, viene selezionata una determinata funzione, denominata "Paragrafo" nell'editor di testo JCE. Spostando il cursore, puoi vedere che tutte le intestazioni esistenti sono presentate qui, partendo da h1 e finendo con h6.

Come scrivere titolo e titolo h1

Nel campo dell'ottimizzazione SEO, esistono regole chiare per la scrittura di tag di base, vale a dire:

1. Parole chiave. Agli occhi dei motori di ricerca, uno ben scritto sembra molto più promettente e attraente se all'inizio del titolo e delle intestazioni h1 vengono scritte parole che soddisfano le query chiave. Come riconoscerli? Per questo, esiste uno speciale servizio online wordstat.yandex.ua.

2. Leggibilità. Non puoi semplicemente prendere e inserire parole chiave nel titolo. Il testo dovrebbe essere naturale e allo stesso tempo facile da leggere, altrimenti i motori di ricerca considereranno questo trucco come spam. Quando scrivi le intestazioni h1 e title, prova a posizionare le parole chiave il più vicino possibile all'inizio. I titoli h1, h2, h3 sono un'altra cosa… Possono essere inclinati e diluiti con certe parole tematiche.

3. Nessun duplicato. Affinché le pagine del sito si posizionino più in alto nei risultati di ricerca, il codice html non deve avere intestazioni duplicate. Per controllare le pagine, basta aprire il sito in un browser e premere i tasti di scelta rapida Ctrl + U, quindi Ctrl + F. Digita h1 nella casella di ricerca e tutti i caratteri presenti verranno evidenziati con uno sfondo giallo.

4. Lunghezza. Il tag del titolo può utilizzare 70 caratteri, poiché più semplicemente non entrerà nello snippet.

5. Unicità. Ogni titolo dovrebbe essere unico all'interno di un particolare progetto Internet, quindi sarà più facile per gli utenti navigare e trovare esattamente ciò di cui hanno bisogno.

7. Segni di divisione preferibilmente non utilizzare.

Uso corretto dei tag h2 - h6

Le intestazioni h2 - h6 aiutano a navigare nel testo, rendendo il materiale più attraente agli occhi dei lettori e dei robot di ricerca. Pertanto, ci sono alcune regole rigide durante la loro creazione, vale a dire:

La struttura dell'intestazione dovrebbe essere strutturata in modo tale da formare una gerarchia coerente. Diamo un'occhiata a un esempio illustrativo. Diciamo che l'autore scrive un articolo sull'argomento "Freestyle wrestling". In questo caso, i sottotitoli avranno questo aspetto.

Tag H1 o intestazione H1è l'intestazione di primo livello e ha la maggiore importanza e importanza tra tutte le intestazioni. etichetta H1 deve essere applicato una volta per pagina, apparire sopra tutte le altre intestazioni e avere la dimensione del carattere più grande.

Ci sono sei tag title in totale. Questi sono h1, h2, h3, h4, h5 , h6. Questi tag vengono utilizzati per formattare il testo sulla pagina. H1 è il più significativo tra loro sia per il visitatore che per i motori di ricerca.

Benvenuti nelle pagine. In questo articolo, condividerò con te alcuni punti quando si utilizza l'intestazione H1 sulle pagine del blog alimentate da CMS WordPress.

Tag H1 - valore della promozione

I motori di ricerca utilizzano le parole e le frasi utilizzate in questo tag per determinare la pertinenza delle pagine rispetto a una query di ricerca. Questo tag è uno degli elementi di pertinenza più significativi. Quando si ottimizza il testo di una pagina, i motori di ricerca apprezzano solo il tag TITLE più del tag H1.

E per essere più concisi e specifici, quindi Il tag H1 è consigliato per i titoli delle pagine dei nostri siti web e devono contenere la parola chiave per la quale questa pagina è promossa.
La pertinenza della pagina, insieme a , è uno degli indicatori più significativi per ottenere la fedeltà dei motori di ricerca.

Regole dell'intestazione H1

Per ottenere un buon risultato durante la promozione delle pagine del sito, è necessario seguire le seguenti regole per la compilazione:

1. Ogni pagina deve contenere UN tag H1.
2. Il tag deve contenere una parola chiave per la quale la pagina viene promossa.
3. Il contenuto dell'intestazione H1 deve essere univoco per ogni pagina.
4. Il tag H1 non deve essere un collegamento ipertestuale.
5. È auspicabile che il tag non contenga classi, identificatori e altri elementi CSS, ma sia in una forma "nuda".
6. Non è consigliabile utilizzare segni di punteggiatura, virgole, due punti e così via nel contenuto.
7. La dimensione del tag non deve essere superiore a due frasi, una è meglio.

Nel codice html, il titolo della pagina dovrebbe essere simile a questo:

Il tag H1 è il titolo della pagina

Gli errori più tipici sono l'assenza del tag H1 sulla pagina o la presenza di più di un'intestazione. Tali errori si trovano in genere nelle pagine delle sezioni che elencano gli articoli in tali sezioni.

Il controllo del riempimento del tag H1 in tutto il sito viene effettuato nell'ambito di . Per condurre un tale audit, ci sono molti strumenti degni. Ti consiglierò un servizio di Megaindex - audit.megaindex.ru .

Tag H1, applicazione in WordPress

La teoria è stata ripetuta e ora ci soffermeremo su alcune questioni tecniche legate all'utilizzo del tag H1 sui siti che utilizzano il CMS WordPress. Poiché la maggior parte dei blogger principianti utilizza modelli gratuiti, potrebbero contenere alcuni difetti.
In particolare, ci sono opzioni quando il titolo della pagina è evidenziato non dal tag H1, ma da un altro tag, molto spesso è H2.

Lo stesso difetto si è presentato sul mio blog dopo che l'ho creato con il programma Artisteer. Durante la visualizzazione del codice HTML, è stato rilevato che tutti i titoli delle pagine sono visualizzati con il tag H2.

Per risolvere questo problema, ho dovuto modificare il file singolo.php, che è ciò che la maggior parte dei modelli chiama file che visualizzano le informazioni per ogni singolo record. Come l'ho fatto ora lo dimostrerò chiaramente.
Nel corpo del file singolo.php stiamo cercando una parte del codice che mostri il titolo. Nel mio caso sembrava così:

Cambia i tag h2 evidenziati in rosso con i necessari h1 e file singolo.php fisso e pronto all'uso. Si è scoperto che è abbastanza semplice, ha cambiato un paio di personaggi e il gioco è fatto. Il blocco ora ha questo aspetto:

Nel tuo caso, l'espressione potrebbe avere una forma leggermente diversa, ma spero che tu capisca il significato.

Ho dovuto apportare modifiche simili con un altro file del tema pagina.php, che è responsabile della visualizzazione delle pagine del blog. Come sai, un blog su CMS WordPress contiene post e pagine.

Le funzioni per crearli e modificarli si trovano in diverse sezioni dell'amministrazione del blog, sono archiviate in luoghi diversi e, di conseguenza, diversi moduli del programma sono responsabili del loro output.

Di conseguenza, un pezzo di codice in un file pagina.php, che mostra il titolo della pagina ha iniziato ad apparire così:

» rel="segnalibro" title="»>

Ma non è tutto, sul mio template ho scoperto che il tag H1 viene utilizzato per visualizzare il titolo del blog stesso. E ho dovuto decidere se lasciare tutto così com'è o ottenere l'output dei titoli delle pagine con il tag H1.

Dopotutto, l'uso di due o più intestazioni di questo tipo su una pagina non è raccomandato. I motori di ricerca possono considerare questo come una riottimizzazione e trarre conclusioni appropriate.

Tag H1, regolazione del modello WordPress

Alla fine, ho deciso di correggere questo difetto, soprattutto perché non ha causato molti problemi. Ora ti riferirò su tutto in dettaglio.

Per fare ciò, è stato necessario modificare solo due file.

Primo header.phpè il file di output dell'intestazione del blog.

Secondo style.css— file di descrizione in stile blog.

header.php modifiche

/»>

Troviamo dentro header.php un frammento che visualizza il titolo del blog e cambia il tag del titolo h1 (evidenziato in rosso quei caratteri che cambio) nel tag del paragrafo p . Di conseguenza, abbiamo ricevuto un tale codice.

/»>

Modifiche nel file style.css

In blu ho evidenziato il nome della classe css, che dovremo correggere nel file style.css per mantenere il carattere e la dimensione dell'output dell'intestazione del blog come prima della modifica. Successivamente, apri il file di stile, cerca la classe richiesta "art-Logo-name", il frammento è sotto

h1 .art-Nome-Logo, h1 .art-Nome-Logo a, h1 .art-Nome-Logo a:link, h1 .art-Nome-Logo a:visitato, h1 .art-Nome-Logo a:hover
{

dimensione carattere: 29px;
decorazione del testo: nessuna;
imbottitura: 0;
margine:0;
colore: #E0EDF0 !importante;
}

Cambio tutti gli h1 evidenziati in rosso in p e ottengo come risultato

p .art-Nome-Logo, p .art-Nome-Logo a, p .art-Nome-Logo a:link, p .art-Nome-Logo a:visitato, p .art-Nome-Logo a:hover
{
famiglia di caratteri: Arial, Helvetica, Sans-Serif;
dimensione carattere: 29px;
decorazione del testo: nessuna;
imbottitura: 0;
margine:0;
colore: #E0EDF0 !importante;
}

Questo, infatti, è tutto ciò che volevo dirvi sul tag H1, come uno degli elementi.
Noterò solo che ho svolto tutto il lavoro su sottodominio di prova, in modo che i visitatori del mio blog non incontrino difficoltà in caso di problemi che possono sorgere durante questo tipo di manipolazione. Sì, e dal punto di vista della sicurezza e della sicurezza della funzionalità del sito, questa sarebbe la decisione giusta.

In conclusione, vorrei invitarvi a guardare un breve video, è però doppiato in inglese, ma mi è stato tutto chiaro, spero che sia facile per voi capire. Questo video integra bene il testo dell'articolo e per i principianti o per coloro che non sono bravi nella programmazione sarà di grande aiuto. Buona visione.

Consentitemi di concludere con questo e vi auguro successo.