02/12/15 44.1K
Spesso, i webmaster inesperti sono tormentati dalla domanda sul perché alcuni siti si classificano più in alto e superano i concorrenti nei risultati di ricerca. La ragione di ciò potrebbe essere posizionata in modo errato h1 , h2 ... h6 tag. Se questi tag vengono inseriti in modo errato, senza tener conto delle specificità della risorsa, è più difficile per i motori di ricerca ottenere informazioni accurate sugli articoli e sulle parole chiave in essa contenute.
I tag h1 -h6 consentono di evidenziare le intestazioni di diversi livelli. Chiariscono quali parti del testo riflettono in modo più accurato l'argomento dell'articolo e forniscono un vantaggio in classifica.
Una corretta codifica consente ai motori di ricerca di visualizzare più accuratamente la pagina per le query nei risultati di ricerca, il che influisce favorevolmente sulla posizione della risorsa:
Perché abbiamo bisogno di tag h1-h6?
I tag contengono il nome del sito, i titoli e i sottotitoli del testo:
In HTML, i tag di intestazione sono indicati con h dall'inglese "header", che significa "
titolo, intestazione". Ecco un esempio di come appare:
intestazione
I tag di intestazione devono essere posizionati su ciascuna pagina della risorsa. Allo stesso tempo, l'importanza del titolo sarà l'invidia del suo numero, più piccolo è, più importante è il titolo:
- i tag più importanti
- tag meno importanti...
- ultimi tag più importanti
Tuttavia, il loro posizionamento dovrebbe essere trattato con cautela. Un uso improprio può comportare la penalizzazione della tua risorsa da parte dei motori di ricerca.
Sintassi dei tag h1-h6
Nome del testo
Sottotitolo 1
...
Sottotitolo 2
Sottotitolo 3.1
...
Sottotitolo 3_2
Sottotitolo 3
I tag più popolari sono h1 h2 h3 .
Come utilizzare correttamente il tag h1?
Ignorando il tag h1, i webmaster si privano di un vantaggio così importante come l'ottimizzazione dei contenuti. Sui motori, spesso viene scritto automaticamente, ma non sempre, e questo fatto dovrebbe essere preso in considerazione.
Il tag HTML h1 è il più significativo del suo genere. Contiene il nome del sito e il titolo dell'articolo. Tuttavia, non deve essere confuso con il tag
(<span>titolo della pagina</span>). Il titolo viene visualizzato nel browser nella parte superiore dello schermo sul lato sinistro nel momento in cui viene aperta la pagina delle risorse. Il titolo è scritto nell'intestazione della pagina tra <head></head>, mentre h1 -h6 sono specificati nel “corpo” della pagina stessa e sono racchiusi tra tag <body></body>.</p>
<p>Può esserci solo un tag h1 per pagina. Se specifichi più titoli con il tag h1, i motori di ricerca potrebbero considerarlo come spamming, che a sua volta minaccia di ban:</p>
<p><img src='https://i2.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 compilazione del titolo principale h1: <ul><li>Il tag deve utilizzare le parole chiave utilizzate per promuovere la pagina;</li>
<li>Non rendere troppo voluminosa l'intestazione h1, bastano poche parole;</li>
<li>Il testo del titolo dovrebbe essere leggibile;</li>
<li>Il meta tag h1 non deve contenere nient'altro che il testo stesso. Se vuoi farlo risaltare, 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 h1 deve corrispondere all'argomento indicato nel titolo della pagina;</li>
<li>Quando compili h1, assicurati di usare la frase chiave su cui la pagina sta avanzando;</li>
<li>Il contenuto del titolo deve essere unico, capiente e tematico. Non fare di h1 una copia completa del tag Title. È importante che h1 -h6 univoci siano scritti su ogni pagina della risorsa, quindi evita le ripetizioni;</li>
<li>Non è possibile elencare le frasi chiave nel titolo separate da virgole. Il contenuto di h1 dovrebbe essere chiaro non solo ai motori di ricerca, ma anche ai visitatori della risorsa.</li>
</ul><p><img src='https://i2.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, i tag h2 , h3 , h4 , h5 , h6 , ecc. vengono utilizzati per disporre le intestazioni identificate dai motori di ricerca.</p>
<h4>etichetta h2</h4>
<p>Di norma, viene utilizzato per le intestazioni dei post nel feed posizionato nella pagina principale o per i sottotitoli nell'articolo.</p>
<h4>Tag h3, h4</h4>
<p>Spesso vengono 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>La disposizione delle intestazioni h1 - h6 nelle diverse versioni dei motori può essere implementata in diversi modi.</p>
<p>Regole di disposizione h2 -h6 :</p>
<ul><li>Struttura dell'intestazione. La gerarchia di intestazione deve essere rispettata;</li>
<li>Dimensione del font. Più basso è il livello di intestazione, più piccolo è il carattere. La modifica dei caratteri viene eseguita negli stili. Ma, di regola, i caratteri hanno le dimensioni corrette per impostazione predefinita;</li>
<li>I tag del titolo non possono essere utilizzati insieme ad altri tag di accento. Nelle intestazioni si consiglia di utilizzare le parole chiave con cui questa pagina verrà promossa nella ricerca;</li>
<li>A differenza di h1 , i tag h2-h6 possono apparire più volte su una pagina.</li>
</ul><p><body>
<h1>Sono il capo della gerarchia dei titoli</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 eseguita utilizzando i sinonimi e tenendo conto delle regole della morfologia;</li>
<li>Le parole chiave principali sono posizionate meglio più vicino all'inizio dell'intestazione;</li>
<li>Le frasi chiave scritte nelle intestazioni si trovano nel testo della pagina;</li>
<li>I tag H1 - h6 dovrebbero essere brevi, concisi e informativi:</li>
</ul>
<p>Tag di intestazione <h1>...<h6>dovrebbe essere in ogni pagina del sito. L'importanza di ogni intestazione dipende dal numero:</p>
<blockquote><h1
></h1
><span>- i tag di intestazione più importanti</span>
<h2
></h2
><span>- meno significativo del primo</span>
...
<h6
></h6
><span>- ultimo per importanza</span>
</blockquote>
<p>Questi tag devono essere trattati con cautela poiché hanno una maggiore influenza sul posizionamento del sito. Con il giusto uso dei tag <h1>...<h6>spesso è possibile ottenere buone posizioni del sito per query solo su fattori interni. E la situazione inversa: in caso di uso improprio, puoi cadere nelle sanzioni dei motori di ricerca. In questo articolo parleremo solo di come utilizzare correttamente questi tag.</p>
<p><b>Sintassi dei tag <h1>..<h6>
</b></p>
<blockquote><h1
>Titolo dell'articolo</h1
>
<h2
>Sottotitolo1</h2
>
...
<h2
>Sottotitolo2</h2
>
<h3
>Sottotitolo3_1</h3
>
...
<h3
>Sottotitolo3_N</h3
>
<h2
>Sottotitolo3</h2
>eccetera.</blockquote>
<p>Ogni intestazione ha una dimensione diversa per impostazione predefinita. Ad esempio, codice</p>
<blockquote><h1
>Intestazione h1</h1
>
<h2
>voce h2</h2
>
<h3
>voce h3</h3
>
<h4
>voce h4</h4
>
<h5
>voce h5</h5
>
<h6
>voce h6</h6
>
</blockquote>
<p>La pagina si trasforma in questo:</p>
<p><b>Significato dei tag <h1>..<h6>
</b>
<br>In termini di peso e importanza nella promozione del sito web, i tag di intestazione h1-h6 sono al secondo posto dopo il tag <title>. Per molti versi, le regole per la compilazione di un titolo sono simili a h1.</p>
<h2>Regole di utilizzo dei tag <h1></h2>
<ul><li>Etichetta <h1>deve essere presente in una copia in ogni pagina del sito. Questa regola non dovrebbe sollevare dubbi, perché ogni pagina del sito dovrebbe avere un solo titolo. E se non c'è alcun nome, allora perché abbiamo bisogno di una pagina del genere?</li>
<li>intestazione <h1>dovrebbe essere da qualche parte nella parte superiore del codice html della pagina</li>
<li><h1>deve essere univoco all'interno del sito, ad es. non dovrebbe essere che alcune pagine abbiano lo stesso nome</li>
<li>Il titolo dovrebbe riflettere l'essenza dell'articolo, non essere troppo lungo.</li>
<li>Non deve contenere altri elementi oltre al titolo della pagina (ad es. link, span, elementi dei caratteri, immagini, ecc. non possono essere utilizzati all'interno di h1)</li>
<li>È male abusare delle intestazioni. Ad esempio, i tag h3 vengono spesso utilizzati nei modelli per le intestazioni "Tag", "Commenti" nelle barre laterali. Non è corretto. I tag di intestazione devono essere utilizzati nell'articolo per strutturare correttamente il contenuto e aiutare sia i motori di ricerca che gli utenti generici a comprendere rapidamente l'articolo.</li>
<li>È consigliabile utilizzare intestazioni senza parametri di classe e id</li>
<li>È importante rispettare la gerarchia dei tag di intestazione. A questo punto è necessario soffermarsi più nel dettaglio.</li>
</ul><h2>L'importanza della gerarchia <h1>..<h6></h2>
<p>Nel codice html della pagina, il primo tag dovrebbe essere <h1>. Non puoi prima creare un titolo <h2>, Quindi <h1>. Allo stesso modo, con altri numeri di tag. Ecco l'uso corretto dei tag:</p>
<blockquote><h1
>Titolo dell'articolo</h1
>
...
<h2
></h2
>
<h3
></h3
>
<h4
></h4
>
...
<h4
></h4
>
<h3
></h3
>
...
<h3
></h3
>
<h2
></h2
>
...
<h2
></h2
>
<h3
></h3
>
</blockquote>
<p>Quelli. ogni tag inferiore è sempre nidificato all'interno di un tag superiore. Questa è la gerarchia corretta. In questo caso, brusche transizioni da <h1>sul <h4>, da <h2>sul <h5>eccetera.</p>
<p>Oltre a tale gerarchia, è anche necessario osservare la gerarchia in termini di dimensioni dei caratteri. Quelli. i titoli più importanti dovrebbero essere in caratteri più grandi. Sebbene nessuno abbia ancora annunciato i fatti di conferma che i motori di ricerca analizzano gli stili che si trovano nei file .css, esiste una tale regola tra webmaster e ottimizzatori dietro le quinte.</p>
<p><b>Può il titolo <h1>e <title>coincidere?</b>
<br>Questa domanda è ora in discussione. Da un lato, è logico che <title>e <h1>abbinato. Ma d'altra parte, è come duplicare il titolo della pagina. In generale, molto spesso i titoli saranno diversi, perché in <h1>difficilmente è possibile e ha senso scrivere le parole "Compra, prezzo, foto", ma nel titolo tali parole sono usate al contrario. Quando rispondi a una domanda, assicurati che tutto sia chiaro per l'utente e sembri naturale.</p>
<p><b>Quanti titoli possono esserci <h2>, <h3>?
</b>
<br>Tag di intestazione <h2>
-<h6>potrebbero essercene diversi per pagina, tutto dipende dalla dimensione del contenuto. La quantità di contenuto per titolo dovrebbe essere adeguata. In altre parole, non dovrebbe essere quello dopo l'intestazione <h2>fa 5 frasi, poi di nuovo <h2>e ancora un piccolo paragrafo. In questi casi, probabilmente è meglio non utilizzare affatto i tag di intestazione.</p>
<p>Non confondere i tag del titolo <head>e h1-h6. Alcuni sono necessari per il robot di ricerca, altri per il robot di ricerca e gli utenti.</p>
<p>Ciao ragazzi! Sento che la situazione si sta scaldando, le oscenità hanno cominciato a farsi strada nei commenti, gli insulti a me rivolti. Beh, già mi mancano quei tempi. 🙂 La cosa peggiore è ignorare. E quando rimproverano - va bene, significa che offendo qualcuno. per favore. 🙂 Hey-ge-gay, compagno commentatore, ciao!!! 🙂 Ma a causa del giuramento, ho dovuto cancellare il tuo commento, ho detto più di una volta che non tollero giurare su un piano del genere.</p>
<p>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 è 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ò. 🙂</p>
<p>Nell'ultima lezione ho parlato dell'estensione SEO per i browser. Non ho semplicemente deciso di sollevare un argomento a lungo viaggiato. Ho deciso di puntare le I. Molti lettori mi chiedono come usare correttamente le intestazioni h1, h2, h3, ecc.? Sono già tornato nel 2012. Facendo audit di molti siti, vedo gli stessi errori che non ammetto. Quindi, è tempo di aggiungere qualcosa a quella lezione.</p>
<p>Forse alcuni ottimizzatori considereranno inutili i tag h1 e simili, ma la maggior parte li supporta. Se ancora non capisci, la SEO è una scienza molto complicata, ognuno ha la propria opinione.</p>
<h2>Regole per l'utilizzo delle intestazioni h1, h2, h3, h4 della pagina in termini di SEO</h2>
<h3>Regola n. 1 <b>:
</b> Dovrebbe esserci solo 1 tag h1 per pagina.</h3>
<p>Ricorda, solo 1, non 2, specialmente 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 del codice sorgente della pagina e cercano manualmente questi tag . L'ho fatto anche fino a quando il mio "fratello su Internet" Vitaly (http://mojwp.ru/) mi ha suggerito una cosa molto complicata, che, a quanto pare, è incorporata nella mia barra SEO preferita.</p>
<p>Di cosa hai bisogno?</p>
<br><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/seo-tegi.jpg' width="100%" loading=lazy loading=lazy><p>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.</p>
<h3>Regola numero 2: i titoli h2, h3, h4 dovrebbero essere solo nell'articolo stesso.</h3>
<p>Nel mio caso, vedi che h2 è usato in modo molto corretto, ma nel tag h3, h4 ho "spazzatura". Cioè, queste frasi non hanno alcuna utilità in termini di SEO. Inoltre, utilizzando i tag h in luoghi 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.</p>
<p><b>Come correggere questi errori?</b></p>
<p>Per correggere tali errori, abbiamo ancora bisogno di un altro componente aggiuntivo, di cui ho già parlato: questo (è disponibile anche per Chrome).</p>
<p>Troviamo l'elemento nel tag h che non ci serve nella pagina, per esempio, prendo 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 nel browser Ctrl+F inserendo la frase necessaria per la ricerca), ne "ispezioniamo" uno usando Firebug:</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/firebug.jpg' width="100%" loading=lazy loading=lazy>E sulla destra vediamo gli stili del tag h4 dato (nel mio caso):</p>
<p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/stili-h4.jpg' width="100%" loading=lazy loading=lazy></p>
<p>Ci saranno utili ora. Apriamo il file style.css del nostro tema e proprio alla fine aggiungiamo le caratteristiche di questo stile (vedi la freccia nell'immagine sopra), semplicemente nominandolo qualcos'altro (ho deciso di chiamarlo new4, non dimenticare il punto all'inizio):</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/new-style.jpg' width="100%" loading=lazy loading=lazy>Poiché questa espressione "Abbonamento" è nel mio piè di pagina, apro il file footer.php, guido nella frase "Abbonamento" tramite CTRL + F, eccolo qui:</p>
<p><img src='https://i2.wp.com/wpnew.ru/wp-content/uploads/2014/01/nahodim-h4.jpg' width="100%" loading=lazy loading=lazy>E invece di h4, prescriviamo la nostra nuova classe (nel mio caso, "new4"), ovvero, dopo la modifica, ci sarà un'immagine del genere:</p>
<p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/analog-h4.jpg' width="100%" loading=lazy loading=lazy>Salviamo il file, apriamo Firefox, aggiorniamo la pagina e vediamo che il tag h4 con la scritta "Subscription" è sparito:</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/propal-h4.jpg' height="169" width="308" loading=lazy loading=lazy>Poiché gli stili delle parole "Abbonamento" e "Sito" non differiscono per me, allo stesso modo nel footer invece del tag h4 alla parola "Sito" prescrivo la classe "new4", e vediamo che ora non c'è "spazzatura" h4 nella pagina:</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/h4-net.jpg' width="100%" loading=lazy loading=lazy>Eseguiamo azioni simili con tag h3 non necessari. Nel mio caso, in h3 è sbagliato usare le frasi "Iscriviti a lezioni gratuite", "Lezioni simili", ecc. L'h3 dovrebbe contenere solo l'intestazione che si trova 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.</p>
<p>Se improvvisamente hai un articolo non in h1, apri il file del tema single.php, trova lì l'output del titolo dell'articolo (cerca nella ricerca tramite l'espressione "il_titolo") e inquadralo in h1:</p>
<p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/dobavlenie-tega-h1.jpg' width="100%" loading=lazy loading=lazy></p>
<h3>Regola numero 3: si consiglia vivamente di utilizzare il tag h1 nella pagina principale.</h3>
<p>Al momento, non c'è h1 sul mio sito nella pagina principale, il che penso rompa la struttura.</p>
<blockquote><p>Credo che una pagina non possa avere un tag h3 se non c'è h2 sopra, né può essere usato 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 superiore a h1 nella pagina, h3 non deve essere superiore al primo tag h2, ecc.</p>
</blockquote>
<p>Cosa mettere in h1 per la pagina principale? Può essere un testo che include correttamente le parole chiave più richieste per le quali ti stai spostando. Ripeto, entrato LETTERALMENTE, e non una stupida enumerazione.</p>
<p>Inoltre, per molti, la descrizione nell'intestazione del sito mostra le informazioni giuste. Solitamente ci sono parole chiave "gustose", e l'header è anche considerato un "sweet spot", dove è bene "nutrire" i motori di ricerca con le frasi giuste. È un peccato non usarlo.</p>
<blockquote><p>Ricorda: il titolo h1 deve essere diverso dal titolo della pagina. Questo sarà utile per la promozione della ricerca.</p>
</blockquote>
<p>Di solito, da qualche parte in questo posto c'è una descrizione del sito (nel mio caso non lo è): <br><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/opisanie.jpg' width="100%" loading=lazy loading=lazy>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 è di nuovo sbagliato.</p>
<p>Cioè, dobbiamo scrivere qualche funzione che faccia quanto segue: se siamo sulla pagina principale, al testo nell'intestazione viene assegnato il tag h1, ma se siamo su una pagina diversa da quella principale, lo stesso il testo viene visualizzato, 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).</p>
<p>E l'altro mio "fratello su Internet", questa volta di Kazan, il cui nome è Ramil (peccato che non abbia un blog, metterei un link ora), ha gentilmente condiviso questa funzione PHP (sai, non 't "rovistare" in PHP), eccola:</p><p>
<?php if(is_front_page()) {?><h1 id="description">Descrizione del sito</h1> <? }
else{ ?><strong id="description">Descrizione del sito</strong> <?}?>
</p><p>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.</p>
<p>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 <div class=”zagolovok”>o <p>A mio parere, tutto. Se hai domande - scrivi, in ogni modo risponderò. E sì, continua a scrivere commenti divertenti, mi fanno sorridere e rallegrare. 🙂</p>
<p>Che cos'è un titolo, lo sanno assolutamente tutti. Questo è un titolo capiente e attraente, che, nonostante la sua brevità, contiene l'essenza di un'intera pubblicazione, articolo, ecc. Ma il titolo sulla pagina del sito non è proprio quello che siamo abituati a vedere su giornali, riviste o libri. Come mai? Proviamo a capirlo.</p>
<h2>Cos'è H1?</h2>
<p>H1 è il titolo principale dell'articolo, il titolo del primo livello. Ogni pagina su Internet ha una propria struttura. Le intestazioni H1-H6 consentono solo di strutturare correttamente i materiali, sia per i motori di ricerca che per gli utenti. H1 - intestazione principale, H2-H6 secondari, sottotitoli nidificati. Nel codice, le intestazioni hanno questo aspetto: <h1>il titolo stesso</h1>, il numero indica solo il livello dell'intestazione.</p>
<p>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 in posizioni visibili nei risultati di ricerca, scrivi le intestazioni giuste, osservando 2 semplici condizioni:</p>
<h2>Condizione 1. Parole chiave nei titoli</h2>
<p>Per fare ciò, devi aver sviluppato un nucleo semantico di alta qualità: trattalo in modo molto responsabile e ricorda che non puoi inserire la stessa chiave su tutte le pagine del sito. La rilevanza è tutto: occorre soddisfare le aspettative dei clienti e dei motori di ricerca. Nelle intestazioni della pagina principale, puoi eseguire query a media e alta frequenza. E sulle pagine dei prodotti (scheda prodotto), le intestazioni con tasti a bassa frequenza sono abbastanza accettabili. La chiave deve portare a una posizione o unità specifica, essere precisa, non generalizzata.</p>
<p>Quando inserisci le parole chiave, fallo con attenzione: non abusare delle parole chiave o creare titoli di spam (ad esempio, <i>compra un appartamento a Mosca, compra una borsa per il frigorifero, compra una moto al prezzo di Krasnoyarsk, non capisco il tuo, ecc.</i>). Mantieni la bellezza della frase e la sua logica. Nella grande e potente lingua russa, le parole sono coniugate e declinate e i robot ora capiscono il significato, capiscono la lingua non peggio di te e me! E non preoccuparti: lo spam è ovvio per tutti e Baden-Baden è a un tiro di schioppo e non dimenticare Panda di Google.</p>
<p>Un esempio in cui il numero di chiavi va fuori scala, la forza bruta.</p>
<p>Dall'intestazione 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ì apertamente e in modo aggressivo.</p>
<p>Bene, spero che non venga mai in mente a nessuno di inserire nel titolo tutte le parole chiave destinate a una pagina. Non ne verrà fuori niente di buono. =)</p>
<p>Ricorda che il testo viene creato non 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 si trovano organicamente all'inizio della frase, funzionerà un po' meglio. Quelli. Dal punto di vista dell'ottimizzazione della pagina per la parola chiave "Hotel di Mosca", l'intestazione "Hotel di Mosca - siti ufficiali, recensioni, foto" funzionerà meglio di "Recensioni, foto e siti ufficiali degli hotel di Mosca".</p>
<h2>Condizione 2. Tag <h1>-<h6></h2>
<p>Quando si posizionano testi sul sito, non dimenticare di posizionare correttamente i tag. I tag per le intestazioni del testo sono definiti dal seguente codice HTML: <h1>-<h6>. Secondo le nostre osservazioni, due tag sono sufficienti - <h1>-<h2>. Ora le persone non leggono testi di grandi dimensioni e, anche in base alla logica delle cose, non è necessario annidare un tale numero di intestazioni. Un'eccezione possono essere le pagine con molti video, immagini, elementi interattivi, ecc. Ma questa è ancora l'eccezione, non la regola.</p>
<p>I motori di ricerca tengono conto anche della dimensione e dell'importanza dei tag. <h1>-<h2>. Durante la stesura, dovresti prestare attenzione al fatto che i titoli si distinguono visivamente dal testo generale.</p>
<p>I collegamenti nelle intestazioni non devono essere utilizzati, specialmente in <h1>: in questo modo porterai la persona lontano dalla pagina ad altro materiale o, se ti colleghi alla stessa pagina, creerai un collegamento circolare che non serve a nulla.</p>
<p>Può essere referenziato dalle intestazioni di livello <h2>e sotto, ma anche se giustificato e logico.</p>
<p>I web crawler attribuiscono molta importanza alle intestazioni poiché vengono utilizzati per indicare informazioni importanti. Così sarà più facile per le macchine leggere il testo e comprenderne la struttura, la logica; guarda cosa conta di più Non cercare di imbrogliare e applicare tag <h1>-<h6>per tutto il testo della pagina, perché non servirà a nulla. I robot non sono stupidi e generalmente molto vulnerabili: possono vendicarsi con qualcosa di spiacevole per il tuo sito. Pertanto, pensaci sette volte in anticipo, le conseguenze sono terribili. Quando si scrivono i titoli nel testo, attenersi alle seguenti regole:</p>
<ol><p>Mettiamo le cose in ordine. tag <h1>-<h6>disposti secondo il principio della gerarchia: tag <h1>più importante del tag <h2>. In realtà, si presenta così:</p>
<p><img src='https://i1.wp.com/1ps.ru/files/blog/2018/technical-side-of-headings-02-mini.png' width="100%" loading=lazy loading=lazy></p>
<p>I motori di ricerca sono perfezionisti: amano la sequenza corretta, in modo che 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 è consentito - ecco un esempio con una gerarchia spezzata:</p>
<p><img src='https://i2.wp.com/1ps.ru/files/blog/2018/technical-side-of-headings-03-mini.png' width="100%" loading=lazy loading=lazy></p>
<p>Inoltre, il tag <h1>svolge un ruolo importante nella formazione di collegamenti rapidi nei risultati di ricerca di Yandex.</p>
<p>Se tutto funziona, l'effetto di un lavoro così apparentemente insignificante e facile non tarderà ad arrivare.</p>
<p>E se hai difficoltà, contatta i nostri specialisti, siamo pronti a verificare se le intestazioni del tuo sito sono scritte correttamente, scrivile correttamente in caso di errori e rispondi a qualsiasi domanda. Compilazione di titoli per 1 pagina (+ selezione di 3 chiavi pertinenti) - da 450 rubli.</p></ol>
<p>Ciao a tutti! <br>Questo è un lavoro complesso che richiede attenzione ad ogni dettaglio. Anche un uso scorretto delle intestazioni (tag H1, H2, H3) nelle pagine del sito può interferire con la normale promozione nei motori di ricerca. Oggi parleremo proprio di questo.</p>
<p>Tutto ciò che è descritto nelle lezioni di cui sopra tornerà utile oggi.</p>
<h2>Regole di intestazione</h2>
<p>Nel mondo della SEO, ci sono alcune regole per l'utilizzo dei tag H1, H2, H3 e inferiori che sarebbe opportuno seguire in tutte le pagine:</p>
<ul><li>Ci dovrebbe essere una sola intestazione di primo livello (H1) nella pagina;</li>
<li>L'intestazione H1 non dovrebbe essere la stessa del titolo della pagina;</li>
<li>Le intestazioni H2, H3, H4 devono essere utilizzate solo all'interno dell'articolo;</li>
<li>Nelle intestazioni dovrebbero essere utilizzate solo frasi utili, cioè nei tag H1 ... H6 non dovrebbero esserci frasi prive di significato, come ad esempio: recensioni, iscriviti, commenti, ecc.;</li>
<li>Mantieni la gerarchia delle intestazioni. L'intestazione di secondo livello dovrebbe essere inferiore a H1, l'intestazione di terzo livello dovrebbe essere inferiore <b>primo</b> H2. In caso contrario, il robot di ricerca, che vede solo codice HTML, non percepirà correttamente la pagina, cosa che non vogliamo.</li>
</ul><p>Ho già scritto brevemente di queste regole in una lezione su. Assicurati di leggerlo, ci sono molte informazioni utili!</p>
<h2>Come fai a sapere se le intestazioni sono usate correttamente?</h2>
<p>Conoscete il browser Mozilla Firefox? Forse si. Quindi, questo browser, grazie a un plug-in con buone funzionalità, offre grandi opportunità per l'analisi delle pagine. Il nome di questo plugin è barra RDS. Puoi scaricarlo da questo link, ma devi farlo in Firefox, quindi se non hai installato questo browser, scaricalo e installalo più velocemente.</p>
<p>La barra RDS può essere installata su altri browser, ma è in Mozilla Firefox che la sua funzionalità è molto più ampia.</p>
<p>Prima di passare all'analisi delle pagine del sito, è necessario apportare piccole modifiche al plugin:</p>
<img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/nastrojki-rds.png' height="131" width="255" loading=lazy loading=lazy><p>Ora possiamo facilmente vedere quanti tag H1, H2, H3 ci sono sulla pagina, vedremo intestazioni extra e sapremo cosa deve essere modificato. Puoi vedere tutto questo splendore cliccando sul pulsante Tag SEO nella barra RDS, che è stato appena attivato: <img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/seo-tegi.png' height="181" width="244" loading=lazy loading=lazy></p>
<p>Non appena cliccherai su questo pulsante, apparirà un piccolo messaggio davanti ai tuoi occhi: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/meta-tegi-i-zagolovki.png' width="100%" loading=lazy loading=lazy></p>
<p>Questo post presenta , intestazione H1 e altri. Come puoi vedere, sulle pagine del mio blog, va tutto bene con questo, da quando ho sistemato questo stipite una settimana fa, ma sul sito del cliente è tutto molto peggio.</p>
<p>Elencherò gli errori:</p>
<ol><li>Duplicazione tra intestazioni H2 e H5;</li>
<li>Nessuna intestazione di terzo livello;</li>
<li>H4 contiene spazzatura.</li>
</ol><p>C'è molto lavoro da fare, quindi dimostrerò la correzione degli errori usando un esempio. Proverò a cambiare i tag H5 in tag H3 in modo che la gerarchia delle intestazioni sia rispettata.</p>
<h2>Come correggere gli errori?</h2>
<p>Per fare ciò, ho bisogno dei file del sito (), di Notepad ++ e di Mozilla Firefox.</p>
<ol><li>Per sapere esattamente dove si trovano il tag problematico e la sua classe di stile, è necessario utilizzare lo strumento Ispeziona elemento integrato nel browser: <img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/issledovat-element.png' height="246" width="342" loading=lazy loading=lazy>Passa il mouse su un elemento specifico, fai clic con il pulsante destro del mouse su di esso e seleziona Ispeziona elemento. Apparirà un'area nella parte inferiore della finestra in cui puoi vedere sia la classe di stile dell'elemento HTML che i suoi stili CSS: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/kod-issledovat-element.png' align="center" width="100%" loading=lazy loading=lazy></li>
<li>Guarda la classe di stile dell'elemento che ti serve e copiala per trovarla più avanti nel codice della pagina. Nel mio caso, la classe del titolo H2 è page-box__title: voglio cambiare il livello del titolo H5 in H3 perché H5 elenca le parole chiave rilevanti.</li>
<li>Successivamente, devi trovare un elemento con questa classe nella cartella del sito, per questo utilizzeremo le funzioni integrate, ovvero la ricerca di file. Apri Notepad++, nel menu in alto, trova la voce "Cerca" e seleziona "Trova nei file" nel menu a tendina: <img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/najti-v-fajlah.png' height="248" width="367" loading=lazy loading=lazy></li>
<li>Nel campo "Trova", inserisco la classe dello stile del titolo di quinto livello (page-box__title), e nel campo "Cartella", specifico il percorso della cartella con il sito: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/poisk-v-failah.png' width="100%" loading=lazy loading=lazy>Dopo aver fatto clic sul pulsante "Trova tutto", inizierà il processo di ricerca dei file: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/process-poiska.png' width="100%" loading=lazy loading=lazy></li>
<li>Nella parte inferiore della finestra di lavoro di Notepad++ verranno presentati i risultati della ricerca, tra i quali è presente lo stesso titolo di quinto livello (H5) con la classe “page-box__title”: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovok-v-poiske.png' width="100%" loading=lazy loading=lazy>Per andare direttamente al file che contiene l'intestazione data, basta fare doppio clic sul risultato della ricerca;</li>
<li>Quindi cambio solo i tag <h5></h5>sui tag <h3></h3>: Assicurati di salvare il file;</li>
<li>Guardiamo il risultato sul sito: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovki-na-saite.png' width="100%" loading=lazy loading=lazy>Non sembra molto buono.</li>
<li>Per rendere le intestazioni normali, è necessario apportare modifiche al file di stile (style.css). Poiché le intestazioni fornite nell'esempio sono racchiuse nel tag <a>, molto probabilmente la regola in style.css sarà simile a questa: .page-box__title > a (selettore figlio). La ricerca in Notepad ++ ha trovato questo: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/style-zagolovka.png' width="100%" loading=lazy loading=lazy>Devi aggiungere la proprietà font-size (dimensione carattere) alla regola di stile con il valore che ti serve. Nel mio caso, la dimensione del carattere ottimale sarebbe 14 px: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/razmer-shrifta.png' width="100%" loading=lazy loading=lazy></li>
<li>Vediamo il risultato: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/rezultat-izmenenj.png' width="100%" loading=lazy loading=lazy>Come puoi vedere, le intestazioni hanno iniziato a essere visualizzate normalmente.</li>
</ol><p>Allo stesso modo lavoriamo con altre intestazioni. Una volta terminato, non dimenticare di inviare nuovamente le modifiche al server. Puoi farlo tramite FileZilla, di cui ho parlato</p>
<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">Articoli correlati in alto</h3>
<div class="container-fluid">
<div class="best-theme-posts row">
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/it/chto-takoe-formatirovanie-teksta-formatirovanie-simvolov-i-abzacev-v-ms-word-chto.html">
<div class="img_container"><img src="/uploads/0f7078ef1ffdeb53e940166728743cbc.jpg" border="0" alt="Formattazione di caratteri e paragrafi in MS Word Cos'è la formattazione dei paragrafi" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Formattazione di caratteri e paragrafi in MS Word Cos'è la formattazione dei paragrafi</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/it/failovaya-sistema-vypolnyaet-funkciyu-failovaya-sistema-obzor-rasprostranennyh.html">
<div class="img_container"><img src="/uploads/b668bfdaadf32615c55cdd180bfdaf15.jpg" border="0" alt="Il file system esegue una funzione" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Il file system esegue una funzione</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/it/analiz-elt-monitorov-istoriya-sozdaniya-elt---monitorov-elt-so-shchelevoi-maskoi-slot.html">
<div class="img_container"><img src="/uploads/44579ce5e3e20810027cd287085b5580.jpg" border="0" alt="La storia della creazione dei monitor CRT - CRT con maschera a fessura (Slot Mask)" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">La storia della creazione dei monitor CRT - CRT con maschera a fessura (Slot Mask)</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="" class="vk social-ico"></a>
<a href="https://facebook.com/" class="fb social-ico"></a>
<a href="https://twitter.com/" 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">© 2022 bumotors.ru. Come configurare smartphone e PC. Portale informativo.</span>
</div>
</div>
</div>
</div>
</body>
</html>