Utilizzo del contenuto dell'intestazione delle pagine

Ultimo aggiornamento il 27 apr 2021

Visualizzare e modificare il contenuto in una pagina web di Dreamweaver, impostare le proprietà meta e il titolo della pagina, specificate le parole chiave e le descrizioni per una pagina e altro ancora.

Le pagine contengono elementi che descrivono le informazioni della pagina, utilizzate dai browser di ricerca. Puoi impostare le proprietà degli elementi head per controllare come vengono identificate le pagine.

Visualizzare e modificare il contenuto head

Gli elementi della sezione head possono essere visualizzati nella vista Codice o utilizzando la finestra di ispezione Codice.

Inserire un elemento nella sezione head di un documento

Selezionate un tag head da Inserisci > HTML.

Inserisci le opzioni per l'elemento nella finestra di dialogo che viene visualizzata o in Controllo proprietà.

Modifica un elemento nella sezione head di un documento

Potete modificare gli elementi Head digitando direttamente nel codice nella vista Codice o nella finestra di ispezione Proprietà.

Per modificare gli elementi nella sezione head utilizzando la finestra di ispezione Proprietà:

Selezionate l'elemento head nel pannello DOM (Finestra > Pannello DOM). 

La finestra di ispezione Proprietà visualizza le proprietà dell'elemento selezionato.

Imposta o modifica le proprietà dell'elemento in Controllo proprietà.

Imposta le proprietà Meta per la pagina

Un tag meta è un elemento head che registra informazioni sulla pagina corrente, come la codifica dei caratteri, l'autore, il copyright o le parole chiave. Questi tag possono essere inoltre utilizzati per fornire informazioni al server, come la data di scadenza, l'intervallo di aggiornamento e la valutazione POWDER per la pagina. (POWDER, il Protocollo per le Risorse di Descrizione Web, fornisce un metodo per assegnare valutazioni, come quelle cinematografiche, alle pagine web.)

Aggiungere un tag meta

Selezionate Inserisci > HTML > Meta.

Specificate le proprietà nella finestra di dialogo visualizzata.

Modificare un tag meta esistente

Potete modificare gli elementi meta digitando direttamente nel codice nella vista Codice o nella finestra di ispezione Proprietà.

Per modificare gli elementi nella sezione meta utilizzando la finestra di ispezione Proprietà:

Selezionate l'elemento head nel pannello DOM (Finestra > Pannello DOM). 

La finestra di ispezione Proprietà visualizza le proprietà dell'elemento selezionato.

Selezionate un tag meta dal pannello DOM.

Specificate le proprietà nella finestra di ispezione Proprietà.

Attributo

Specifica se il tag meta contiene informazioni descrittive sulla pagina (name) o informazioni di intestazione HTTP (http-equiv).

Valore

Specifica il tipo di informazioni che stai fornendo in questo tag. Alcuni valori, come description, keywords e refresh, sono già ben definiti (e hanno propri Controlli proprietà individuali in Dreamweaver), ma puoi specificare praticamente qualsiasi valore (ad esempio, creationdate, documentID o level).

Contenuto

Specifica le informazioni vere e proprie. Ad esempio, se hai specificato level per Valore, potresti specificare beginner, intermediate o advanced per Contenuto.

Impostare il titolo della pagina

Esiste una sola proprietà per il titolo: il titolo della pagina. Potete modificare il titolo della pagina utilizzando uno dei seguenti metodi:

  • Modificate il titolo direttamente nel codice (nella vista Codice)
  • Selezionate il tag title nel pannello DOM e modificate il titolo nella finestra di ispezione Proprietà

Specificare le parole chiave per la pagina

Molti robot dei motori di ricerca (programmi che navigano automaticamente nel web raccogliendo informazioni per l'indicizzazione dei motori di ricerca) leggono i contenuti del tag meta Keywords e utilizzano le informazioni per indicizzare le pagine nei loro database. Poiché alcuni motori di ricerca limitano il numero di parole chiave o caratteri che indicizzano, o ignorano tutte le parole chiave se superi il limite, è una buona idea utilizzare solo poche parole chiave ben scelte.

Aggiungere un tag meta Keywords

Selezionate Inserisci > HTML > Parole chiave.

Specifica le parole chiave, separate da virgole, nella finestra di dialogo che viene visualizzata.

Modificare un tag meta Keywords

Potete modificare le descrizioni meta delle parole chiave utilizzando uno dei seguenti metodi:

  • Modificate la parola chiave direttamente nel codice (nella vista Codice)
  • Selezionate il tag meta per la parola chiave nel pannello DOM e visualizzate, modificate o eliminate le parole chiave nella finestra di ispezione Proprietà.
Nota

le parole chiave devono essere separate da virgole.

Specificare le descrizioni della pagina

Molti robot dei motori di ricerca (programmi che navigano automaticamente nel web raccogliendo informazioni per l'indicizzazione dei motori di ricerca) leggono i contenuti del tag meta Description. Alcuni utilizzano le informazioni per indicizzare le pagine nei loro database e alcuni visualizzano anche le informazioni nella pagina dei risultati di ricerca (invece di visualizzare le prime righe del documento). Alcuni motori di ricerca limitano il numero di caratteri che indicizzano, quindi è una buona idea limitare la descrizione a poche parole (ad esempio, Catering barbecue di maiale ad Albany, Georgia o Progettazione web a tariffe ragionevoli per clienti di tutto il mondo).

Aggiungere un tag meta Description

Selezionate Inserisci > HTML > Descrizione.

Inserite un testo descrittivo nella finestra di dialogo visualizzata.

Modificare un tag meta Description

Potete modificare le descrizioni meta utilizzando uno dei seguenti metodi:

  • Modificate la descrizione direttamente nel codice (nella vista Codice)
  • Selezionate il tag meta per la descrizione nel pannello DOM e modificate la descrizione nella finestra di ispezione Proprietà.

Imposta le proprietà di aggiornamento della pagina

Utilizza l'elemento Refresh per specificare che il browser deve aggiornare automaticamente la pagina—ricaricando la pagina corrente o andando a una diversa—dopo un certo periodo di tempo. Questo elemento viene spesso utilizzato per reindirizzare gli utenti da un URL a un altro, spesso dopo aver visualizzato un messaggio di testo che l'URL è cambiato.

Aggiungere un tag meta Refresh

Selezionate Inserisci > HTML > Meta.

Specificate le proprietà nella finestra di dialogo visualizzata come descritto di seguito:

Attributo

Specifica che il tag meta contiene le informazioni di intestazione HTTP (http-equivalent).

Valore

Specifica che il tipo di informazione fornito in questo tag è refresh,

Contenuto

Specifica il tempo in secondi che deve trascorrere prima che la pagina venga aggiornata dal browser. Per fare in modo che il browser aggiorni automaticamente la pagina una volta completato il caricamento, inserite il valore 0 nella casella di testo.

Modificare un tag meta Refresh

Potete modificare il tag meta refresh utilizzando uno dei seguenti metodi:

  • Modificate le proprietà direttamente nel codice (nella vista Codice)
  • Selezionate il tag meta per refresh nel pannello DOM o nel codice e modificate le proprietà nella finestra di ispezione Proprietà.

Modificare un tag meta Base

Potete modificare un elemento Base utilizzato per impostare l'URL di base a cui sono considerati relativi i percorsi dei documenti presenti nella pagina.

Selezionate l'elemento Base nel pannello DOM.

In Controllo proprietà, specifica le proprietà del tag meta Base.

Href

L'URL di base. Fai clic sul pulsante Sfoglia per cercare e selezionare un file, oppure digita un percorso nella casella.

Destinazione

Specifica il fotogramma o la finestra in cui devono aprirsi tutti i documenti collegati. Seleziona uno dei fotogrammi nel set di fotogrammi corrente o uno dei seguenti nomi riservati:

  • _blank carica il documento collegato in una nuova finestra del browser senza nome.

  • _parent carica il documento collegato nel frameset padre o nella finestra del frame che contiene il collegamento.Se il fotogramma contenente il collegamento non è nidificato, equivale a _top; il documento collegato si carica nell'intera finestra del browser.

  • _self carica il documento collegato nello stesso fotogramma o finestra del collegamento. Questo target è predefinito, quindi generalmente non è necessario specificarlo.

  • _top carica il documento collegato nell'intera finestra del browser, rimuovendo così tutti i fotogrammi.

Potete modificare un tag link che definisce la relazione tra il documento corrente e un altro file.

Nota

Il tag link nella sezione head non è la stessa cosa di un collegamento HTML tra documenti nella sezione body.

Selezionate l'elemento Link nel pannello DOM o nella vista Codice.

In Controllo proprietà, specifica le proprietà del meta tag Link.

Href

L'URL del file per il quale stai definendo una relazione.Fai clic sul pulsante Sfoglia per individuare e selezionare un file, oppure digita un percorso nella casella. Nota che questo attributo non indica un file che stai collegando nel senso HTML normale; le relazioni specificate in un elemento Link sono più complesse.

ID

Specifica un identificatore univoco per il collegamento.

Titolo

Descrive la relazione. Questo attributo ha una rilevanza speciale per i fogli di stile collegati; per ulteriori informazioni, vedi la sezione External Style Sheets della specifica HTML 4.0 sul sito web del World Wide Web Consortium all'indirizzo www.w3.org/TR/REC-html40/present/styles.html#style-external.

Rel

Specifica la relazione tra il documento corrente e il documento nella casella Href. I valori possibili includono Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help e Bookmark. Per specificare più di una relazione, separa i valori con uno spazio.

Rev

Specifica una relazione inversa (l'opposto di Rel) tra il documento corrente e il documento nella casella Href.I valori possibili sono gli stessi di quelli per Rel.