Casa / Tutorial Windows / Struttura del documento HTML: tag di base, esempio. Cos'è l'HTML? (brevemente sulla cosa principale) Come impostare una breve descrizione in html

Struttura del documento HTML: tag di base, esempio. Cos'è l'HTML? (brevemente sulla cosa principale) Come impostare una breve descrizione in html

Oggi ti parlerò del meta tag description e di come utilizzarlo al meglio.

Che cos'è una meta descrizione?

Descrizione- un tag che contiene una descrizione della pagina del sito. A differenza di tag meta parole chiave appare dentro motori di ricerca Oh. La formazione di questo tag è inclusa nella lista di controllo di uno specialista SEO competente.


Una descrizione ben scritta influisce sul CTR dello snippet, che a sua volta può svolgere un ruolo importante nella pertinenza della pagina. Gli utenti analizzano la descrizione e se questa offerta li interessa, andranno alla pagina del tuo sito.

Novità: come creare lo snippet perfetto con esempi

sintassi della descrizione html



Come scrivere una descrizione?

Ho scritto i requisiti di base per la formazione del tag, che devi rispettare:

Il tag ricorre una volta per pagina. Molti siti non contengono una descrizione. Di norma, semplicemente non sono ottimizzati. E quindi, ovviamente, il tag può comparire solo una volta sul sito.

Abbinare la descrizione al tema della pagina. Come nel caso del Titolo, è importante capire che inserendo una certa query, l'utente vuole vedere le informazioni di cui ha bisogno. Viene emessa anche la descrizione nei social network durante la copia del collegamento.

Descrizioni univoche nella descrizione. Ogni pagina dovrebbe avere la propria descrizione del meta tag senza ripetizioni e modelli. In nessun caso dovresti copiare il tag Title.

Descrizione lunghezza meta tag. La lunghezza ottimale va da 150 caratteri a 200 caratteri. Cerca di mantenere questo intervallo. Approssimativamente, i motori di ricerca Yandex e Google hanno un numero uguale di parole in frasi di circa 15-20.

Descrizione facile da usare. Dovrebbe essere scritto nella lingua indicata sulla pagina, oltre che chiaro, conciso e riflettere l'essenza della tua pagina. più Informazioni importantiè meglio posizionarlo all'inizio del tag.

Vantaggi menzionati ma limitati. È importante che questi vantaggi si trovino sulla pagina stessa. Come non sperimentare, ma dovresti prestare attenzione ai piccoli vantaggi che puoi trovare nella descrizione:

Menzione di spedizione

Se si tratta di un prodotto, in linea di principio è rilevante e sarebbe un peccato non indicare questo vantaggio.

Per esempio:

Spedizione gratuita A mosca"

Anche i numeri sono importanti. Le informazioni numeriche sono memorizzate nella testa di una persona. Considera un esempio:

Compagnia di aiuto informatico:

"Partenza di uno specialista in qualsiasi distretto di Mosca entro 1 ora"



Ma c'è un altro avvertimento su come non scrivere una descrizione.

Esempi di meta descrizioni errate:

  • Riempire le meta descrizioni con informazioni di servizio temporanee, ad esempio: "Non dimenticare di aggiungere testo qui";
  • descrizioni obsolete. Ad esempio, i prezzi sul sito sono cambiati, il documento descritto ora si trova a un indirizzo diverso, ma le descrizioni sono le stesse;
  • Inserire informazioni importanti alla fine del testo. Cerca di inserire le informazioni e le frasi più importanti all'inizio delle meta descrizioni.

A seconda della tua richiesta, Yandex genera uno snippet + tiene conto del testo sul sito. Di conseguenza, se inserisci una richiesta, ma non è nella descrizione, Yandex sorseggia il testo dal punto del sito in cui si trova più spesso questa richiesta.

Per cominciare, voglio mostrarti l'opinione dell'ex dipendente di Google Matt Cutts.


In breve, Mat consiglia di non utilizzare descrizioni di pagina ripetute (descrizione) per posizionarsi bene su Google.

Cos'altro utile può essere sottolineato dalla guida di Google sulla descrizione:

Quoto:

Includi fatti chiaramente classificati nella descrizione del tuo sito:

Le meta descrizioni non devono essere sotto forma di frasi. Includi i dati strutturati della pagina nelle descrizioni. Ad esempio, una meta descrizione di una notizia o di un articolo di blog può contenere il nome dell'autore, la data di pubblicazione e l'argomento dell'articolo. Ciò fornirà a un potenziale visitatore della pagina informazioni preziose che altrimenti non verrebbero inserite nella descrizione. Ad esempio, una pagina prodotto di solito ne contiene molti informazioni utili, come prezzo, produttore, anno di produzione. Ma poiché questi dati sono sparsi nella pagina, solo la meta descrizione sarà in grado di presentarli in modo leggibile. Considera la seguente meta descrizione di un libro di Harry Potter, un esempio tratto da un noto sito:

Esistono diversi motivi per cui questa meta descrizione non riesce come descrizione della pagina nei risultati di ricerca:

  • Il titolo del libro è duplicato nel titolo della pagina;
  • Anche alcuni dati nella descrizione sono duplicati (J.K. Rowling, Mary Grandpre sono elencati due volte);
  • Non esiste una definizione chiara dei dati: chi è Mary Grandpre?
  • La mancanza di spazi e l'uso eccessivo dei due punti rendono difficile la lettura.

Tutto ciò significa che l'utente medio di Google, che in genere trascorre meno di un secondo a leggere una descrizione, rischia di perdere questo risultato. Come Opzione alternativa puoi considerare la seguente descrizione:

puoi impedire al motore di ricerca Google di prendere in considerazione la descrizione della descrizione nei risultati di ricerca.

Conclusione

La domanda principale che preoccupa tutti è se vale la pena specificare una descrizione? Penso che abbia senso (A differenza di ) .Ma non dovresti specificare un gran numero di parole chiave nella descrizione.

Naturalmente, dal punto di vista della SEO, la descrizione non influisce direttamente sul posizionamento del sito, ma una descrizione ben scritta contribuirà ad aumentare l'influenza dello snippet del tuo sito nei risultati di ricerca.

Quindi sì, scrivi nei commenti chi pensa che non dovresti specificare una descrizione e perché?.

Meta tags- si tratta di attributi opzionali inseriti nell'intestazione della pagina, tra i tag e, che non vengono in alcun modo visualizzati dal browser (ad eccezione del contenuto dei tag ). <b>Meta tags</b> può contenere una descrizione della pagina html, parole chiave per essa, informazioni sull'autore, comandi di controllo per il browser e robot di ricerca, nonché altre informazioni di servizio non destinate ai visitatori. <b>Meta tags</b> per il sito svolgono un ruolo molto importante. Aggiungerli al documento html può aiutare notevolmente il sito nella sua vita.</p> <p>Usa sempre solo quei meta tag che sono veramente necessari per il funzionamento del sito web. Non ingombrare l'area <head>istruzioni extra, perché qualsiasi errore qui può portare a tristi conseguenze.</p> <h2>Funzioni dei meta tag</h2> <p>Al momento non esiste una chiara standardizzazione di essi, ma le funzioni dei meta tag sono piuttosto diverse. Esistono diversi modi principali per utilizzare i meta tag:</p> <ul><li>i meta tag possono identificare la paternità di un documento web, il suo indirizzo, la frequenza dei suoi aggiornamenti;</li> <li>i meta tag vengono utilizzati dai robot di ricerca per indicizzare e creare titoli di documenti ipertestuali;</li> <li>i meta tag influenzano il modo in cui le pagine web vengono visualizzate.</li> </ul><h2>Gruppi di meta tag</h2> <p>I meta tag possono essere divisi in due gruppi principali: questi sono <b>NOME</b> e <b>Equiv. HTTP</b>. Gruppo <b>NOME</b>è responsabile delle informazioni testuali sul documento Web, sul suo autore e genera anche raccomandazioni per i robot di ricerca. Meta tag relativi al gruppo <b>Equiv. HTTP</b> equivalgono infatti alle intestazioni ipertestuali, formano l'intestazione di una pagina web e ne determinano l'elaborazione, oltre a controllare le azioni dei browser e sono utilizzate per formare le informazioni emesse dalle intestazioni regolari.</p><p>Elemento <b>meta</b> assume i seguenti attributi: <span>contenuto, http-equiv, nome, set di caratteri e schema.</p><table class="table table-bordered">Attributo <th>Descrizione</th> <tr><td>Nome</td><td>Il nome del meta tag stabilisce anche indirettamente il suo scopo. Esempi: includere, parole chiave, descrizione, autore, rivisto, generatore, ecc.</td> </tr><tr><td>contenuto</td><td>Imposta il valore dell'attributo specificato con name o http-equiv.</td> </tr><tr><td>schema (obsoleto)</td><td>Specifica informazioni utili sullo schema, o il nome dello schema stesso, che devono essere utilizzate per interpretare il valore della proprietà (ovvero il valore dell'attributo "content"). Non applicabile in HTML5.</td> </tr><tr><td>set di caratteri</td><td>Un nuovo attributo che indica la codifica del documento in HTML5. Esempio: <meta charset="utf-8"> </td> </tr><tr><td>http-equiv</td><td>Forma il titolo della pagina e ne determina l'elaborazione. Di norma, controlla le azioni dei browser e viene utilizzato per generare informazioni emesse da intestazioni ordinarie. Ad esempio HTTP-EQUIV può essere utilizzato per gestire la memorizzazione nella cache, l'aggiornamento della pagina, il caricamento automatico di un'altra pagina.</td> </tr></table><h2>Gruppo valore attributo <b>NOME</b></h2> <h3>"parole chiave" (parole chiave)</h3> <p><b>parole chiave</b> i motori di ricerca utilizzano per determinare la pertinenza di una pagina rispetto a una determinata query. Quando si forma questo significato, è necessario utilizzare solo quelle parole che <b>necessariamente</b> trovato nel documento stesso. L'uso di quelle parole che non sono sulla pagina non è raccomandato. Le parole chiave devono essere aggiunte una alla volta, separate da virgole, al singolare. Il numero consigliato di parole in "parole chiave" non è superiore a dieci. Inoltre, è stato riscontrato che la suddivisione di questo valore in più righe influisce sulla valutazione del collegamento da parte dei motori di ricerca. Alcuni motori di ricerca non indicizzano i siti che ripetono la stessa parola nel valore "keywords" per aumentare la loro posizione nell'elenco dei risultati.</p><p>Se prima le "parole chiave" avevano un certo ruolo nel posizionamento di un sito, recentemente i motori di ricerca sono stati neutrali al riguardo.</p> <p>Codice HTML con "parole chiave":</p><p> <!DOCTYPE html> <html> <head> <title>parole chiave Contenuto della pagina principale

"description" (descrizione della pagina)

Descrizione utilizzato durante la creazione di una breve descrizione di una pagina specifica sul tuo sito. Quasi tutti i motori di ricerca ne tengono conto durante l'indicizzazione, nonché durante la creazione di un'annotazione nei risultati di ricerca. In assenza di una "descrizione", i motori di ricerca danno la prima riga del documento o un estratto contenente parole chiave nell'annotazione. Viene visualizzato dopo il collegamento durante la ricerca di pagine in un motore di ricerca, quindi è consigliabile non solo indicare una breve descrizione del documento, ma rendere il suo contenuto un messaggio pubblicitario attraente.

Quindi il corretto descrizione deve contenere una parola chiave, descrivere brevemente e accuratamente di cosa tratta questa pagina web. "Descrizione" insieme a "titolo" formano una coppia di valori molto importante che determina se l'utente passerà dai risultati di ricerca alla pagina web oppure no! Pertanto, "descrizione" e "titolo" devono essere scritti per a testa pagine web!

Codice HTML con "descrizione":

descrizione Contenuto della pagina principale

"Autore" e "Copyright"

Questi valori di solito non vengono utilizzati contemporaneamente. Funzione autore e diritto d'autore- identificazione dell'autore o proprietà del contenuto della pagina. "Autore" contiene il nome dell'autore della pagina web, ma se il sito web è di proprietà di un'organizzazione, è più appropriato utilizzare il valore "Copyright".

Codice HTML con "autore":

Esempi di tag meta Contenuto della pagina principale

"Robot"

robot- genera informazioni sui documenti ipertestuali, che vengono inviate ai robot dei motori di ricerca.

"robot" può avere i seguenti significati:

  • indice- la pagina deve essere indicizzata;
  • noindex- la pagina non è indicizzata;
  • Seguire- vengono presi in considerazione i collegamenti ipertestuali sulla pagina;
  • non seguire- i collegamenti ipertestuali sulla pagina non vengono presi in considerazione
  • tutto- include i valori index e follow, abilitati per impostazione predefinita;
  • nessuno- include i valori noindex e nofollow.

Codice HTML con "robots":

Esempi di tag meta Contenuto della pagina principale

Gruppo valore attributo Equiv. HTTP

"Tipo di contenuto"

tipo di contenuto definisce il tipo di documento e la sua codifica.

Codice HTML con "Content-Type":

Esempi di tag meta Contenuto della pagina principale

In HTML5, specificare la codifica è semplificato:

"ricaricare"

ricaricare- tempo di ritardo (in secondi) prima che il browser aggiorni la pagina. Inoltre, è possibile utilizzare il caricamento automatico di un'altra pagina html con un dato indirizzo (url).

Codice HTML con "refresh":

Contenuto della pagina principale

Il browser capirà questa voce, come dopo 5 secondi caricare una nuova pagina specificata nel parametro URL, in questo caso, questa è una transizione al sito del sito. Il valore "refresh" consente di creare un reindirizzamento (reindirizzamento) a un altro sito. Se l'URL non è specificato, la pagina corrente verrà aggiornata automaticamente dopo il numero di secondi specificato nell'attributo contenuto.

Si noti che non ci sono virgolette prima di http nell'URL.

"Contenuto-Lingua"

Contenuto-Lingua specifica la lingua del documento. Può essere utilizzato dai motori di ricerca durante l'indicizzazione delle pagine. La combinazione del campo Accept-Language (inviato dal browser) con il contenuto Content-language può essere una condizione affinché il server selezioni una lingua o un'altra.

Codice HTML con "content-language":

Lingua del documento Contenuto della pagina principale

In HTML5 la specifica del linguaggio è semplificata:

Questo tutorial non elenca tutti i meta tag che potresti incontrare quando impari il web craft. Il resto sono specifici e li conoscerai in futuro studiando le nostre lezioni. Di tutto quanto sopra per l'uso su a testa la pagina del tuo sito è consigliata meta tag e i loro attributi mostrati nel seguente esempio:

Esempio HTML:

Provate voi stessi Titolo della pagina Contenuto della pagina principale

Compiti

Compito finale

In questa lezione hai imparato a conoscere i meta tag più importanti, il cui scopo principale è fornire metadati strutturati su una pagina web.

È tempo di rivedere ciò che hai imparato e completare quattro semplici attività:

Parole chiave

  • Decidi tu stesso »

Con un solo cartellino impostare le parole chiave: "HTML,CSS,JavaScript" per la pagina Web corrente.

Parole chiave

Parole chiave

I meta tag sono progettati per fornire metadati strutturati su una pagina web.

Tag HTMLè la base del linguaggio HTML. I tag vengono utilizzati per delimitare l'inizio e la fine degli elementi nel markup.

Ogni documento HTML è costituito da un albero di elementi HTML e testo. Ogni elemento HTML è identificato da un tag di inizio (apertura) e di fine (chiusura). I tag di inizio e di fine contengono il nome del tag.

Tutti gli elementi HTML sono divisi in cinque tipi:

  • elementi vuoti , ,
    , , ,
    , , ,
    Utilizzato per memorizzare informazioni aggiuntive sulla pagina. Queste informazioni vengono utilizzate dai browser per elaborare la pagina e dai motori di ricerca per indicizzarla. Nel blocco potrebbero esserci più tag , perché a seconda degli attributi utilizzati, contengono informazioni diverse. Indicatore di misurazione nell'intervallo specificato.