Ciao amici! Siamo lieti di darti il ​​benvenuto nel blog di Andrey e Dasha - Thebizfromscratch. Qualcosa da molto tempo non abbiamo scritto nulla sulla SEO e in questo articolo vogliamo recuperare il ritardo, perché l'argomento di oggi è l'impatto delle intestazioni H1, H2 - H6 sulla promozione del sito web. Ti diremo secondo quali regole e principi scriviamo titoli sul tuo blog e speriamo che la nostra esperienza ti sia utile.

Come posizionare correttamente i meta tag H1, H2 ... H6

Quindi, quando creiamo una pubblicazione, prescriviamo i meta tag nel seguente ordine:

È l'intestazione più significativa, pertanto è consuetudine racchiudere la chiave di ricerca principale in tag h1, preferibilmente diluiti con parole neutre, ad es. titolo diluito.

La successiva intestazione più importante, utilizzata per selezionare una richiesta a bassa frequenza abbinata alla richiesta principale.

1. H3, H4, H5, H6

In effetti, non hanno molta influenza sulla promozione. Tuttavia, l'inclusione di parole chiave in esse può portare a un'eccessiva ottimizzazione, che causerà solo una risposta negativa da parte dei bot di ricerca. Pertanto, utilizziamo questi meta tag solo per la bella strutturazione dell'articolo. Per rendere più facile ai visitatori la lettura e la comprensione immediata di dove finisce un pensiero e ne inizia un altro. Inoltre, non dimenticare che tutti i post sono scritti esclusivamente per i lettori e non dovresti lasciarti trasportare dalla ripetizione frequente delle stesse parole/frasi.

E affinché le informazioni di cui sopra siano comprese correttamente, diamo un'occhiata a un esempio! Supponiamo che tu abbia scritto un articolo sotto la query di ricerca - "Come creare un sito web". Questa frase deve essere registrata nel campo Titolo e ripetuta almeno 2 volte senza modifiche al testo stesso. Oppure, come fanno molti, ripetono la query di ricerca 1 volta ogni 1000 caratteri.

Se è necessario selezionare ulteriormente la struttura, non esitare a utilizzare H2 contenente una query a bassa frequenza. Ancora una volta, nell'ambito dell'esempio: "Come creare un sito Web di alta qualità sul motore WordPress". Scrivi il resto dei meta-tag senza chiavi.

1. Non includere collegamenti ad altre pagine promosse nei titoli. Il codice del collegamento sarà considerato dai motori di ricerca come parole chiave e danneggerà solo il posizionamento.
2. Non inserire titoli di ordine inferiore sopra quelli più significativi. Il primo dovrebbe essere seguito da H1, quindi H2 e ulteriormente su base ascendente. Dovrebbe emergere una struttura ad albero.
3. Si consiglia di utilizzare H1 una volta, H2 non più di 3 volte e H3-H6 quanto necessario (solo senza chiavi e solo se necessario).

Forse questi erano i principi e le regole di base che usiamo quando scriviamo articoli. Ci auguriamo che l'argomento - l'impatto delle intestazioni H1, H2 - H6 sulla promozione del sito web - sia stato rivelato e che tu abbia trovato informazioni utili per te stesso. In caso di domande, assicurati di farle nei commenti, cercheremo di aiutarti.

Assolutamente tutti sanno cos'è un titolo. Questo è un titolo capiente, attraente, in cui, per tutta la sua brevità, risiede l'essenza di un'intera pubblicazione, articolo, ecc. Ma l'intestazione di una pagina del sito non è proprio quella che siamo abituati a vedere nei giornali, nelle riviste o nei libri . Come mai? Proviamo a capirlo.

Cos'è H1?

H1 è il titolo principale dell'articolo, il titolo di primo livello. Ogni pagina su Internet ha una propria struttura. Le intestazioni H1-H6 consentono solo di strutturare adeguatamente i materiali, sia per i motori di ricerca che per gli utenti. H1 - intestazione principale, H2-H6 secondaria, sottotitoli nidificati. Nel codice, le intestazioni hanno questo aspetto:

il titolo stesso

, il numero indica solo il livello dell'intestazione.

I titoli su Internet servono non solo a indicare la struttura e l'essenza di quanto descritto, ma anche a ottimizzare il sito. Per portare il sito in posizioni visibili nei risultati di ricerca, scrivi i titoli corretti, osservando 2 semplici condizioni:

Condizione 1. Parole chiave nei titoli

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

Quando inserisci le parole chiave, fallo con attenzione: non abusare delle parole chiave e non creare intestazioni di spam (ad esempio, compra un appartamento a Mosca, compra una borsa per il frigorifero, compra una motocicletta a Krasnoyarsk, il mio è tuo da non capire, ecc.). Mantieni la bellezza della frase e la sua consistenza. Nella grande e potente lingua russa, le parole sono coniugate e piegate, e i robot ora capiscono il significato, capiscono la lingua non peggio di te e me! E non spesso: lo spam è ovvio per tutti e Baden-Baden è a un tiro di schioppo, beh, non dimenticarti di Panda di Google.

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

Dal titolo principale è chiaro quale prodotto verrà discusso. Certo, nel primo paragrafo non puoi fare a meno di una chiave, ma fallo in modo discreto e non così aperto e aggressivo.

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

Ricorda che il testo non è creato solo per i motori di ricerca, ma anche per le persone. 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 a Mosca" la voce "Hotel a Mosca - siti ufficiali, recensioni, foto" funzionerà meglio di "Recensioni, foto e siti ufficiali degli hotel a 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 abbastanza -

-

... Ora le persone non leggono testi di grandi dimensioni e, anche in base alla logica delle cose, non è necessario annidare un tale numero di titoli. Un'eccezione può essere costituita da 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 composizione, dovresti prestare attenzione che i titoli si distinguano visivamente dal testo generale.

I link nei titoli non dovrebbero essere usati, specialmente in

: questo allontanerà la persona dalla pagina verso un altro materiale o, se ti colleghi alla stessa pagina, creerà un collegamento circolare che non serve a nulla.

Consentito il collegamento dalle intestazioni di livello

e sotto, ma anche se giustificato e logico.

I crawler dei motori di ricerca attribuiscono grande importanza ai titoli perché vengono utilizzati per indicare informazioni importanti. Quindi sarà più facile per le macchine leggere il testo e comprenderne la struttura, la logica; vedi cosa è più importante. Non cercare di imbrogliare e utilizzare i tag

-

per tutto il testo sulla pagina, perché non avrà senso da questo. I robot non sono sciocchi e in generale sono molto vulnerabili: possono vendicarsi per questo con qualcosa di spiacevole per il tuo sito. Quindi pensaci sette volte in anticipo, le conseguenze sono disastrose. Quando si scrivono i titoli nel testo, attenersi alle seguenti regole:

Mettiamo le cose in ordine. tag

-

sono disposti secondo il principio della gerarchia: tag

più importante del tag

... In effetti, sembra così:



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



Inoltre, il tag

svolge 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 in caso di difficoltà, contatta i nostri specialisti, siamo pronti a verificare se le intestazioni del tuo sito sono scritte correttamente, registrarti correttamente in caso di errori e rispondere a qualsiasi domanda. Compilazione di titoli per 1 pagina (+ selezione di 3 tasti pertinenti) - da 450 rubli.

Ciao cari lettori del sito blog. Oggi inizieremo una conversazione sui tag nel linguaggio Html, in particolare sui titoli H1, H2, H3, H4, H5, H6, sui paragrafi P e sulle interruzioni di riga Br, nonché sul tag di linea orizzontale Hr, ad esempio, considererà l'utilizzo degli attributi e vediamo dove sarà possibile scoprire tutti gli attributi possibili per ogni elemento e sbirciare la sintassi dei valori per essi.

La principale differenza tra i tag inline e block è che i primi possono susseguirsi in larghezza fino all'esaurimento dello spazio disponibile, quindi verranno spostati alla riga successiva.

Gli elementi di blocco, per impostazione predefinita, prova a prendi tutto lo spazio disponibile in larghezza e quindi l'elemento di blocco successivo sarà necessariamente su una riga diversa.

Iniziamo ora uno studio sistematico di tutti i possibili tag in Html e allo stesso tempo presteremo particolare attenzione a che tipo sono per capire chiaramente le possibilità del loro corretto (valido) utilizzo. La struttura dei tag semplificata è simile a questa:

Per loro sono forniti anche attributi (ognuno ha il proprio set), che ti consentono di aggiungere determinate proprietà a questo elemento, ma ne parleremo già con esempi specifici.

Iniziamo con un concetto come le intestazioni, che sono formate usando tag accoppiati H1, H2, H3, H4, H5, H6 (il nome deriva dalla prima lettera della parola "Header", cioè "intestazione"). Sono progettati per separare diverse parti di testo l'una dall'altra e contrassegnare la loro importanza a seconda del livello. Nella versione moderna del linguaggio Html, tutti i tag e tutti gli attributi per essi consentiti sono prestabiliti e descritti.

Di conseguenza, i titoli possono avere solo sei livelli e, inoltre, elementi H1-H6 sono a blocchi, cioè. cerca di occupare tutto lo spazio disponibile lungo la larghezza della pagina. Ma hanno una caratteristica: solo gli elementi in linea possono essere all'interno dei tag di intestazione, nonostante il fatto che, ad esempio, lo stesso Div consenta l'inclusione di altri tag di blocco all'interno.

Quella. il browser non consentirà, ad esempio, di racchiudere i titoli di un altro livello all'interno dei titoli di un livello, perché, ancora, sono elementi di blocco, ma possono contenere solo lettere minuscole... Oh come.

I titoli di diversi livelli H1-H6 verranno disegnati nei browser con caratteri di diverse dimensioni (anche se, usando i CSS, puoi impostarli assolutamente di qualsiasi dimensione, colore e tipo di carattere da visualizzare in un browser, ma in puro Html si applicano queste regole) :

Se consideriamo il layout del sito dal punto di vista della comodità della sua ulteriore promozione (), allora vale la pena fare una riserva sul fatto che dovrebbe esserci solo un titolo di livello H1 per pagina... Probabilmente puoi usare due H1, ma più di loro molto probabilmente causeranno una reazione negativa dai motori di ricerca quando sono nel tuo documento. Le tue azioni possono essere considerate spam o una promozione di pertinenza.

Si sconsiglia inoltre di saltare i livelli di intestazione, ad es. dopo H1, usa H2 per evidenziare parti di testo meno importanti, ecc. È improbabile che ciò comporti sanzioni gravi da parte dei motori di ricerca, ma è comunque meglio seguire la logica nella formazione dei livelli di intestazione nel codice Html.

I motori di ricerca danno alle parole racchiuse in questi tag più valore rispetto alle parole che stanno semplicemente nel testo. Ne consegue che quando scrivi articoli, dovresti assolutamente aggiungere ai titoli che usi.

Bene, di per sé, l'uso dei titoli nel testo dell'articolo lo rende più descrittivo e aiuta i lettori a navigare rapidamente nell'insieme delle informazioni. Penso che per la prima volta ci saranno abbastanza informazioni ed è ora di andare avanti.

Paragrafo, interruzione di riga e linea orizzontale HR nel codice Html

Il tag P deriva dalla parola "paragrafo", ma più spesso è chiamato paragrafo. Sono utilizzati per l'evidenziazione semantica di un determinato pezzo di testo, che, di regola, include diverse frasi. C'è uno spazio bianco tra i paragrafi formati da elementi P verticalmente, il che consente pezzi logici separati di testo visivamente gli uni dagli altri.

Il fatto è che è abbastanza difficile per una persona leggere un monolite di testo se non è suddiviso in piccoli frammenti separati. Ad esempio, non inizio nemmeno a leggere articoli che non sono interrotti in paragrafi nel codice Html, perché è molto fastidioso.

Distruggendo il testo sei forte abbassare la soglia della fatica visitatori alla tua risorsa e migliorare i fattori utente (tempo trascorso dall'utente sul tuo sito e), che a loro volta hanno un effetto positivo sulla promozione.

Per gli stessi scopi (mantenere l'attenzione degli utenti e ridurre la loro fatica durante la lettura di un articolo), al testo ne vengono aggiunti altri e talvolta, forse,.

A proposito, il tag di paragrafo P, come probabilmente hai già notato, è un tag di coppia, ma secondo la specifica 4.01 del linguaggio di markup ipertestuale, l'elemento di chiusura è non richiesto... In questo caso, il browser dovrà capire da solo dove deve essere posizionato.

Poiché P è un elemento di blocco e solo quelli minuscoli possono trovarsi al suo interno. Pertanto, il browser, trovato il tag di paragrafo di apertura, analizza ulteriormente il codice e non appena si imbatte nell'elemento di blocco successivo (molto probabilmente sarà il prossimo P di apertura), inserisce immediatamente il tag di chiusura di paragrafo davanti ad esso . Nello standard HTML 5, tali libertà molto probabilmente non saranno più e dovrebbero essere immediatamente abituati a chiudere tutti i tag e scrivili solo in minuscolo.

Un paragrafo è un elemento di blocco, quindi il testo all'interno dei paragrafi tenderà a occupare tutto lo spazio disponibile in larghezza. Cioè, se hai scritto una quartina nel codice del documento Html come dovrebbe essere (ogni riga separatamente) e hai racchiuso l'intera quartina nei tag del paragrafo P, allora nel browser vedrai che tutte le tue quattro righe si fonderanno in uno e occuperà tutto lo spazio disponibile per il testo in larghezza.

Perché questo accade, abbiamo già discusso in dettaglio nell'articolo su. Grazie a questa proprietà del linguaggio di markup ipertestuale (che qualsiasi numero di spazi bianchi nel codice sorgente visualizzato in un browser sarà sostituito da un singolo spazio), puoi formattare il tuo codice in qualsiasi modo conveniente senza timore di interromperne la visualizzazione su una pagina web.

Bene, se hai davvero bisogno di scrivere una quartina in una forma generalmente accettata, puoi usare Html aggiuntivo per questo scopo.

tag di interruzione di riga chiamati BR

(dalla parola "rottura"):

BR è un elemento in linea ed è anche "vuoto", ad es. singolo (non ha un elemento di chiusura). L'intera funzione di BR è che provoca un'interruzione di riga durante la visualizzazione del testo nel browser (simile al tasto Invio in qualsiasi editor di testo).

La scrittura dei tag BR (interruzione di riga) nel codice non è regolamentata in alcun modo. Puoi scrivere l'intero testo insieme e mettere BR al posto degli spazi nei posti giusti, oppure puoi immediatamente spezzare il testo in righe nel codice per chiarezza e mettere BR alla fine delle righe o all'inizio. Questo non cambia l'essenza.

risorse umane(abbreviazione delle parole "regola orizzontale", cioè linea orizzontale) è un tag Html molto semplice che disegna una linea orizzontale (striscia) per tutta la larghezza dello schermo e il suo spessore, a seconda del browser in cui viene visualizzato ( infatti, è un marcatore visivo, che, per analogia con i tag di intestazione, consente di suddividere il testo in blocchi logici per una più facile assimilazione).

È "vuoto" (singolo), ad es. non ha coppia (tag di chiusura). Inoltre, HR è un elemento di blocco, cioè. occupa per impostazione predefinita l'intera larghezza della pagina a sua disposizione.

Il concetto di attributi e le regole della loro scrittura nei tag Html

Diamo un'occhiata al concetto di attributo su questo semplice elemento. Il fatto è che possiamo aggiungere attributi ai tag che sono validi e descritti nel validatore WC3 per loro, dando così al contenuto la proprietà di cui abbiamo bisogno.

Ad esempio, se hai diversi paragrafi (paragrafi) racchiusi nei tag P corrispondenti in una riga, per modificare l'aspetto di uno di essi, devi solo aggiungere gli attributi richiesti all'elemento P di apertura di questo paragrafo. Nel caso di tag singoli (vuoti), non ci sono opzioni per aggiungere l'attributo richiesto.

Quindi la prima regola è - gli attributi sono impostati solo nel tag di apertura(la chiusura non contiene mai nulla). Un elemento può contenere più attributi, separati tra loro e tra il nome del tag da uno spazio (condizione obbligatoria). Faccio subito un esempio del loro utilizzo per la linea HR orizzontale:

Quindi, per prima cosa, esaminiamo la sintassi dell'attributo. Vengono inseriti nel tag di apertura, scritti separati da uno spazio (compreso uno spazio dopo il nome dell'elemento) e sono una costruzione che include un nome, un segno di "uguale" e scritto tra virgolette (di solito è consuetudine mettere doppi accoppiati , ma lo standard consente anche valori accoppiati tra virgolette singole). L'ordine degli attributi nel codice del tag Html non è importante.

Lì ho dato un link a elenco di tutti i tag validi in Html... Se in questo elenco fai clic sul nome dell'elemento che ti interessa (nel nostro caso è HR), verrai indirizzato a una pagina con una specifica dettagliata per esso:

Tutti gli attributi di qualsiasi tag possono essere dividere in tre gruppi:

1. Generale: possono essere trovati nella stragrande maggioranza degli elementi nel linguaggio Html. Nella foto appena sopra, sono in basso e delineati in una cornice rossa. In realtà, ci sono pochi attributi comuni (solo sei), e anche in questo caso, è improbabile che tu li usi tutti nella tua pratica. Molto probabilmente solo quattro -, titolo e stile.
2. Attributi dell'evento: sono necessari per attivare un'azione in risposta a un'azione dell'utente o a un evento di sistema. Sono più legati a JavaScrit e nell'immagine appena sopra sono in fondo (cerchiati in una cornice scura).
3. Univoco: ogni tag di solito ha il proprio set di attributi, alcuni dei quali potrebbero non apparire affatto su altri elementi. Se consideriamo la linea orizzontale HR, allora ha solo quattro attributi univoci (align, noshade, size e width). Tutti gli altri specificati nel tag HR (ad eccezione dei due gruppi descritti sopra) verranno ignorati dal browser.

Esempi di attributi nel tag della linea orizzontale HR

I valori dei vari attributi possono essere numeri arbitrari (ecc.) o valori da un insieme predeterminato, ad esempio, come nel caso di allineamento per FC - sinistra | centro | destra (puoi usare uno dei tre allineamenti opzioni).

In generale, le informazioni su di essi nel validatore WC3 possono essere ottenute non solo nell'elenco dei tag Html, ma anche in lista degli attributi che troverete al link fornito.

Questo elenco elenca tutte le possibili opzioni per tutti i tag disponibili nella lingua HTML. Nella colonna "Elementi Correlati", di fronte all'opzione che ti interessa, vedrai gli elementi in cui questo attributo può essere utilizzato. La colonna "Tipo" indica il tipo di dato che può essere utilizzato come suo valore.

Ad esempio, nella riga sottolineata nella figura per l'attributo align, per il tag HR sono consentiti solo tre valori fissi, che sono elencati lì (sinistra | centro | destra).

Un'altra rubrica molto importante è "Depr". Se c'è una lettera D di fronte all'attributo che ti interessa in questa colonna, allora è sconsigliato l'uso e dovresti applicare gli stili CSS appropriati per sostituirlo. Quando abbiamo esaminato la specifica del tag, abbiamo anche visto che la parola "Deprecato" (deprecato) è scritta accanto ai nomi di tutti e quattro gli attributi per le risorse umane.

Vediamo quali attributi vengono utilizzati con gli elementi che abbiamo già trattato in questo articolo (P, titoli H1-H6 e HR). Per tutti loro puoi usare "allinea" da tutti questi elementi sono a livello di blocco. Per gli elementi in linea, l'attributo di allineamento "align" è privo di significato.

Ad esempio, se aggiungi "allinea" a un tag di intestazione (ad esempio, H1), puoi impostare l'allineamento del testo dell'intestazione. Quelli. un elemento di blocco occuperà tutta la larghezza disponibile, ma il contenuto di questa intestazione (il suo testo) può essere allineato a sinistra (sinistra è l'impostazione predefinita), allineato a destra (destra) o centrato (centro), o per larghezza (giustifica - cambia la distanza tra le parole, come nelle colonne dei giornali).

Lo stesso, tra l'altro, sarà vero per il tag di paragrafo Html P e per il contenitore Div, se guardi da vicino lo screenshot qui sopra.

Per una linea HR orizzontale, l'attributo "align" significherà l'allineamento della linea orizzontale stessa formata da questo elemento. Ma il tag HR è un elemento di blocco e tende a occupare tutto lo spazio disponibile in larghezza. Pertanto, ha senso usare "allinea" in esso solo se, insieme ad esso, tu imposta un valore per l'attributo "larghezza"(larghezza) è inferiore alla larghezza della pagina.

Come valore per "larghezza", puoi usare solo numeri (questa sarà la larghezza in pixel), oppure puoi usare una percentuale della larghezza totale disponibile per la linea orizzontale della FC. Il valore dell'attributo "dimensione" per lo stesso tag è impostato in numeri che indicano l'altezza della linea orizzontale in pixel. Vediamolo con un esempio:

---

Il tag HR nello standard Html 4.01 ne ha uno in più un attributo chiamato single da non può assumere alcun valore (significa solo un qualche tipo di azione) - è "noshade", che impedisce alla linea orizzontale di proiettare un'ombra:

---

È chiaro che non sarò in grado di considerare tutti i possibili attributi per tutti i possibili tag in Html, e questo non è richiesto, perché tutto può essere fatto per analogia: l'importante è capire la sintassi e l'idea stessa. Inoltre, molti di loro sono già diventati obsoleti per l'uso, perché Ora la loro funzione è svolta dagli stili CSS, di cui inizieremo anche a parlare in dettaglio molto presto.

Buona fortuna a te! A presto sulle pagine del sito blog

puoi guardare più video andando su

");">

Potresti essere interessato

Tabelle in Html - Tag Table, Tr e Td, oltre a Colspan, Cellpadding, Cellspacing e Rowspan per crearle
Iframe e Frame: cosa sono e come utilizzare al meglio i frame in Html
Incorpora e oggetto - Tag HTML per la visualizzazione di contenuti multimediali (video, flash, audio) su pagine web
Direttive di commento e Doctype nel codice Html, così come il concetto di blocco ed elementi inline (tag)
Come inserire un collegamento e un'immagine (foto) in HTML - IMG e tag A

Ciao cari lettori. Oggi voglio prestare particolare attenzione all'argomento dei titoli nei tag h1 h2 - h6, perché nel prossimo futuro sto progettando (come promesso) diversi articoli pratici sulla modifica dei titoli nei modelli. Ma prima di padroneggiare qualsiasi cosa in pratica, penso che tu debba capire la teoria, non conoscerla. Definiamo fin dall'inizio i concetti, cos'è un'intestazione nei documenti HTML, un'intestazione in un sito Web, una pagina.

Conosciamo tutti il ​​russo e per quanto riguarda il concetto generalmente accettato intestazione- non dovrebbero esserci domande. Un titolo è quella parola o frase che riassume l'intero significato di un testo, le informazioni che lo seguono.

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

Ma se noi, aprendo il libro, capiamo che questa frase è un'intestazione, perché ha un carattere più grande o in grassetto, allora sulle pagine Internet ci sono alcune regole proprie. Su Internet, la parola titolo ha diversi significati e viene utilizzata per scopi diversi. Pertanto, è necessario conoscere e capire di che tipo di intestazione stiamo parlando e di cosa hai esattamente bisogno.

La prima cosa che dobbiamo capire è che ci sono tre diversi concetti di intestazione in un documento HTML.

Qualsiasi documento include tre tag HTML principali:

Ecco le informazioni tecniche sul documento +
titolo della pagina nei tag



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 con informazioni

Altri blocchi con informazioni

Altri blocchi con informazioni

Quindi, dal codice sopra, possiamo vedere che il documento HTML ha il suo titolo , in cui si trovano le informazioni tecniche, qui si trovano anche i meta tag e uno dei tag più importanti in seo è