Come configurare smartphone e PC. Portale informativo
  • casa
  • Interessante
  • Cosa sono i titoli h1 h2 h3. Tag h1 h2 h3, tutto su titoli e sottotitoli

Cosa sono i titoli h1 h2 h3. Tag h1 h2 h3, tutto su titoli e sottotitoli

Assolutamente tutti sanno cos'è un titolo. Si tratta di un titolo capiente e attraente che, nonostante tutta la sua brevità, contiene l'essenza di un'intera pubblicazione, articolo, ecc. Ma il titolo sulla pagina del sito non è esattamente quello che siamo abituati a vedere su giornali, riviste o libri. Perché? Proviamo a capirlo.

Cos'è l'H1?

H1 è rubrica principale nell'articolo, titolo di primo livello. Ogni pagina su Internet ha la propria struttura. Le intestazioni H1-H6 consentono di strutturare adeguatamente i materiali, sia per i motori di ricerca che per gli utenti. H1 è l'intestazione principale, H2-H6 sono sottotitoli secondari e nidificati. Nel codice, le intestazioni hanno questo aspetto:

il titolo stesso

, il numero indica semplicemente il livello dell'intestazione.

Le intestazioni su Internet servono non solo a indicare la struttura e l'essenza di ciò che viene descritto, ma anche a ottimizzare il sito. Per portare il sito a posizioni visibili nel numero, scrivi titoli corretti, rispettando 2 semplici condizioni:

Condizione 1. Parole chiave nelle intestazioni

Per fare ciò, devi aver sviluppato un nucleo semantico di alta qualità: trattalo in modo estremamente responsabile e ricorda che non puoi inserire la stessa chiave su tutte le pagine del sito. La pertinenza è tutto: devi soddisfare le aspettative dei clienti e dei motori di ricerca. Nelle intestazioni della pagina principale puoi prendere la frequenza media e query ad alta frequenza. E sulle pagine dei prodotti (scheda prodotto), i titoli con tasti a bassa frequenza sono abbastanza accettabili. La chiave dovrebbe portare a una posizione o unità specifica, essere precisa e non generalizzata.

Pubblicando parole chiave, fallo con attenzione: non abusare delle chiavi e non creare intestazioni di spam (ad esempio, compra un appartamento a Mosca, compra una borsa frigo, compra una moto a Krasnoyarsk, prezzo, il mio è tuo, non capisco, ecc.). Mantieni la frase bella e logica. Nella grande e potente lingua russa, le parole vengono coniugate e flesse, ma ora i robot ne comprendono il significato e capiscono la lingua non peggio di me e di te! E non essere troppo frequente: lo spam è evidente a tutti e Baden-Baden è a un tiro di schioppo e non dimenticare Panda di Google.

Un esempio in cui il numero di chiavi è fuori scala, eccessivo.

Dalla voce principale è chiaro di quale prodotto si tratta parleremo. Naturalmente, non puoi fare a meno della chiave nel primo paragrafo, ma fallo in modo discreto e non così aperto e aggressivo.

Bene, spero che non venga mai in mente a nessuno di stipare nel titolo tutte le parole chiave previste per una pagina. Evidentemente non ne verrà fuori nulla di buono. =)

Ricorda che il testo è creato non solo per motori di ricerca, ma anche per le persone. E in generale, ai robot piacciono i testi umani, semplici e comprensibili. Se nel titolo le parole chiave compaiono organicamente all’inizio della frase, funzionerà un po’ meglio. Quelli. dal punto di vista dell'ottimizzazione della pagina per la parola chiave “Hotel Mosca”, la rubrica “Hotel Mosca - siti ufficiali, recensioni, foto” funzionerà meglio di “Recensioni, foto e siti ufficiali degli hotel Mosca”.

Condizione 2. Tag

-

Quando pubblichi testi sul sito, non dimenticare di posizionare correttamente i tag. I tag per le intestazioni di testo sono definiti dal seguente codice HTML:

-

. Secondo le nostre osservazioni, due tag sono sufficienti:

-

. Oggigiorno le persone non leggono testi di grandi dimensioni e, anche in base alla logica delle cose, non è necessario annidare così tanti titoli. Un'eccezione potrebbero essere le pagine con molti video, immagini, elementi interattivi, ecc. Ma questa è ancora l’eccezione, non la regola.

I motori di ricerca tengono conto anche della dimensione e del significato dei tag

-

. Durante la progettazione, dovresti prestare attenzione affinché i titoli risaltino visivamente dal testo generale.

I collegamenti nei titoli non dovrebbero essere utilizzati, soprattutto in

: Questo porterà la persona fuori dalla pagina verso altro materiale o, se ti colleghi alla stessa pagina, creerai un collegamento circolare che non va bene.

È accettabile collegarsi da intestazioni di livello

e inferiori, ma anche se giustificato e logico.

I crawler dei motori di ricerca attribuiscono molta importanza ai titoli perché vengono utilizzati per indicare informazioni importanti. Ciò renderà più semplice per le macchine leggere il testo e comprenderne la struttura e la logica; vedere cosa è più significativo. Non cercare di imbrogliare e utilizzare i tag

-

per tutto il testo della pagina, perché non servirà a nulla. I robot non sono sciocchi e in generale sono molto vulnerabili: possono vendicarsi facendo qualcosa di spiacevole per il tuo sito. Pertanto, pensaci sette volte in anticipo, le conseguenze saranno terribili. Quando si scrivono intestazioni nel testo, attenersi alle seguenti regole:

    Mettiamo le cose in ordine. Tag

    -

    disposti secondo il principio della gerarchia: tag

    più importante del tag

    . In realtà assomiglia a questo:

    I motori di ricerca sono perfezionisti: amano la sequenza corretta, affinché ogni cosa sia al suo posto, sui suoi scaffali. Pertanto, seguiamo la logica: il figlio più giovane non può nascere prima del maggiore. Questo non è accettabile: ecco un esempio con una gerarchia interrotta:

    Inoltre, l'etichetta

    gioca un ruolo importante nella formazione di collegamenti rapidi nei risultati di ricerca Yandex.

    Se tutto funziona, l'effetto di un lavoro così apparentemente insignificante e facile non tarderà ad arrivare.

    E se hai difficoltà, contatta i nostri specialisti, siamo pronti a verificare se le intestazioni del tuo sito sono scritte correttamente, scriverle correttamente in caso di errori e rispondere a qualsiasi domanda. Redazione di titoli per 1 pagina (+ selezione di 3 tasti pertinenti) - da 450 rubli.

Buon pomeriggio, cari visitatori.

Oggi ci sarà un articolo sull'argomento delle intestazioni H1-H6 per il sito.

Sicuramente tutti sanno già che tipo di titoli sono, ma sono sicuro che non tutti conoscono i dettagli del loro utilizzo e non si rendono conto che il loro utilizzo nelle pagine delle risorse serve solo a 2 scopi.

Obiettivi e casi d'uso

I 2 scopi principali delle intestazioni nei tag H1-H6 sono la progettazione e la strutturazione del contenuto nelle pagine delle risorse al fine di renderlo più leggibile e facilmente fruibile dai visitatori del sito. Non dovremmo perseguire nessun altro obiettivo da questi tag.

Oltre a utilizzarli semplicemente come elementi di strutturazione e progettazione dei contenuti, i visitatori spesso utilizzano questi tag per dare il design necessario a singole frasi o addirittura a intere frasi. Ciò si traduce in una situazione in cui il tag H6 (ad esempio) ha un design con solo caratteri in grassetto e invece di evidenziare una riga nel testo con il tag , lo avvolgono in un tag H6. Questo è fondamentalmente sbagliato.

Le intestazioni in questi tag dovrebbero essere utilizzate solo per suddividere il testo in parti logiche. Nessuna evidenziazione di intere frasi o singole frasi.

Inoltre, i titoli H1-H6 hanno una gerarchia che li rende diversi nel design, almeno nella dimensione del carattere. Ogni livello più basso dovrebbe essere meno evidente di quello sopra.

L'immagine mostra il design corretto dei titoli in questi tag, quando la dimensione del carattere è discendente livello superiore al più basso. Se ti trovi in ​​una situazione diversa da questa, dovresti rivolgerti agli stili di design del tuo sito e modificarli correttamente.

Ma ecco una cosa: assicurati che i titoli livello inferiore(più vicini a H6) erano simili ai titoli e non si fondevano con essi in testo semplice. Dovrebbero sembrare titoli, non solo carattere in grassetto.

Sulla base di questo disegno, possiamo capire che i titoli devono mantenere la loro gerarchia quando vengono utilizzati 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 ci fosse H1 e poi immediatamente H6.

Quando utilizziamo questi tag, ci assicuriamo di mantenere la struttura. Se scendiamo di un livello, non salteremo oltre il livello. La struttura dovrebbe essere la seguente: H1-H2-H3-H4-H5-H6.

Vale la pena dire che in questi casi non sarà opportuno utilizzare un'intestazione di livello H1, poiché andrebbe utilizzata una sola volta nella pagina e dovrebbe contenere il nome del materiale. Pertanto non è necessario utilizzarlo nel testo.

Ora ti dirò i punti principali dell'utilizzo dell'intestazione H1, ma prima ne darò un paio consiglio generale, che sono validi per le intestazioni di tutti i livelli.

  • Non terminare con un punto;
  • Manteniamo una gerarchia durante l'utilizzo;
  • Non vi è alcuno scopo nell'inserire parole chiave;
  • Si verificano anche in articoli molto brevi, poiché qualsiasi testo può essere suddiviso in parti logiche;
  • Scrive nel titolo breve riassunto il testo successivo, e non qualcosa “se solo fosse”.

Nozioni di base H1

Anche le regole di cui sopra sono rilevanti, ma in aggiunta ad esse ce ne sono altre obbligatorie per questo particolare livello di voce.

  • H1 è sempre una volta su ogni pagina;
  • Incoraggiamo l'utente a leggere il materiale, quindi ha senso usare parole accattivanti (ad esempio, segreti, migliori trucchi e così via);
  • Rendilo diverso dal tag title, che mostra il titolo della pagina 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;
  • Non è consigliabile utilizzare segni di punteggiatura.

Utilizzare nella pratica

Ho scritto sopra che H1 viene utilizzato una sola volta nella pagina e dovrebbe essere integrato automaticamente nel layout del modello del sito e verrà inserito automaticamente anche nell'intestazione. Controlla questo momento. Analizza i titoli dei tuoi articoli e assicurati che siano racchiusi in un H1. In caso contrario, modifica il modello.

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

Se stiamo parlando dell'utilizzo dei rimanenti livelli di intestazione H2-H6, dovrebbero già essere utilizzati modalità manuale.

Utilizzando alcuni CMS per creare un sito web, queste intestazioni vengono aggiunte agli articoli in modo molto semplice. Ad esempio, in WordPress, nel pannello di formattazione dell'editor delle pagine, è sempre presente una voce intestazioni in cui è possibile selezionare il livello desiderato evidenziando preventivamente testo richiesto, che deve essere racchiuso nell'intestazione.

Lo stesso con ogni motore. Se usi Disposizione HTML sito e devi aggiungere i tag manualmente, quindi non ci saranno difficoltà. Devi solo racchiudere le parti necessarie del testo tra i tag di apertura e chiusura con livelli richiesti. Vedi gli esempi qui sotto.

Intestazione di 2° livello

Intestazione di 3° livello

Intestazione di 4° livello

Intestazione di 5° livello
Intestazione di 6° livello

Per quanto riguarda gli stili di progettazione per ciascun livello, vale la pena aggiungere regole a ciascun livello nel file degli stili.

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

Design dell'intestazione 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à migliore. livello superiore. Ora semplici intestazioni con taglia larga i caratteri e il grassetto appartengono già al passato.

Disegni di intestazione semplici ma allo stesso tempo utilizzanti varie secrezioni linee, sottolineature con uno sfondo e così via.

Una volta ho fornito alcuni esempi di tali progetti. Anche se prendi il mio blog, il titolo principale di H1 non è semplicemente progettato in caratteri grandi su sfondo bianco con il resto del testo. È separato da una cornice grigia Background generale sito, che lo rende più evidente e focalizza l'attenzione su di esso.

Ti fornirò altri 2 esempi di intestazioni progettate in H1.

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

Puoi anche vedere tu stesso il design interessante su questa pagina.

Per quanto riguarda le intestazioni H2-H6, non solo puoi disegnarle con una sorta di sfondo, ma anche numerarle (se utilizzi il contenuto all'inizio della pagina) nel modulo belle immagini. Ancora una volta, questo non deve essere così numeri semplici. Qui buon esempio una tale idea.

Quando sai qualcosa che la maggior parte delle persone non sa, e tanto meno che sa, puoi andare avanti e osservare gli errori principali nell'utilizzo dei titoli a tutti i livelli sul tuo sito.

Errori nell'uso

Potresti aver già capito tu stesso tutti gli errori studiando 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. Solo una volta per documento;
  • Utilizzo dei tag H1-H6 per progettare elementi aggiuntivi del sito web. All'inizio ho scritto che lo scopo di questi documenti è la progettazione e la strutturazione dei contenuti. Pertanto, dovrebbero essere utilizzati solo nei contenuti. La maggior parte dei modelli di siti Web include questi tag nelle colonne laterali per definire lo stile dei titoli e così via. Ciò è chiaramente espresso in Modelli WordPress, quando il nome di ciascun widget nella barra laterale è racchiuso in H3 o altri tag. Se questa situazione esiste, sostituisci i tag title negli elementi di servizio del sito con altri, ad esempio con il tag “span”;
  • Inseriamo specificamente le parole chiave. In precedenza, si riteneva che inserendo le parole chiave direttamente nei titoli di tutti i livelli, si potesse aumentare la loro densità e la posizione di tale pagina sarebbe stata più alta. Ma ora questo è già “punibile dalla legge” dei motori di ricerca e vengono imposte sanzioni per lo spam nei titoli. Inoltre, questi tag sono classificati secondo altri algoritmi. Conclusione: non esiste un obiettivo per inserire parole chiave;
  • Uso frequente di punti e segni di punteggiatura. I punti nei titoli non dovrebbero essere utilizzati affatto, poiché ciò non è corretto sia dal punto di vista del copywriting che regole generali progettazione del testo. Cerchiamo anche di ridurre al minimo il numero di segni di punteggiatura per aumentare la leggibilità dei titoli. Ciò include anche un gran numero di parole: non rendere i titoli troppo lunghi;
  • La struttura non è mantenuta in termini di gerarchia. Prova a seguire una catena logica nella costruzione della gerarchia dei tag H2-H6 su ogni pagina;
  • Utilizzo dei tag H1-H6 per definire altri elementi di testo anziché l'intestazione. Questo è ciò di cui ho parlato sopra, quando gli stili di design di ciascun tag sono configurati in modo errato e invece del solito grassetto è possibile utilizzare un titolo di un certo livello.
  • Il titolo non è appropriato o non rende il contesto del testo che lo segue. Per imparare a creare titoli logici, prendi un paio di libri ben progettati che trovi facili da leggere. Concentrarsi anche sulla strutturazione dei contenuti del sito Wikipedia;
  • Mancato utilizzo dei titoli H1-H6 o assenza su testi di piccole dimensioni. Appena completa assenza e non c’è niente di cui parlare, ma dell’assenza di piccole pagine- un punto discutibile, 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 a diversi livelli?

Questo è tutto, cari webmaster. Il materiale sui titoli sul sito è giunto al termine. Ne è uscito piuttosto tirato fuori. Mi sono ripetuto da qualche parte, ma questo è solo per focalizzare la tua attenzione sulle idee chiave dell'articolo. lo spero questo materiale utile per te.

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

Ci vediamo nei prossimi materiali. C'è altro in arrivo.

Cordiali saluti, Konstantin Khmelev!

Ciao ragazzi! Sento che la situazione si sta surriscaldando, nei commenti hanno cominciato ad apparire oscenità e insulti rivolti a me. Beh, altrimenti già mi mancano questi tempi. 🙂 La cosa peggiore è essere ignorati. E quando mi rimproverano, va bene, significa che sto offendendo qualcuno. Per favore. 🙂 Ehi, ehi, compagno commentatore, ciao!!! 🙂 Ma a causa delle imprecazioni il tuo commento ha dovuto essere cancellato; ho detto più di una volta che non tollererò maledizioni di questo tipo.

Molte persone mi accusano di vendere articoli. Sì, c'era tempo, ma avevo promesso che il loro numero sarebbe diminuito. Ma alcune persone pensano ancora che se recensisco un servizio, questo post si esaurisce. Pensate quello che volete, signori. Ho la coscienza pulita e sorrido con tutti i miei 32 denti storti. Sono di ottimo umore, e lo saranno anche i miei affezionati lettori, almeno ci proverò. 🙂

Nell'ultima lezione ho parlato dell'estensione SEO per i browser. Non per niente ho deciso di sollevare un argomento a lungo logoro. Ho deciso di puntare le I. Molti lettori mi chiedono come utilizzare correttamente le intestazioni h1, h2, h3, ecc.? Ero già nel 2012. Facendo audit su molti siti, vedo gli stessi errori, che non ammetto. Quindi è il momento di approfondire un po' questa lezione.

Forse alcuni ottimizzatori considereranno inutili i tag h1 e simili, ma la maggior parte li supporta comunque. Se ancora non l'hai capito, la SEO è una scienza molto complessa, ognuno ha la propria opinione.

Regole per l'utilizzo dei titoli h1, h2, h3, h4 in una pagina dal punto di vista SEO

Regola numero 1 : Dovrebbe esserci solo 1 tag h1 sulla pagina.

Ricorda, solo 1, non 2, tanto meno 3. Molte persone sono interessate a scoprire il numero di questi tag su una pagina e molto spesso i webmaster iniziano a entrare fonte pagine e cercare manualmente questi tag. L'ho fatto anch'io finché il mio "fratello di Internet" Vitaly (http://mojwp.ru/) non mi ha detto una cosa molto intelligente, che, a quanto pare, è incorporata nella mia barra SEO preferita.

Di che cosa hai bisogno?


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

Regola n. 2: i titoli h2, h3, h4 devono essere presenti solo nell'articolo stesso.

Nel mio caso, vedi che h2 è usato in modo molto corretto, ma nei tag h3, h4 ho "spazzatura". Cioè, queste frasi non forniscono alcun vantaggio in termini di SEO. Inoltre, utilizzando i tag h in in posti non necessari riduciamo l'importanza di questi tag per i motori di ricerca, poiché il loro “peso” è sparso su frasi non necessarie. Pertanto, i tag h dovrebbero trovarsi solo all'interno dell'articolo. Sì, ci sono delle eccezioni quando le parole chiave vengono inserite in modo molto competente in blocchi separati sul sito, ma non inseriscono lì la frase "Iscriviti al sito", ecc.

Come correggere questi errori?

Per la correzione errori simili avremo ancora bisogno di un'altra aggiunta, di cui ho già parlato: questa (è disponibile anche per Chrome).

Troviamo un elemento in un tag h non necessario sulla pagina, ad esempio, prenderò l'espressione "Abbonamento" e "Sito", di cui mi ha parlato la barra RDS (sono in h4, vedi l'immagine sopra) . Ho trovato questi 2 elementi sul sito (puoi usare la ricerca del browser Ctrl+F digitando la frase necessaria per cercare), “ispeziona” uno di essi utilizzando Firebug:

E a destra vediamo gli stili di questa etichetta h4 (nel mio caso):

Ne avremo bisogno adesso. Apri il file style.css del nostro tema e aggiungi le caratteristiche alla fine di questo stile(vedi la freccia nell'immagine sopra), chiamandolo semplicemente in modo diverso (ho deciso di chiamarlo new4, non dimenticare il punto all'inizio):

Perché questa espressione“Subscription” è nella mia cantina, apro il file footer.php, inserisco la frase “Subscription” tramite CTRL+F, eccola qui:

E invece di h4 scriviamo il nostro nuova classe(nel mio caso “new4”), cioè dopo la modifica ci sarà un'immagine come questa:

Salviamo il file, apriamo Firefox, aggiorniamo la pagina e vediamo che il tag h4 con la scritta “Abbonamento” è scomparso:

Poiché gli stili delle parole “Abbonamento” e “Sito” non sono diversi per me, scrivo allo stesso modo la classe “new4” nel footer invece del tag h4 alla parola “Sito”, e vediamo che ora non ci sono H4 "spazzatura" nella pagina:

Eseguiamo azioni simili con tag non necessari h3. Nel mio caso, non è corretto utilizzare le frasi "Iscriviti a" in h3 lezioni gratuite", "Lezioni simili", ecc. H3 dovrebbe contenere solo il titolo che appare nel testo. Segui lo stesso tipi diversi sito (articoli, pagine, categorie, ecc.), ma la pagina principale lo è un'altra storia, di cui ti parlerò di seguito.

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

Regola n.3: è altamente consigliabile utilizzare un tag h1 nella pagina principale.

SU questo momento sul mio sito web all'indirizzo pagina iniziale non c'è h1, che penso rompa la struttura.

Credo che una pagina non possa avere un tag h3 se non c'è h2 sopra, né si può usare un h2 se non c'è h1. Allo stesso modo, anche usare h1 e h3, ad esempio, senza h2 non è corretto. Inoltre, tutto deve seguire chiaramente la struttura: h2 non può essere superiore a h1 nella pagina, h3 non deve essere superiore al primo tag h2, ecc.

Cosa dovresti inserire nell'h1 della pagina principale? Può trattarsi di un testo che includa correttamente le parole chiave più richieste per le quali stai promuovendo. Ripeto, inserito COMPETENTEMENTE e non un elenco stupido.

Inoltre, per molti, la descrizione nell'intestazione del sito viene visualizzata semplicemente informazione necessaria. Di solito ci sono parole chiave "gustose" e anche l'intestazione è considerata un "punto debole" in cui è bene "nutrire" i motori di ricerca con le frasi necessarie. Sarebbe un peccato non usarlo.

Ricorda: l'intestazione h1 deve essere diversa dal titolo della pagina. Questo sarà utile per la promozione sui motori di ricerca.

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

Dobbiamo cioè scrivere una certa 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 dalla pagina principale, allora viene visualizzato lo stesso testo, nello stesso stile, ma già senza tag h1. Questo viene fatto in modo che le pagine interne non abbiano 2 tag h1 (descrizione del sito + titolo dell'articolo).

E il mio altro “fratello di Internet”, questa volta di Kazan, che si chiama Ramil (è un peccato che non abbia un blog, vorrei mettere un link adesso), ha gentilmente condiviso questo funzione PHP(sapete, non sono bravo con PHP), eccolo qui:

Descrizione del sito

Descrizione del sito

Qui dovresti impostare in anticipo gli stessi stili in style.css per h1 e per lo stile “descrizione” 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 è così. Se avete domande scrivete, risponderò in ogni modo. E sì, continua a scrivere commenti divertenti, mi fanno sorridere e mi tirano su il morale. 🙂

Ciao cari lettori. Oggi voglio dedicarmi Attenzione speciale l'argomento dei titoli nei tag h1 h2 - h6, perché Nel prossimo futuro sto pianificando (come promesso) diversi articoli pratici sulla modifica delle intestazioni nei modelli. Ma prima di padroneggiare qualsiasi cosa nella pratica, penso che sia necessario comprendere la teoria, anche se non conoscerla. Definiamo i concetti fin dall'inizio, in cosa consiste un titolo Documento HTML ah, il titolo sul sito, pag.

Tu ed io conosciamo tutti il ​​russo, e per quanto riguarda concetto generalmente accettato titolo– non dovrebbero esserci domande. Un titolo è una parola o una frase che riassume l'intero significato di un testo o di un'informazione che lo segue.

Proprio come ogni libro inizia con un titolo, così ogni documento su Internet ha il proprio titolo.

Ma se, aprendo un libro, capiamo che questa frase è un titolo perché ha un carattere più grande o più audace, allora le pagine Internet hanno regole leggermente diverse. Su Internet, la parola titolo ha diversi significati e viene utilizzata per scopi diversi. Pertanto è necessario conoscere e capire di cosa tratta esattamente il titolo. stiamo parlando e di cosa hai esattamente bisogno.

La prima e più importante cosa che dobbiamo capire è che esistono tre diversi concetti di intestazione in un documento HTML.

Qualsiasi documento include tre tag HTML principali:



Ecco qui Informazioni tecniche sul documento +
titolo della pagina nei tag
</b> Titolo della pagina <b>


Ecco il contenuto principale del sito, articoli che hanno titoli nei tag:

Titolo del sito o dell'articolo


Titolo dell'articolo


Sottotitolo dell'articolo


Altri blocchi di informazioni


Altri blocchi di informazioni

Altri blocchi di informazioni


Quindi, dal codice sopra, vediamo che il documento HTML ha il proprio titolo , che contiene informazioni tecniche, meta tag e uno dei tag più importanti nel SEO: , che contiene <b>titolo della pagina</b>. Questo è il titolo che ogni utente vede nella scheda del browser. Questa intestazione non è direttamente correlata alle intestazioni presenti nel corpo <body>documento, ma esiste una stretta relazione tra loro.</p> <p>Il secondo tag più importante nel SEO è il tag title. <h>.</p> <p>Quindi, qualsiasi motore di ricerca dà <a href="https://bumotors.ru/it/chto-ponimaetsya-pod-cennostyu-informacii-chem-bolshe-interesuyushchee-nas-sobytie.html">Grande importanza</a> questa etichetta. Come ho fatto come esempio con un libro, è lui (insieme al titolo) a comunicare l'argomento della pagina, di cosa tratta, e a sintetizzare il senso dell'articolo. È questo titolo che ti dice di cosa parlerà il mio articolo che stai leggendo. Tu ed io vediamo che questi titoli sono sempre diversi <a href="https://bumotors.ru/it/mozhno-li-ispolzovat-linux-v-ofise-ne-narushaya-zakon-lichnyi-opyt-vneshnii-vid.html">aspetto</a> dal contenuto principale della pagina. È per questo che sono stati inventati <a href="https://bumotors.ru/it/kak-rasstavit-h1-h6-v-statyah-teg-h1-eto-zagolovok-stranicy-formatirovanie-teksta-pri-pomoshchi-spec.html">tag speciali</a>, che hanno il compito di garantire che le informazioni in essi contenute siano sempre evidenziate.</p> <p>Da un lato, il tag sembra essere uno <h>, ma d'altra parte ce ne sono sei e sono tutti numerati in ordine di significato, e ciò che è molto importante non è solo il significato, ma anche la gerarchia. È da questo momento che inizia la cosa più confusa e incomprensibile: come determinare il significato, cosa è più significativo e cosa no?</p> <p>Pensiamo solo logicamente. Ecco la nostra pagina principale sul sito. Di norma, la pagina principale riflette l'intero tema del sito nel suo insieme. E dentro <a href="https://bumotors.ru/it/partnerki-kotorye-horosho-platyat-v-sisteme-obrazovaniya-master-klassy-idealnyi-variant-pravil-vyb.html">ideale</a>– il nome del sito dovrebbe riflettere anche l’intero tema del sito. Ciò significa che il nome del sito dovrebbe essere un titolo e il titolo più importante, ad es. nell'etichetta:</p> <blockquote><p><h1>Nome del sito</h1>.</p> </blockquote> <p>Inoltre, non è necessario, ma di norma sulla pagina principale dovrebbe esserci una sorta di appello al visitatore e, in una situazione ideale, questo appello dovrebbe includere un titolo, che a sua volta dovrebbe contenere il tema del sito (parola chiave che riflette il sito tematico). Quindi questo titolo dovrebbe essere nel tag:</p> <blockquote><p><h2>Il titolo dell'articolo è un appello al visitatore</h2>.</p> </blockquote> <p>Inoltre, in questo articolo-appello potrebbe (e insisto su questo <b>dovere</b>) sia un sottotitolo che riveli ulteriormente tutti gli aspetti dell'argomento del sito. Include anche alcune parole chiave che possono o dovrebbero essere vicine al nome del sito o al titolo dell'articolo. Questo sottotitolo dovrebbe essere nel tag:</p> <blockquote><p><h3>Sottotitolo dell'articolo</h3>.</p> </blockquote> <p>Immaginiamo una pagina del genere.</p> <p>Questo è il modo in cui distribuiamo i tag del titolo. Vale la pena notare che se utilizzi un'immagine banner invece di un titolo, non è necessario formattarla nel tag titolo.</p> <p>Rimangono due domande importanti:</p> <p>Come utilizzare altri tag – 4, 5, 6</p> <p>Ed è necessario/possibile utilizzare i tag titolo nel menu/barra laterale?</p> <p>La risposta alla prima domanda è che non è necessario utilizzare tutti i tag title.</p> <p>Non esiste una risposta chiara alla seconda domanda. Ma sono dell'opinione che se esiste una barra laterale del genere <a href="https://bumotors.ru/it/112-nomer-ekstrennyh-sluzhb-informacionnyi-blok.html">blocco informativo</a>, che contiene informazioni sul sito, informazioni che riflettono il tema del sito, quindi è necessario progettare tali blocchi con tag del titolo.</p> <p>Ad esempio, questo potrebbe essere un blocco: <i> </i>. Il titolo di tale blocco contiene una parola chiave che riflette il tema dell'intero progetto. Pertanto, tale blocco dovrebbe essere incluso nel titolo <h4>.</p> <p>Qui potrebbe sorgere la seguente domanda: perché non inserirlo in un tag di rango superiore? Puoi anche provare a ottenere la risposta in modo logico.</p> <p>Di norma (sottolineo, di regola), il layout di un sito web moderno ha la seguente struttura:</p> <p>Titolo del sito <br> ↓<br>Contenuto della pagina principale <br> ↓<br>Barra laterale <br> ↓<br>Piè di pagina/piè di pagina</p> <p>Quelli. Questo è l'ordine in cui il robot di ricerca vede tutte le informazioni sulla pagina.</p> <p><b>Secondo</b>, quello che dobbiamo sapere è che tutti i tag title hanno la propria gerarchia (ne ho parlato sopra) e non è accettabile che un tag di terzo ordine sia più alto di un tag di secondo ordine.</p> <p>Sembrerebbe che a tutte le domande sia stata data risposta e che l'argomento dovrebbe essere esaurito, ma non tutto è così semplice. Il fatto è che, di regola, le pagine interne differiscono da quella principale, ed è anche importante che siano anche ben ottimizzate in modo da ricevere traffico da esse dai motori di ricerca. Pertanto, è molto consigliabile che utilizzino la propria gerarchia di intestazioni.</p> <p>Dalla mia immagine nell'esempio, se il sito ha articoli separati su <i>Promozione nei motori di ricerca</i> E <i>Promozione sui social network</i>, quindi, per la struttura interna delle intestazioni dovrebbe essere così:</p> <p><img src='https://i0.wp.com/lh5.ggpht.com/_G92voTj-yF0/TS3-kbdapZI/AAAAAAAABEI/r7T-C94lU5I/s800/seo-zagolovka-statey%5B4%5D.gif' width="100%" loading=lazy loading=lazy></p> <p>Quelli. il titolo del sito non è importante quanto il titolo dell’articolo (forse il mio esempio non è dei più evidenti, perché la parola “promozione” è presente ovunque). Questa disposizione dei titoli migliora significativamente il posizionamento delle pagine nei motori di ricerca, aumentando così il traffico degli utenti da esse.</p> <p>Ho scritto sopra che è così <b>preferibilmente</b>, ma non sbattere la testa contro il muro se è impossibile da fare. Le piattaforme, i modelli e le conoscenze di ognuno sono diversi e, se non funziona, è meglio concentrarsi su qualcos'altro, indirizzare le tue azioni per migliorare ciò che puoi fare meglio. Dopotutto, una promozione di successo nei motori di ricerca dipende da una combinazione di numerosi fattori. Più prestiamo attenzione all’ottimizzazione interna, meno abbiamo bisogno dell’ottimizzazione esterna. Se l'ottimizzazione interna si è già esaurita, è necessario passare all'ottimizzazione esterna.</p> <p>Questo articolo ha lo scopo principale di comprendere l'argomento e la teoria. Nell'era dei CMS, creare correttamente gli header non è difficile, ma sfortunatamente per questo è necessario avere una conoscenza più approfondita della costruzione e della programmazione di un sito web. E se per la stragrande maggioranza dei miei lettori questo articolo è più a scopo informativo, allora per coloro che un giorno ordineranno la creazione di siti web a Cheboksary o in qualsiasi altra città del mondo, redigeranno le specifiche tecniche per un progettista di layout, programmatore, o creare il proprio sito web, saranno in grado di spiegare o applicare queste conoscenze nella pratica.</p><p>Ad esempio, ho intenzione di sperimentare il modello da molto tempo e di farlo esattamente come ho descritto nell'articolo, perché penso che questa sia l'opzione migliore. Ma non sono ancora così bravo in XML (per Blogger) e PHP (per WordPress) per capire immediatamente come creare intestazioni diverse per pagine diverse. Ma dopo questo articolo avrò più stimoli per mettere in pratica le mie idee e ti dirò sicuramente come ci sono riuscito. Naturalmente non solo te lo dirò, ma lo condividerò anche.</p><p><b>Gli articoli a riguardo sono pronti.</b></p> <p>Se non ho risposto in modo sufficientemente completo ad alcune domande, chiedi nei commenti e le aggiungerò. Scrivo queste parole perché... Sento che c'è ancora qualcosa di non detto nella mia testa, ma non riesco proprio a ricordare cosa. Quindi chiedi.</p> <p>Hai mai pensato di avviare un blog di gruppo o almeno di trovare un secondo autore per il tuo blog? Se ti vengono pensieri del genere, dovresti prestare attenzione all'articolo Svantaggi di diversi autori di blog. Lì, sul blog, puoi trovare un articolo sui vantaggi.</p> <p>Ti auguro buona fortuna nella crescita dei tuoi blog.</p> 02.12.15 44.1K <p>Spesso i webmaster alle prime armi sono tormentati dalla domanda sul perché alcuni siti si posizionano più in alto e superano i concorrenti nei risultati di ricerca. La ragione di ciò potrebbe essere il posizionamento errato dei tag h1, h2...h6. Se questi tag vengono posizionati in modo errato, senza tenere conto delle specificità della risorsa, è più difficile per i motori di ricerca ottenere informazioni precise sugli articoli e sulle parole chiave in essi contenute.</p> <p>I tag h1 - h6 ti consentono di evidenziare i titoli a diversi livelli. Chiariscono quali parti del testo riflettono più accuratamente l'argomento dell'articolo e forniscono vantaggi in termini di ranking.</p> <p>Il corretto posizionamento dei tag consente ai motori di ricerca di visualizzare in modo più accurato la pagina per le query nei risultati, il che ha un effetto benefico sulla posizione della risorsa:</p> <h2>Perché sono necessari i tag h1-h6?</h2> <p>I tag contengono il nome del sito, i titoli e i sottotitoli del testo:</p> <p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/v-tegi-zakljuchaetsja-030724.png' width="100%" loading=lazy loading=lazy></p><br>In HTML, i tag header sono indicati con h dall'inglese "header", che significa " <span>titolo, intestazione</span>" Ecco un esempio di come appare: <p><h1>Intestazione</h1></p> <p>I tag di intestazione dovrebbero essere posizionati su ogni pagina della risorsa. In questo caso l'importanza dell'intestazione dipenderà dal suo numero; quanto più piccolo è, tanto più importante è l'intestazione:</p> <p><h1></h1>- i tag più importanti <h2></h2>- tag meno significativi... <h6></h6>- ultimi tag più importanti</p> <p>Tuttavia, il loro posizionamento dovrebbe essere trattato con cautela. Un utilizzo errato può comportare la sanzione della tua risorsa da parte dei motori di ricerca.</p> <h3>Sintassi dei tag h1-h6</h3> <p><h1>Nome del testo</h1> <h2>Sottotitolo 1</h2> ... <h2>Sottotitolo 2</h2> <h3>Sottotitolo 3.1</h3> ... <h3>Sottotitolo 3_2</h3> <h2>Sottotitolo 3</h2></p> <p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/sintaksis-tegov-030725.png' width="100%" loading=lazy loading=lazy></p><br>I tag più popolari sono h1 h2 h3. <h3>Come utilizzare correttamente il tag h1?</h3> <p>Ignorando il tag h1 i webmaster si privano di un vantaggio così importante come l'ottimizzazione dei contenuti. Sui motori spesso viene registrato automaticamente, ma non sempre, e questo fatto dovrebbe essere tenuto in considerazione.</p> <p>Il tag HTML h1 è il più significativo nel suo genere. Contiene il nome del sito e il titolo dell'articolo. Tuttavia, non deve essere confuso con il tag <title> (<span>titolo della pagina</span>). Il titolo si riflette nel browser nella parte superiore dello schermo sul lato sinistro quando viene aperta la pagina delle risorse. Il titolo è scritto nell'intestazione della pagina tra <head></head>, mentre h1 - h6 sono indicati nel “corpo” della pagina stessa e sono racchiusi tra tag <body></body>.</p> <p>Può esserci solo un tag h1 su una pagina. Se specifichi più titoli con il tag h1, i motori di ricerca potrebbero considerarlo come overspam, il che a sua volta potrebbe comportare un divieto:</p> <p><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p><br>Regole per la composizione dell'intestazione principale h1: <ul><li>Il tag dovrebbe utilizzare parole chiave utilizzate per promuovere la pagina;</li> <li>Non dovresti rendere l’intestazione h1 troppo lunga; bastano poche parole;</li> <li>Il testo del titolo dovrebbe essere leggibile;</li> <li>Il meta tag h1 non dovrebbe contenere altro che il testo stesso. Se vuoi evidenziarlo, metti i codici fuori dal tag;</li> <li>Prima di scrivere manualmente h1 assicurarsi che il motore non lo imposti automaticamente;</li> <li>Il contenuto di h1 dovrebbe corrispondere all'argomento specificato nel titolo della pagina;</li> <li>Quando crei un h1, assicurati di utilizzare la frase chiave con cui viene promossa la pagina;</li> <li>Il contenuto del titolo dovrebbe essere unico, conciso e tematico. Non dovresti rendere h1 una copia completa del tag Title. È importante che su ogni pagina della risorsa siano scritte h1 - h6 univoche, quindi evitare ripetizioni;</li> <li>Non è possibile elencare le frasi chiave nel titolo separate da virgole. Il contenuto di h1 dovrebbe essere comprensibile non solo ai motori di ricerca, ma anche ai visitatori delle risorse.</li> </ul><p><img src='https://i0.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy loading=lazy></p> <h3>Come utilizzare correttamente i tag h2-h6?</h3> <p>Oltre a h1, h2, h3, h4, h5, h6, ecc. i tag vengono utilizzati per posizionare le intestazioni identificate dai motori di ricerca.</p> <h4>etichetta h2</h4> <p>Solitamente utilizzato per i titoli dei post in un feed situato nella home page o per i sottotitoli in un articolo.</p> <h4>Tag h3, h4</h4> <p>Vengono spesso utilizzati per evidenziare i nomi di sottotitoli, categorie e widget nella barra laterale.</p> <h4>Tag h5, h6</h4> <p>Progettato per elementi di pagina ancora più piccoli che dovrebbero essere separati dal resto del testo.</p> <p>Disposizione delle intestazioni h1 - h6 in <a href="https://bumotors.ru/it/vk-raznye-versii-na-android-kak-vernut-staryi-dizain-vkontakte.html">versioni diverse</a> i motori possono essere implementati in diversi modi.</p> <p>Regole per piazzare h2 -h6:</p> <ul><li>Struttura dell'intestazione. È necessario mantenere una gerarchia di titoli;</li> <li>Dimensione del font. Più basso è il livello del titolo, più <a href="https://bumotors.ru/it/melkii-shrift-v-vkontakte-kak-samomu-izmenit-shrift-vkontakte.html">carattere più piccolo</a>. La modifica dei caratteri viene eseguita negli stili. Ma, di regola, i caratteri hanno <a href="https://bumotors.ru/it/chem-otlichayutsya-chasy-apple-vybiraem-pravilnyi-razmer-apple-watch.html">dimensioni corrette</a> predefinito;</li> <li>I tag di intestazione non possono essere utilizzati insieme ad altri tag di accento. Si consiglia di utilizzare nelle intestazioni parole chiave con le quali questa pagina verrà promossa nelle ricerche;</li> <li>A differenza di h1, i tag h2 - h6 possono essere scritti più volte su una pagina.</li> </ul><p><body> <h1>Sono il capo della gerarchia delle intestazioni</h1> <h2>I miei figli</h2> <h3>I miei nipoti</h3> <h3>I miei nipoti</h3> <h3>I miei nipoti</h3> <h2>I miei figli</h2> <h3>I miei nipoti</h3> <h3>I miei nipoti</h3> <h3>I miei nipoti</h3> <h4>I miei pronipoti</h4> <h4>I miei pronipoti</h4> <h4>I miei pronipoti</h4> </body></p> <ul><li>Non dovrebbe esserci spam;</li> <li>La composizione del testo h1 - h6 dovrebbe essere fatta utilizzando sinonimi e tenendo conto delle regole della morfologia;</li> <li>Di base <a href="https://bumotors.ru/it/top-klyuchevyh-zaprosov-yandeks-statistika-zaprosov-yandeks-google-i.html">domande chiave</a>È meglio posizionarlo più vicino all'inizio del titolo;</li> <li>Le frasi chiave scritte nei titoli devono comparire nel testo della pagina;</li> <li>I tag h1 - h6 dovrebbero essere brevi, concisi e informativi:</li> </ul> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">I migliori articoli sull'argomento</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/it/parametry-kanalov-sputnikovogo-televideniya-kak-proizvesti.html"> <div class="img_container"><img src="/uploads/c370e09afa8b4d9a33a87fff65bca82c.jpg" border="0" alt="Come configurare da soli i canali satellitari" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Come configurare da soli i canali satellitari</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/it/kak-posmotret-svoi-i-chuzhie-laiki-v-instagrame-na-telefone-i.html"> <div class="img_container"><img src="/uploads/03d0bb99ef37b2aee5542b786a0e4668.jpg" border="0" alt="Zengram Instashpion è un servizio di spionaggio per Instagram che mostrerà a chi piace chi. Vedi i Mi piace di altre persone su Instagram" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Zengram Instashpion è un servizio di spionaggio per Instagram che mostrerà a chi piace chi. Vedi i Mi piace di altre persone su Instagram</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/it/proshivka-planshetnogo-kompyutera-explay-n1-proshivka-explay-n1.html"> <div class="img_container"><img src="/uploads/42509c4f9d1f360e28501e5bdbefdf5c.jpg" border="0" alt="Firmware Explay N1 (tablet)" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Firmware Explay N1 (tablet)</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Categorie:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="https://bumotors.ru/it/category/programs/">Programmi</a></li> <li class=""><a href="https://bumotors.ru/it/category/safety/">Sicurezza</a></li> <li class=""><a href="https://bumotors.ru/it/category/windows-10/">Windows 10</a></li> <li class=""><a href="https://bumotors.ru/it/category/iron/">Ferro</a></li> <li class=""><a href="https://bumotors.ru/it/category/windows-8/">Windows 8</a></li> <li class=""><a href="https://bumotors.ru/it/category/vkontakte/">In contatto con</a></li> <li class=""><a href="https://bumotors.ru/it/category/errors/">Errori</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="https://vk.com/share.php?url=https://bumotors.ru/chto-takoe-h1-h2-h3-zagolovki-tegi-h1-h2-h3-vse-o-zagolovkah-i-podzagolovkah.html" class="vk social-ico"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://bumotors.ru/chto-takoe-h1-h2-h3-zagolovki-tegi-h1-h2-h3-vse-o-zagolovkah-i-podzagolovkah.html" class="fb social-ico"></a> <a href="https://www.twitter.com/share?url=https%3A%2F%2Fbumotors.ru%2Fit%2Fchto-takoe-h1-h2-h3-zagolovki-tegi-h1-h2-h3-vse-o-zagolovkah-i-podzagolovkah.html" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12">© 2024 bumotors.ru. Come configurare smartphone e PC. Portale informativo.</span> </div> </div> </div> </div> </body> </html>