Sui miei migliori progetti di informazione Innanzitutto, uno specialista dell'argomento elabora la struttura dell'articolo (titoli e sottotitoli), quindi i copywriter scrivono il testo sulla base di essi.
La struttura è in realtà molto importante se ti interessa la qualità. E per creare una struttura normale, devi capire come funzionano i tag h.
h1 è il sottotitolo principale di un articolo, solitamente posizionato sopra il testo.
La prima intestazione dovrebbe essere visivamente più grande delle altre intestazioni della pagina.
h2-h6 sono piccoli sottotitoli posizionati secondo il principio dell'annidamento.
A cosa servono le intestazioni?
Per coloro che non hanno molta familiarità con l'argomento, ecco, in linea di principio, un buon video sulle basi della composizione dei sottotitoli h1-h6. Se non ti consideri un esperto, dai un'occhiata:
E per consolidare il materiale, un video un po' più debole:
I titoli sono progettati per evidenziare in una frase o anche in una parola l'essenza principale, l'idea del testo successivo. Di solito una persona rivolge prima la sua attenzione a loro, decidendo se leggere il resto del materiale. I titoli sono particolarmente importanti nei testi e nelle lettere pubblicitarie e servono come strumento principale per attirare l'attenzione del pubblico target.
Nel codice il tag appare così:
, dove la lettera h deriva dalla parola “header”, che significa “intestazione”. Ogni livello è indicato da un numero corrispondente.
I tag H visti dagli occhi delle persone
Il testo diviso in sottotitoli appare più ordinato e più facile da leggere. Utente moderno Ha imparato da tempo a scansionare articoli in pochi secondi e a trarre rapidamente conclusioni sul fatto che valga la pena leggere l'intero testo e se contenga le informazioni utili che sta cercando. I titoli catturano l'attenzione, evidenziando l'elemento principale e dando all'utente l'opportunità di analizzare il materiale.
I tag h1, h2, h3, h4, h5, h6 consentono di creare una sorta di mappa per il lettore, utilizzando la quale può navigare rapidamente nel testo. E se questi punti salienti riescono ad attirare l’attenzione, allora la persona si soffermerà sulla pagina e probabilmente leggerà l’intero articolo. Puoi controllare il risultato tramite fattori comportamentali. Se le persone rimangono sulla pagina e intraprendono alcune azioni, significa che il lavoro SEO non è stato svolto invano.
Gli H-tag visti dai motori di ricerca
I robot di ricerca raccolgono informazioni da loro per l'analisi semantica. I livelli di intestazione h1, h2, h3 sono di particolare importanza per i bot. Loro incoerente o no corretta applicazione potrebbero influenzare negativamente il ranking della pagina. Se non sono presenti h-tag nel codice HTML, il sito avrà difficoltà a promuoverlo. I livelli h4, h5, h6 sono meno significativi.
Gerarchia dei tag H
La regola principale nell'organizzazione delle intestazioni è la loro gerarchia. Non è necessario che i tag si susseguono in termini di dimensioni, ma non è accettabile utilizzare, ad esempio, h3 nel testo se non si dispone del meta h2 da nessuna parte, o utilizzare h6 senza h5.
Ecco come appare la gerarchia con la nidificazione corretta:
Cos'è un tag h1?
Il tag h1 è l'indice del testo (come il titolo di un libro o il titolo di un articolo di giornale).
Ogni pagina dovrebbe avere uno e un solo tag h1.
In termini di attrattiva per l'utente, è di primaria importanza. Ma per la promozione SEO, .
Anche il titolo è un titolo, ma è scritto non solo per le persone, ma anche per i robot. Non viene visualizzato sulla pagina stessa, ma solo nella scheda del browser e nello snippet as collegamento attivo al sito web. In effetti, il titolo è un titolo alternativo, ma principale, per un documento HTML. Se manca, il motore di ricerca prende h1 come base e lo utilizza nella falce.
Perchè h1 dovrebbe essere diverso dal Titolo?
È abbastanza importante capire che h1 e Titolo lo sono intestazioni diverse. E di conseguenza, devono essere abilmente combinati. Ecco le nozioni di base su questo argomento:
Trascurare le regole relative all'unicità e alla pertinenza dei titoli può far sì che il sito rientri nel filtro. Recentemente, i motori di ricerca hanno iniziato a concentrarsi su Attenzione speciale qualità dei contenuti e le sue impostazioni SEO. Duplicati, overspam, posizionamento caotico dei titoli e la loro incoerenza con il contenuto sono punibili.
Requisiti di lunghezza H1
Si consiglia di rendere H1 più conciso del Titolo, non superando il numero di caratteri superiore a 50. Ma non sarà un disastro se il titolo risulta essere più lungo, quando non è possibile comprimere tutta l'essenza nello spazio indicato numero.
Plugin speciali per WordPress ti consentono di analizzare corretto riempimento tutti i meta direttamente nell'editor.
Regole per scrivere correttamente h1
- Deve essere unico per l'intero sito e assolutamente leggibile;
- Non si ripete etichetta del titolo, ma non lo contraddice;
- Non dovresti renderlo troppo lungo (puoi rendere il titolo più voluminoso);
- Utilizzato solo una volta per pagina;
- Pertinente al testo e riflette l'essenza semantica del materiale;
- Interessante e attraente per l'utente;
- Non è possibile inserire un punto alla fine e si consiglia di utilizzare al minimo i segni di punteggiatura.
Applicazione delle chiavi
Principale parole chiave, innanzitutto, deve contenere il titolo. Ma dovrebbero essere scritti anche in h1. In entrambi i casi è meglio farlo all'inizio. Ma sarebbe meglio parole chiave non si sono duplicati a vicenda in questi due tag. È necessario utilizzare forme di parole diverse o occorrenze diluite in h1 e occorrenze dirette nel titolo.
Alcuni prendono tutte le chiavi della pagina e le usano per creare una struttura di articolo. Tieni subito presente che senza PF interessanti, una tale dispersione di chiavi nei sottotitoli sarà punita dal filtro per l'overspam.
Tecniche psicologiche per scrivere un titolo attraente
Il titolo dovrebbe essere accattivante. Ecco un video di Maxim Ilyakhov, specialista nel campo dei media, rettore della Scuola degli editori e creatore del servizio Glavred:
Ecco un altro paio di “trucchi” che vengono utilizzati quando si scrivono i titoli.
Soluzione
Ricorda che una persona è sempre alla ricerca non di informazioni o beni, ma, prima di tutto, di una soluzione ai suoi problemi, desideri, bisogni. Affrontare esattamente il problema previsto dal pubblico di destinazione
Un esempio di buon titolo: “Ti cadono i capelli? Arresta la caduta dei capelli in una settimana."
Un esempio di un brutto titolo: “È possibile fermare la caduta dei capelli?”
Nel primo caso identifichiamo chiaramente il problema e proponiamo soluzione specifica. Nel secondo caso, il problema viene influenzato indirettamente e le opzioni per risolverlo sono sfumate.
Intrigo
Un esempio di buon titolo: “Rivelare il segreto della ricetta più efficace contro la caduta dei capelli”.
Un esempio di titolo sbagliato: " La migliore ricetta per la caduta dei capelli."
Ricevimento "esame"
Una frase scritta in questa forma sfida il lettore, invitandolo a mettersi alla prova.
Un esempio di buon titolo: “Sei sicuro di combattere correttamente la caduta dei capelli?”
Un esempio di un brutto titolo: “Sai tutto sulla caduta dei capelli”.
Naturalmente, questi non sono tutti i metodi che aiutano a influenzare la percezione di una persona e ad attirare il suo interesse. Leggi libri sul marketing per saperne di più se sei interessato a questo argomento. A proposito, il titolo può anche essere “allettante”. Inoltre, molto probabilmente è lui ad essere evidenziato nei risultati della ricerca. È possibile controllarne la visualizzazione dopo che la pagina è stata indicizzata.
Perché sono necessari i sottotitoli h2-h6?
I tag da h2 a h6 si trovano nel corpo dell'articolo stesso, suddividendolo strutturalmente in paragrafi tematici, e nel codice del documento HTML, evidenziandolo elementi significativi. Vengono anche identificati robot di ricerca per l'analisi semantica della pagina.
È necessario designare gerarchicamente tutto ciò che è importante e vale la pena dare un'occhiata utente sulla pagina. Questa struttura aiuta una persona a navigare rapidamente tra le informazioni e a valutarne la conformità con le proprie esigenze.
h2 – focalizza l'attenzione degli utenti e motori di ricerca sul contenuto principale dell'articolo. Mostra le cose più significative del testo.
h3 è una sottovoce per le informazioni che vanno sotto H2, rivelandole ancora più in profondità.
h4, h5, h6 – sono definiti come sottotitoli nidificati (rivelano nel dettaglio l'essenza di H2 o H3) e vengono utilizzati nel testo per evidenziare piccoli punti e parole significative, così come nel menu, nella barra laterale e in altri componenti del documento web.
Tutti gli h-tag devono avere una lunghezza massima di 50 caratteri.
Come scrivere correttamente i sottotitoli h2-h6
- È impossibile che la sottovoce più piccola sia presente senza una più grande. Cioè, se il testo contiene un meta tag h4, allora deve essere preceduto da h2 e h3.
- Più alto è il livello dell'intestazione, più grande dovrebbe essere il carattere. In WordPress, le impostazioni predefinite sono generalmente impostate in modo tale che i tag vengano automaticamente formattati correttamente.
- Tutti gli h-tag devono corrispondere al contenuto del contenuto e riflettere l'essenza delle informazioni.
- Non è accettabile utilizzare h1-h6 come ancore o collegamenti attivi.
- Non puoi scrivere altri tag all'interno del tag h.
- Negli h-tag sono consentiti solo testo e punteggiatura.
- I sottotitoli non devono contenere parole chiave spam. È meglio utilizzare parole chiave nel titolo, h1, h2, e quelle più piccole, come h3, h5, h6, concentrarsi su una discussione dettagliata dell'argomento.
Se il layout della pagina contiene il titolo e l'intestazione principale H1, ma il testo dell'articolo stesso non è troppo grande e non contiene sottotitoli, non si tratta di un errore. Ci sono non poche pagine nella TOP in cui il contenuto è quasi una striscia continua, magari divisa in paragrafi. Puoi ottenere una posizione di leadership senza "stregoneria" sul markup del testo, ponendo maggiore enfasi. I siti WordPress sono facilmente indicizzabili dai motori di ricerca. Tuttavia, l'uso di questi tag non solo semplifica il compito, ma rende anche il contenuto più semplice e piacevole per la percezione visiva.
Come compilare gli h-tag in WordPress
h1 è solitamente compilato nel campo sopra il testo nel post:
Per creare sottotitoli h2-h6, è necessario evidenziare elemento necessario e, passando il cursore sulla scheda “intestazione”, seleziona quella che ti serve facendo clic su di essa. Fai lo stesso per ciascuno dei sottotitoli, includendoli nel formato desiderato.
C'è un modo ancora più semplice: puoi digitare il testo in Word usando marcature necessarie e semplicemente copia e incolla l'articolo nell'editor di WordPress. In primo piano in Intestazioni di parole apparirà automaticamente in le giuste dimensioni. Se necessario, puoi correggerli utilizzando gli strumenti di editor del CMS WordPress.
Continua a trasmettere al mondo le complessità della SEO e altro ancora. E oggi all'ordine del giorno c'è un argomento molto rilevante: le intestazioni dei siti web.
Questioni come la corretta struttura dei titoli o il principio dell'utilizzo dei tag h1, h2 e h3 nelle intestazioni html provocano accesi dibattiti sia nella comunità SEO che tra i normali webmaster.
Cogliendo l'occasione, vorrei esprimere la mia gratitudine ai lettori di SEO Mayak per la loro partecipazione attiva alla vita del blog. Non passa giorno che non riceva email con domande o richieste.
Le vostre lettere, cari lettori, spesso formulano argomenti per i miei post futuri, sollevandomi così quasi completamente dalla necessità di pianificarli.
All'inizio della mia carriera come webmaster, mi chiedevo anche come utilizzare correttamente i tag HTML nelle intestazioni di un sito web. Leggendo diversi articoli sull’argomento ho cercato invano di capire quale sia la corretta struttura delle intestazioni in ottica SEO.
Ma tutti i consigli degli “esperti” si basavano su congetture e nessuno ha dato una chiara giustificazione alle loro teorie. Ho passato molto tempo a "spalare" un mucchio di materiale tematico e di conseguenza avevo ancora più domande.
L'argomento non è ancora chiuso! Molti webmaster alle prime armi si perdono semplicemente in un mare di informazioni e generalmente smettono di capire qualsiasi cosa. La situazione è molto simile alla confusione che circonda l’uso dei tag nofollow e noidex.
Con questo articolo cercherò di fare un po' di chiarezza su un argomento che preoccupa molti e allo stesso tempo di rispondere alle domande dei miei lettori. Andare!
Tutta la verità sull'influenza dei tag HTML h1 - h6 sulla promozione del sito web
La maggior parte degli ottimizzatori SEO consiglia di inserire il titolo dell’articolo direttamente nel tag h1 e di rendere il titolo del blog un collegamento regolare.
Titolo dell'articolo
Titoli nel corpo dell'articolo
Sottotitoli nel corpo dell'articolo
Titoli nella barra laterale
h5 e h6 non sono necessari da utilizzareQuesta struttura dell'intestazione viene utilizzata su quasi un blog su due. Non posso dire che questo sia sbagliato, voglio dire qualcos’altro.
Un paio di anni fa, non avendo ancora trovato risposte chiare alle mie domande, I struttura corretta applicazione di h1 - h6, ho deciso di lasciare tutto com'era originariamente disposto nel template. Ed era organizzato così:
Titolo del sito nell'intestazione
Titolo dell'articolo
Titoli che ho inserito nel corpo dell'articolo
Titoli di servizio sotto l'articolo e nella barra laterale
Non utilizzato affatto
Utilizzato per alcune eleganti intestazioni della barra laterale
Nel corso del tempo, la maggior parte delle pagine del mio sito culinario è arrivata al TOP e per query con una frequenza di 10.000 - 100.000 query al mese. Tieni presente che i titoli principali dei miei articoli erano racchiusi nel tag h2.
In relazione a quanto sopra, sorgono un paio di domande ragionevoli per gli “esperti”. Ragazzi, come succede e dov'è la decantata influenza del tag h1? Se seguiamo la logica del tuo consiglio, i miei articoli, con titoli h2 “sottosviluppati”, dovrebbero essere da qualche parte sullo sfondo risultati di ricerca?
In una nota! Il titolo di un articolo racchiuso in un tag HTML h1, dal punto di vista SEO, non è diverso dal titolo racchiuso in un tag h2
Molti webmaster, dopo aver letto tali istruzioni, trascorrono il loro tempo a modificare la struttura dei titoli nella speranza che ciò aiuti le loro pagine “preferite” a entrare nella TOP.
Dovremo sconvolgerli. Affinché gli articoli siano degni del TOP, il tag h1, per usare un eufemismo, non sarà sufficiente!
Per essere nella TOP, le pagine devono avere un buon indicatore comportamentale. Inoltre, gli articoli devono essere composti correttamente, le chiavi devono essere selezionate correttamente, devono avere un'elevata rilevanza per le query di ricerca e molto altro ancora.
E, soprattutto, dovrebbero essere interessanti e utili per gli utenti, e quindi l'amato TOP diventerà molto più vicino. Queste sono le cose e i titoli, siano essi h1 o h2, non hanno alcun impatto significativo sul posizionamento delle pagine nei risultati di ricerca.
Prevedo che molti sceglieranno di non essere d’accordo con me. Beh, sono affari del proprietario. Ma affinché le mie argomentazioni non sembrino infondate, pubblicherò la mia corrispondenza con il servizio di supporto Yandex, che conduco costantemente, su vari argomenti.
Come Yandex esamina le intestazioni dei siti
Spero che i ragazzi del team di Plato non si offendano per aver reso pubblici alcuni dettagli della nostra comunicazione con loro. Ma per come la vedo io, sono solo le mie parole in questo caso, non sarà sufficiente.
La mia lettera a Platone:
Ciao caro team di supporto Yandex!
Ho diverse domande da farti a riguardo utilizzando l'HTML tag nelle intestazioni.
C'è molta pubblicità su Internet, su vari forum e altrove, riguardo all'uso dei tag h1 e h2 nei titoli. Molti consigliano di racchiudere in h1 i titoli principali dei post, altri, al contrario, sostengono che h1 debba evidenziare il titolo generale del sito.
Dal mio punto di vista, quando tecnologie moderne, i tag del titolo HTML non dovrebbero avere alcun impatto significativo sul ranking di ricerca di una particolare pagina o sito in generale.
In relazione a quanto sopra volevo chiedere:
1. È importante il tag in cui si trova un'intestazione?
2. È possibile utilizzare un'immagine come titolo e come la “guarderà” un robot di ricerca?
3. Gli algoritmi del robot tengono conto della gerarchia dei tag h1, h2, ecc.?
Ti sarò molto grato per la tua risposta.
Cordiali saluti, Vitaly Kirillov
Al che ho subito ricevuto la seguente risposta:
Ciao Vitaly!
1. No, ciò non influisce sulla classifica.
2. Sì, puoi. Molto probabilmente, il robot indicizzerà tale immagine se è scritta nel titolo in conformità con queste regole http://help.yandex.ru/images/robot-search.xml.
3. La corretta progettazione dei titoli nel testo aiuta l'utente a navigare rapidamente nella pagina, il che significa che gli fa risparmiare tempo. Inoltre, sarà più facile per il robot Yandex comprendere la struttura del documento. Pertanto, dovresti evidenziare le intestazioni con questi tag in conformità con la gerarchia del documento.
Cordiali saluti, Platon Shchukin
Servizio di supporto Yandex
Spero di aver convinto molti!
Riassumiamo tutto quanto sopra e traiamo alcune conclusioni:
Conclusione n. 1. Le intestazioni dei siti dovrebbero avere una gerarchia chiara. Cioè, a partire dal titolo del sito (h1) e così via lungo la catena.
Conclusione n. 2. Il tag HTML h1 non influisce sulle classifiche. Al robot non interessa in quale tag si trova il titolo dell'articolo. Sarebbe insensato supporre il contrario, date le potenti tecnologie analitiche di oggi.
Conclusione n. 3. Il titolo può anche essere un'immagine adeguatamente ottimizzata. Puoi tranquillamente utilizzare qualsiasi immagine, ad esempio con un logo, come titolo del sito.
Allo stesso tempo, nessuno ha annullato la corretta composizione delle intestazioni dal punto di vista SEO, ma ne parleremo un'altra volta.
Aggiornamento del 02/06/2014
Dopo il dibattito nei commenti, ho deciso di condurre un esperimento. Oggi ho pubblicato un articolo intitolato “Dynamic Sitemap Using the All in One SEO Pack Plugin”, in cui il titolo del post principale era racchiuso in un tag h6.
Lo scopo dell'esperimento è scoprire l'influenza dei tag HTML h1 - h6 sul posizionamento delle pagine nei risultati di ricerca e quindi chiudere questo argomento.
—————————————————————————————————————————————————-
Aggiornamento del 30 giugno 2014
L'esperimento è già stato completato e per verificarne i risultati, inserire nella ricerca Yandex o Google la frase "Mappa dinamica del sito", in base alla quale è stato personalizzato l'articolo sperimentale.
Ci vediamo!
Cordiali saluti, Vitaly Kirillov
Igor. Aggiornamento: 6 ottobre 2012.
Ciao, cari lettori! Continuo a pubblicare nella sezione e il post di oggi sarà dedicato alla formazione delle intestazioni html (tag h1-h6), nonché ai metodi di formattazione testo html isolando parole necessarie oppure frasi (tag strong, b; em, i) e frammenti di testo (blockquote, pre tag).
Va detto che questi strumenti sono molto spesso richiesti nel lavoro di un webmaster, quindi ho ritenuto necessario parlarne, soprattutto perché l'uso corretto dei tag html di cui sopra contribuisce alla promozione di successo del progetto. In generale, tutte le informazioni che offro sono molto importanti, il loro volume è pensato, quindi cerca di familiarizzare con esse il più da vicino possibile, cerco di non dare nulla di superfluo.
Questo vale sia per questa sezione che per nozioni di base sull'HTML, così come altre sezioni. Nell'ambito di questa sezione, abbiamo già esaminato il concetto, nonché la definizione. Lascia che te lo ricordi molto regola importante: bloccare i tag potrebbe contenerne altri elementi di blocco, tuttavia, è fortemente sconsigliato inserire tag di blocco all'interno di tag inline.
Tag di intestazione h1-h6
Sono sicuro che molti di voi si sono già imbattuti nei tag di intestazione h1-h6, ma forse alcuni sottovalutano la loro importanza in termini di Vista SEO. Il fatto è che questi tag giocano un ruolo importante in materia e cercherò di toccare anche questo aspetto. Gli elementi h1-h6 da cui prendono il nome lettera maiuscola parola inglese"Intestazione" La sintassi delle intestazioni nel codice html è la seguente:
Contenuto dell'intestazione H1
Contenuto dell'intestazione H2
Contenuto dell'intestazione H3
contenuto dell'intestazione h4
contenuto dell'intestazione h5
contenuto dell'intestazione h6
Scrivendo questo pezzo di codice html quando viene visualizzato nel browser, otteniamo:
Maggior parte livello superiore 1, il più basso - 6. Pertanto, qualsiasi testo può essere classificato in base alla sua importanza. I tag h1-h6 sono tag a blocchi, quindi l'intestazione che definiscono occupa tutto lo spazio di larghezza possibile. Tuttavia, anche se questi elementi sono elementi di blocco, non dovrebbero contenere altri tag di blocco, ma solo tag in linea. Quando si tratta di ottimizzare gli articoli e l'intera risorsa nel suo insieme, ci sono diversi consigli:
- sono i più importanti dal punto di vista del posizionamento sui motori di ricerca, quindi sono i più richiesti e utilizzati. Si consiglia di utilizzare il tag h1 title una volta nella pagina (di solito si trova nella pagina con l'articolo come titolo del post, sul mio blog finora è un po' sbagliato, ma sistemerò la situazione ). L'intestazione h2 viene utilizzata per i sottotitoli, se il materiale è grande e deve essere diviso in parti logiche, h3 - per i sottotitoli di frammenti logici di queste parti; inoltre, h2 e h3 possono essere utilizzati nella pagina principale e nelle pagine delle categorie.
- I tag h4, h5, h6 vengono utilizzati raramente, poiché vengono scarsamente presi in considerazione durante la classifica. Tuttavia, se l'articolo è ampio ed è necessario evidenziare alcuni frammenti per comodità dei lettori, allora vengono in soccorso anche loro (ad esempio, in un manuale voluminoso, in ciascuna delle parti definite dall'elemento h3, è necessario evidenziare i pezzi logici con il sottotitolo h4). Inoltre, i tag h4, h5, h6 possono essere utilizzati per i nomi di qualsiasi blocco nella barra laterale, footer (footer), ecc.
- Si consiglia di utilizzare tassativamente le voci h1, h2, h3. Naturalmente non ho analizzato la gravità dei motori di ricerca quando questa regola non viene rispettata, ma è logico supporre che ciò venga preso in considerazione nel posizionamento.
- Va aggiunto che il contenuto delle intestazioni, soprattutto h1-h3, deve necessariamente includere parole chiave definite da , poiché i motori di ricerca attribuiscono grande importanza alle parole chiave e alle frasi.
Bene, ovviamente, l'uso dei tag intestazioni HTML, e questa è la cosa principale, rende il materiale più facile da comprendere per gli utenti. Per quanto riguarda l'attributo allineare i tag h1-h6, quindi non ne parlerò ora, poiché non è consigliato l'uso secondo le regole della specifica html. Parleremo di come diversificare l'aspetto dei sottotitoli utilizzando metodi accettabili che non infrangono le regole quando iniziamo a studiare.
Formattazione del testo utilizzando speciali tag HTML
Formattazione del testo- questa è la scelta dei mezzi per cambiarlo, come modificare il carattere o utilizzare vari effetti. In molti casi il loro corretto utilizzo contribuisce alla promozione del sito.
Formattazione logica e fisica: caratteristiche dell'utilizzo di ciascuna di esse
Vorrei notare la differenza tra tag di formattazione logici e fisici (visivi). Il formato fisico è destinato principalmente agli utenti, il che consente loro di evidenziare per loro sezioni importanti del testo. Logico, invece, pone l'accento sul testo selezionato per i motori di ricerca, che tengono conto di quest'area nel posizionamento.
L'esempio più eclatante è strong ed em, che sono tag formattazione logica e di conseguenza b e i - formattazione fisica. Quando si visualizza il testo incorniciato dai tag strong e b (grassetto), em e i (corsivo) nel browser, non vi è alcuna differenza visiva:
Testo in grassetto per i motori di ricerca Testo in grassetto per gli utenti Testo in corsivo per i motori di ricerca Testo in corsivo per gli utenti
Si dice che il significato dei tag strong ed em sia Ultimamente caduto seriamente e motori di ricerca ora viene prestata loro poca attenzione. Tuttavia, non consiglierei comunque di lasciarsi trasportare dal loro utilizzo, contrassegnando con essi le parole chiave, soprattutto perché esiste un'alternativa ragionevole sotto forma degli elementi em e i.
Quali altri tag esistono che ti consentono di formattare il contenuto testuale?
Ora qualche parola in più sugli altri tag di formattazione del testo, che vengono utilizzati molto raramente, ma sono comunque necessari poiché esistono. Forse qualcuno troverà utili queste informazioni. Come al solito, prenderò nota solo dei tag che rispettano le specifiche html 5. Cominciamo con i tag di formattazione fisica (visiva) (i tag b e i sono discussi sopra).
- Piccolo: serve a ridurre di uno la dimensione del carattere rispetto al testo normale.
Naturalmente questi sono solo alcuni degli elementi fisici di formattazione, ma ho scelto solo quelli validi in relazione a html 5, per il resto si consiglia di sostituire con stili css, che vi presenterò presto. Di seguito sono riportati esempi di tag di formattazione logica.
- Abbr - indica che la sequenza di caratteri data è un'abbreviazione. L'abbreviazione viene decrittografata utilizzando l'attributo titolo e appare quando sposti il cursore sul testo.
A volte un passo avanti richiede un passo indietro.
(funzione() ( var request, b = document.body, c = "className", cs = "customize-support", rcs =new RegExp("(^|\\s+)(no-)?"+cs+" (\\s+|$)"); richiesta = true; b = b.replace(rcs, ""); b += (window.postMessage && richiesta ? " " : " no-") + cs; )() );
I tag di formattazione logica e fisica presentati sopra spesso non si incontrano durante la scrittura del codice html, ma la loro conoscenza è necessaria almeno per chiarire il loro ruolo nella moderna promozione dei siti web. Successivamente, esamineremo altri due tag di formattazione del testo html che svolgono un ruolo importante.
Come inserire una citazione utilizzando blockquote ed evidenziare un frammento di testo utilizzando pre
Il tag Html blockquote viene utilizzato per formattare il testo, evidenziando le virgolette all'interno di un documento. È abbastanza comune e viene spesso utilizzato quando si scrivono post su siti Web e blog su determinati argomenti. Ecco un esempio:
Il tag blockquote è un tag accoppiato e può includere sia elementi block (ad esempio tag paragrafo p) che elementi in linea.
Un paragrafo di testo racchiuso in un tag p
Un paragrafo di testo racchiuso all'interno di un tag di formattazione virgolette.
Non ha una serie di attributi univoci, ma . In ogni tema, il design della citazione nel testo può essere diverso, dipende dallo stile e dal design del modello, che è determinato dagli stili CSS, di cui ho già parlato più volte e di cui parleremo sicuramente più avanti il futuro prossimo.
Bene, e infine, riguardo a un altro elemento di formattazione che è spesso richiesto: etichetta pre. Questo elemento permette di visualizzare una porzione di testo preformattata direttamente nel codice HTML. La funzionalità di visualizzazione predefinita nel browser prevede che qualsiasi numero di spazi visualizzati in sequenza venga visualizzato come uno solo nella pagina Web. Il pre tag aiuta ad aggirare questa caratteristica specifica. Cioè, cosa e come hai scritto verrà riprodotto accuratamente sulla pagina se una sezione di testo è racchiusa tra i pre tag di apertura e chiusura.
Formattazione del testo HTML utilizzando il pre tag pre tag: elementi accoppiati e bloccati
Il testo apparirà esattamente nella stessa forma nel browser:
Formattazione del testo HTML utilizzando il pre tag pre tag: elementi accoppiati e bloccati
Bene, probabilmente è tutto ciò di cui volevo parlare oggi in relazione ai tag di intestazione h1-h6, nonché agli elementi principali della formattazione del testo html. Ci sarà sicuramente una continuazione, quindi assicurati di iscriverti agli aggiornamenti del blog per non perdere i materiali più recenti. Bene, in conclusione, dopo un articolo lungo e difficile, sorridi guardando i nostri fratelli minori:
Ti piacerebbe ricevere articoli nuovi, pertinenti e utili in modo tempestivo? Quindi puoi iscriverti:
Altri articoli su questo argomento:
34 recensioni
- Sergey
Grazie per l'articolo dettagliato su argomento attuale, ma sorgono subito delle domande.
Innanzitutto i titoli, o meglio, il loro utilizzo diretto. Mi sono imbattuto in due opinioni.
1. Il codice deve contenere il nome del sito, - il titolo dell'articolo, - i sottotitoli. Il tag dovrebbe essere l'unico sulla pagina.
2. - titolo dell'articolo e nome del sito, - sottotitoli.Tu usi la prima opzione, io la seconda, ma da solo non posso giustificare la scelta, visto che così mi hanno consigliato.
Un'altra domanda riguarda il tag forte: ancora una volta, ci sono voci secondo cui i PS stanno cominciando a trattarlo non solo con indifferenza, ma con ostilità, più precisamente, per quanto riguarda l'evidenziazione di una parola o frase chiave. Un'alternativa è evidenziare la frase contenente la chiave nella sua interezza.
Ad un certo punto ho abbandonato completamente questo tag, ma è troppo presto per parlare dei risultati.
- Sergey
Mi dispiace, ho dimenticato che il motore esclude i tag:
1. Il codice h1 dovrebbe contenere il nome del sito, h2 - il titolo dell'articolo, h3 - i sottotitoli. Il tag dovrebbe essere l'unico sulla pagina.
2. - h1 è il titolo dell'articolo e il nome del sito, h2 sono i sottotitoli. - Basilico
Igor, non riesco proprio a capire dove sia il tag H1. Tu ed io abbiamo un'immagine nell'intestazione. Hai questo tag lì. Analizzando il mio sito web con un servizio, alla fine mi è stato detto che non ho affatto un tag H1 sul mio sito web. Come inserirlo anche nell'intestazione del sito?
- Igor
Sergey, gran parte di ciò che riguarda la SEO si apprende in pratica attraverso gli esperimenti. Non posso rispondere in modo definitivo questo momento Ciò che è meglio, nessuno può farlo. NO soluzione universale, tutto dipende dall'argomento della risorsa e dalla sua promozione. Ma capisco la tua preoccupazione e il tuo desiderio di comprendere la verità. Appena avrò dati certi su ogni articolo lo pubblicherò immediatamente. Riguardo etichetta forte, quindi, secondo me, evidenziare parole chiave o frasi una volta in un articolo non dovrebbe arrecare alcun danno, tutto questo è una pubblicità inutile.
- Igor
Esattamente. 🙂
- Igor
Vasily, ho scritto il titolo nelle funzioni del tema direttamente nel pannello di amministrazione. Aspetto- Argomenti, per il mio argomento ci sono molte opzioni con le quali puoi modificare questa o quell'area del mio argomento, compreso l'inserimento di un titolo. E tu, a quanto ho capito, hai cambiato il titolo originale del tuo argomento, vero? Inoltre, hanno cambiato completamente l'immagine e l'immagine aveva già il nome della tua risorsa. Non hai scritto h1 nell'intestazione, da dove viene? Dai un'occhiata più da vicino alle funzioni del tuo tema, forse c'è anche una funzione simile lì. Dove appare "Gestione temi", dovrebbero esserci collegamenti, qualcosa come "Personalizza", "Opzioni tema" e già lì cercare un collegamento come "Nome e descrizione del sito". Nel mio tema, ad esempio, puoi cambiare molto, anche i colori e l'intestazione del sito, caricando una nuova immagine. Fammi sapere nei commenti come è andata a finire.
- Basilico
Sì, ho cambiato l'immagine nell'intestazione. Ritornato al sito di prova immagine originale. Non sono ancora riuscito a trovare H1 da nessuna parte. Ho installato un tema gemello molto simile, neanche questo tag c'è, solo H2. Possono esserci argomenti senza tag H1? Poi ho installato un tema standard, non ho trovato questo tag nella pagina principale, ma nella pagina c'è un tag H1 nel titolo dell'articolo. Ma non so come aggiungerlo all'intestazione del sito.
- Igor
Vasily, leggi più attentamente la mia risposta precedente e prova a inserire il nome del sito tramite il pannello di amministrazione. Dovrebbe esserci una funzione di controllo del tema, hai stili per l'intestazione h1 nel tuo CSS, ho guardato.
- Basilico
IN tema standard tutto è. Non ci sono tali opzioni nelle impostazioni del tema stesso. Attraverso
Pannello di amministrazione -> Temi -> Impostazioni e descrizione del sito. Lì ho scritto il nome del sito e
Breve descrizione. Ma non esiste ancora il tag h1. L'ho reinstallato sul sito di prova
argomento, ecco l'indirizzo http://komp.vellisa.ru/. Puoi accedere tramite Yandex, poiché è chiuso
dall'indicizzazione. In precedenza, quando scrivevo il nome del sito nel pannello di amministrazione, veniva aggiunto all’intestazione, ma non aveva un bell’aspetto. Ora, per qualche motivo, le iscrizioni non vengono aggiunte. - Igor
Vasily, ho studiato il tuo problema. Il punto è che, secondo stili CSS Il titolo del tuo tema, racchiuso tra tag h1, semplicemente non rientra nell'intestazione. Prova quanto segue. Se stai lavorando con Browser Chrome, spostare il cursore sull'immagine nell'intestazione e fare clic fare clic con il tasto destro topi, da menù contestuale seleziona Visualizza codice articolo. Nella metà inferiore della finestra vedrai codice html Questa particolare immagine, questa linea sarà evidenziata in blu scuro. Questo collegamento rimanda all'immagine di intestazione del tuo argomento. Sulla destra verranno presentati gli stili per questo particolare elemento. Fare clic con il tasto destro su questo collegamento e selezionare "Elimina nodo" dal menu contestuale. Vedi che l'elemento è stato rimosso? Spero che tu capisca che dopo aver riavviato il browser tutto andrà a posto, così potrai sperimentare quanto vuoi. Questo elemento è racchiuso in un contenitore<_div class="span-11">. Dopo aver rimosso il collegamento alle immagini, il collegamento a pagina iniziale. Come ancoraggio per questo collegamento, scrivi qualsiasi parola racchiusa nei tag h1, ad esempio Mondo. Cioè, sarà simile a questo: un collegamento alla pagina principale racchiuso in un contenitore span-11<_a_href vellisa.ru_=""><_h1>Mondo<_><_>. E subito vedrai questa parola al posto dell'immagine (che, tra l'altro, non è necessaria, dato che il nome dell'argomento è lì, a quanto ho capito. Prova a caricare un'immagine invece di questa immagine taglia più piccola e prova di nuovo a inserire il nome del sito tramite il pannello di amministrazione. Se non funziona, agiremo in modo più sostanziale.
- Basilico
Igor, grazie mille per il tuo aiuto. Ho eliminato l'elemento, ma non è molto chiaro come inserirlo. Ho inserito questa parola a caso, non ha funzionato del tutto, ma la parola c'era. Non riesco a scrivere modifiche al nome del sito, lo cambio, ma nell'intestazione non viene visualizzato nulla.
È generalmente possibile assicurarsi che sul mio sito principale sia ancora presente l'immagine presente e aggiungere in qualche modo i tag h1? - Igor
Vasily, un po' di pazienza, ora sono troppo occupato, non appena risolverò il problema, non lo prometto, ma cercherò di aiutarti, pubblicherò la risposta nei commenti.
- Basilico
Grazie Igor. Naturalmente aspetterò, non è una questione urgente.
- Eugenio
Sono d'accordo che i tag siano una cosa necessaria e ignorarli è più costoso per te. Se H1 H2 appare quasi automaticamente sulla pagina (il titolo dell'articolo e il sito), allora H3 dovrebbe essere scritto tu stesso nel corpo dell'articolo.
Sul conto allineare l'attributo Questi tag sono un'opzione controversa. Non ho ancora notato la sua influenza sulla promozione, è più probabile che non esista. Non ci sono violazioni nemmeno dal punto di vista della validità. Quindi immagino che dipenda dalla discrezione di ognuno. - Igor
Evgeniy, non c'è ancora alcuna influenza sulla promozione dell'attributo align, ma per quanto riguarda la validità, ti sei lasciato trasportare. Non è consigliato l'uso non solo secondo le specifiche html 5, ma anche secondo html 4.01. Invece di questo attributo, si consiglia di utilizzarne uno simile proprietà di allineamento del testo, che è scritto in css.
- Igor
Vasily, scusa se abbiamo dovuto aspettare così a lungo. Mi sono solo scaricato un po' e ora ho risolto il tuo problema. Segui le mie ulteriori istruzioni per far apparire l'intestazione H1 nell'intestazione. Per prima cosa devi modificare l'immagine dell'intestazione. Puoi trovarlo qui: http://vellisa.ru/wp-content/themes/cooltext643525798.png, cioè nella cartella con il tema corrente. Scaricalo sul tuo computer utilizzando, ad esempio. Aprilo in qualsiasi redattore grafico, anche semplice programma di pittura andrà bene. Lì, cancella la scritta "vellisa.ru" con una semplice gomma. Se ciò non viene fatto, ci sarà una doppia scritta, oppure la scritta con h1 si sovrapporrà ad essa e sembrerà brutta. Quindi apri il file header.php, che è responsabile dell'intestazione, usando notepad++, trova la riga lì.
Nel precedente ho descritto i principali fattori di ranking per i motori di ricerca.
In questo articolo vedremo come comporre correttamente le intestazioni delle pagine del sito. Questo fattore si riferisce a fattori di classificazione interni ed è richiesto quando corretta ottimizzazione contenuti nelle pagine del sito.
Ho già discusso della loro importanza e del loro ruolo per la SEO. Oggi daremo uno sguardo più da vicino ai tag come H. Ci sono 6 tag di questo tipo in totale, ma per lo più vengono utilizzati solo i primi 3: i tag h1, h2 e h3.
Titolo della pagina SEO h1 e sua importanza
Maggior parte rubrica principale le pagine sono contrassegnate con il tag h1. Potrebbe essere il titolo di una pagina, un articolo o un prodotto. Questa è un'intestazione obbligatoria e deve essere presente su tutte le pagine del sito senza eccezioni.
Molto spesso mi imbatto in una situazione del genere in siti Web scritti da me o semplicemente in modelli assemblati in modo non professionale in cui semplicemente non esiste il tag h1. Al posto del titolo della pagina, invece di h1, c'è un tag h2. E' ancora dentro scenario migliore- succede che non ci sono titoli di tipo H nella pagina. E quello che sembra un'intestazione è solo un normale blocco div o span con stili già scritti simili all'intestazione.
Assicurati di controllare la presenza del tag h1 sulla pagina all'inizio dell'ottimizzazione o anche prima, nella fase di sviluppo del sito. Inoltre, nella pagina dovrebbe essere presente solo 1 tag h1.
Ancora una volta, un evento comune è quando sono presenti diversi tag h1 su una pagina. Questo è ancora una volta tipico per i siti scritti da sé, realizzati utilizzando un costruttore o utilizzando vari tipi software come , il terribile codice di cui ho scritto prima.
L'ultimo sito che ho preso per l'ottimizzazione era solo un sito di una pagina assemblato su Muse e quando ho guardato il codice del sito ho trovato ben 7 titoli contrassegnati con il tag h1: questo è un terribile errore.
Intestazione H2 e sua importanza per la promozione
Se molti aderiscono ancora alle regole e utilizzano h1 sulle pagine del proprio sito, molti trascurano il tag h2, ma invano! Questo tag solitamente contrassegna le sottosezioni di un articolo o di una pagina.
Ancora in fase di raccolta nucleo semantico per il sito nel suo insieme o per un articolo separato, è necessario capire approssimativamente in quali sezioni sarà composto l'articolo. Descriveremo in dettaglio i vantaggi, i costi o qualsiasi altro dettaglio sull'argomento dell'articolo o del prodotto.
Consideriamo un esempio di una pagina di prodotto in un negozio di attrezzature fotografiche: se il titolo h1 della pagina assomiglia a "Canon 6d Body", con il tag h2 suddivideremo approssimativamente la descrizione del prodotto stesso sulla pagina in parti ( sottosezioni) e assomigliano a "Caratteristiche della Canon 6d Body" e "Vantaggi della fotocamera Canon 6d Body".
Pertanto, a causa di titoli come h2, cattureremo punti importanti, che potrebbe interessare anche al visitatore del sito oltre al nome stesso. Ora il sito competerà con altri non solo sulle richieste del "corpo Canon 6d" principale, ma anche su richieste aggiuntive riguardanti i vantaggi e le caratteristiche di questo modello di fotocamera. E copertura Di più richieste a loro volta significano un aumento del traffico sul sito.
A proposito, ho notato casi sia sul mio blog che sui siti dei clienti in cui un titolo come h2 finiva nello snippet dei risultati di ricerca. Di norma lì vanno h1 o title: sono entrambi i titoli di pagina più importanti e hanno un vantaggio, ma è possibile anche l'influenza di h2 sullo snippet.
Ad esempio, questo articolo può raggiungere facilmente il TOP per la query “Intestazione h2”, proprio perché questa frase è nel tag h2.
Qualche parola sull'intestazione h3: è davvero necessaria?
Nei miei articoli utilizzo molto raramente un titolo con un tag h3. Nei casi in cui un articolo contiene 5000 caratteri o più, e anche in questo caso non sempre, puoi cavartela suddividendo l'articolo in sottosezioni e contrassegnandole con il tag h2.
Tutti i titoli che iniziano da h3 fino a h6 hanno lo stesso ruolo di chiarimento e divisione della pagina in sottosezioni, ma questo è usato molto raramente. Devi solo avere un articolo molto vasto in modo da poter costruire una tale gerarchia di sottosezioni di pagina e utilizzare tutti i tipi di titoli.
Per un esempio di annidamento dei sottotitoli, scriverò della gerarchia dei titoli e contrassegnerò l'intestazione di questa sezione con il tag h3.
L'ordine e la gerarchia dei titoli in una pagina del sito web
Tutti i titoli devono essere in rigoroso ordine. La prima intestazione della pagina è sempre h1.
Se le sottosezioni per ciascuna delle intestazioni h2 risultano di dimensioni impressionanti e toccano diversi sottoargomenti ancora più piccoli, all'interno di ciascuna o di una sottosezione separata con il tag h2 crei sottosezioni "mini" piegate della pagina e contrassegnale con h3.
Non è necessario che tutte le sottosezioni intitolate con il tag h2 siano grandi e devono essere divise in molte altre sottosezioni. Di seguito cercherò di mostrare chiaramente come annidare correttamente le intestazioni su una pagina.
8 Mi piace
- 1
Paolo
Alexander, sono molto preoccupato per la domanda sui tag. Cerco di scrivere in modo corretto e chiaro sui miei servizi. Ho capito tutto con il titolo della pagina (h1), ma ne ho 12 sulla stessa pagina varie offerte per il cliente, direttamente correlato a tema principale pagine. Quindi, posso creare 12 titoli h2 in questa pagina? Quanto testo dovrebbe esserci sotto ogni titolo? E sì, li diluisco con le immagini... Grazie in anticipo per la risposta.
- 3
Andrej
Come influirà sulla classifica l'intervallo all'interno dell'h1?
w3c ha molti errori. o meglio ancora, crea un TITOLO - 5
Grattol Kazakistan
Per favore dimmi cosa succederebbe se h3 venisse prima e poi h2? Ho un negozio su Wukomerz e la descrizione del prodotto è così. Devo aggiustarlo? Ci sono già molti beni lì.
- 7
Sergey
E se il mio tag h1 è composto da due frasi, una delle quali, secondo l’idea del designer, è realizzata con uno spostamento diverso. Come allora fare a meno, ad esempio, di uno span all'interno di un tag h1?
- 9
Giulia
Alessandro, per favore dimmelo. Su un sito web che vende un prodotto, nella descrizione abbiamo sia h1 che h2. Domanda: “Caratteristiche tecniche” e “Incluso” - è possibile/necessario installare h3? Penso che questo non sia necessario e migliore del solito in grassetto, Giusto?
- 11
Alessandro
Buon pomeriggio, Alessandro. Ho 2 domande su questo argomento:
1. Voglio effettuare un micro markup per i prodotti di un negozio online e ho una domanda: è possibile utilizzare un design del genere all'interno di un tag h1? Va bene che itemprop sia annidato in h1...?.
Ciao amici! Siamo lieti di darti il benvenuto sul blog di Andrey e Dasha – Thebizfromscratch. È da un po’ che non scriviamo qualcosa sulla SEO, e in questo articolo vogliamo aggiornarci, perché l’argomento di oggi è l’impatto delle intestazioni H1, H2 – H6 sulla promozione del sito web. Ti diremo quali regole e principi utilizziamo per scrivere i titoli sul nostro blog e speriamo che la nostra esperienza ti sia utile.
Come posizionare correttamente i meta tag H1, H2...H6
Pertanto, quando creiamo una pubblicazione, scriviamo i meta tag nel seguente ordine:
È l'intestazione più significativa, quindi è consuetudine includere nei tag h1 la chiave di ricerca principale, preferibilmente diluita con parole neutre, ovvero titolo diluito.
La successiva intestazione più importante è quella utilizzata per evidenziare quella corrispondente alla query principale. richiesta a bassa frequenza.
- H3, H4, H5, H6
In effetti, non hanno molta influenza sulla promozione. Tuttavia, includere parole chiave al loro interno può portare a un’ottimizzazione eccessiva, che causerà solo una risposta negativa da parte dei robot di ricerca. Pertanto utilizziamo questi meta tag solo per la bella strutturazione dell'articolo. Per rendere più comoda la lettura per i visitatori e capire subito 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 frequente ripetizione delle stesse parole/frasi.
E affinché le informazioni sopra menzionate siano comprese correttamente, guardiamo un esempio! Supponiamo che tu abbia scritto un articolo sotto query di ricerca- "Come creare un sito web." Questa frase deve essere inserita nel campo Titolo e ripetuta almeno 2 volte senza modifiche nel testo stesso. Oppure, come fanno molte persone, ripetono la query di ricerca una volta ogni 1000 caratteri. 
Se hai bisogno di evidenziare ulteriormente la struttura, sentiti libero di utilizzare H2 contenente una query a bassa frequenza. Ancora una volta, nell'ambito dell'esempio: “Come creare un sito Web di alta qualità su Motore WordPress" Scrivi il resto dei meta tag senza parole chiave. 
- Non includere collegamenti ad altre pagine sponsorizzate nei tuoi titoli. Verrà preso in considerazione il codice di collegamento motori di ricerca, come parole chiave, e danneggerà solo il tuo posizionamento.
- Non posizionare i titoli di ordine inferiore sopra quelli più importanti. Dovrebbe venire prima H1, poi H2 e poi in ordine crescente. Dovrebbe emergere una struttura ad albero.
- Si consiglia di utilizzare H1 una volta, H2 non più di 3 volte e H3-H6 tante volte quanto necessario (solo senza chiavi e solo se necessario).
Forse questi erano i principi e le regole di base che usiamo quando prepariamo gli articoli. Ci auguriamo che l'argomento - l'influenza dei titoli H1, H2 - H6 sulla promozione del sito web - sia stato trattato e che tu lo abbia trovato tu stesso informazioni utili. Se hai domande, assicurati di farle nei commenti, cercheremo di aiutarti.
