Seleccione una etiqueta head desde Insertar > HTML.
Visualice y edite contenido en una página web de Dreamweaver, defina las propiedades meta y el título de la página, especifique palabras clave y descripciones para una página y mucho más.
Las páginas contienen elementos que describen la información de la página, que utilizan los exploradores de búsqueda. Puedes establecer las propiedades de los elementos head para controlar cómo se identifican tus páginas.
Visualización y edición del contenido de head
Puede ver los elementos de la sección head de un documento en Vista de código o utilizando el inspector de código.
Insertar un elemento en la sección head de un documento
Editar un elemento en la sección head de un documento
Puede corregir los elementos Head directamente, escribiendo directamente en el código en Vista de código, o en el inspector de propiedades.
Para editar elementos de la sección head mediante el inspector de propiedades:
Seleccione el elemento head en el panel DOM (Ventana > Panel DOM).
El inspector de propiedades muestra las propiedades del elemento seleccionado.
Establecer las propiedades de metadatos de la página
Una etiqueta meta es un elemento head que registra información sobre la página actual, como la codificación de caracteres, el autor, el copyright o las palabras clave. Estas etiquetas también se pueden usar para proporcionar información al servidor, como la fecha de caducidad, el intervalo de actualización y la clasificación POWDER de la página. (POWDER, el protocolo para recursos de descripción web, proporciona un método para asignar clasificaciones, como clasificaciones de películas, a páginas web.)
Adición de etiquetas meta
Seleccione Insertar > HTML > Meta.
Edición de etiquetas meta
Puede editar los elementos meta directamente, escribiendo directamente en el código en Vista de código, o en el inspector de propiedades.
Para editar elementos de la sección meta mediante el inspector de propiedades:
Seleccione el elemento head en el panel DOM (Ventana > Panel DOM).
El inspector de propiedades muestra las propiedades del elemento seleccionado.
Seleccione una etiqueta meta en el panel DOM.
Atributo
Especifica si la etiqueta meta contiene información descriptiva sobre la página (name) o información de cabecera HTTP (http-equiv).
Valor
Especifica el tipo de información que proporcionas en esta etiqueta. Algunos valores, como description, keywords y refresh, ya están bien definidos (y tienen sus propios inspectores de propiedades individuales en Dreamweaver), pero puedes especificar prácticamente cualquier valor (por ejemplo, creationdate, documentID o level).
Contenido
Especifica la información propiamente dicha. Por ejemplo, si especificaste level para Valor, podrías especificar beginner, intermediate o advanced para Contenido.
Definición del título de página
Solo existe una propiedad de título: el título de la página. Puede editar el título de la página mediante uno de los métodos siguientes:
- Edite directamente el título en el código (en Vista de código)
- Seleccione la etiqueta title en el panel de DOM y edite el título en el inspector de propiedades
Especificación de palabras clave de la página
Muchos robots de motores de búsqueda (programas que navegan automáticamente por la web recopilando información para que los motores de búsqueda la indexen) leen el contenido de la etiqueta Meta Keywords y usan la información para indexar sus páginas en sus bases de datos.Como algunos motores de búsqueda limitan el número de palabras clave o caracteres que indexan, o ignoran todas las palabras clave si superas el límite, es buena idea usar solo unas pocas palabras clave bien elegidas.
Adición de etiquetas meta de palabras clave
Seleccione Insertar > HTML > Palabras clave.
Edición de etiquetas meta de palabras clave
Puede editar las descripciones meta de las palabras clave mediante uno de los métodos siguientes:
- Edite directamente la palabra clave en el código (en Vista de código)
- Seleccione la etiqueta meta de la palabra clave del panel DOM y vea, modifique o elimine las palabras clave en el inspector de propiedades.
Las palabras clave deben estar separadas por comas.
Especificación de descripciones de la página
Muchos robots de motores de búsqueda (programas que examinan automáticamente la web recopilando información para que los motores de búsqueda la indexen) leen el contenido de la etiqueta Meta de descripción.Algunos usan la información para indexar tus páginas en sus bases de datos, y algunos también muestran la información en la página de resultados de búsqueda (en lugar de mostrar las primeras líneas de tu documento). Algunos motores de búsqueda limitan el número de caracteres que indexan, por lo que es buena idea limitar tu descripción a unas pocas palabras (por ejemplo, Servicio de catering de barbacoa de cerdo en Albany, Georgia, o Diseño web a precios razonables para clientes de todo el mundo).
Adición de etiquetas meta de descripción
Seleccione Insertar > HTML > Descripción.
Edición de etiquetas meta de descripción
Puede editar las descripciones meta mediante uno de los métodos siguientes:
- Edite directamente la descripción en el código (en Vista de código)
- Seleccione la etiqueta meta de la descripción del panel DOM y edite la descripción en el inspector de propiedades.
Establecer las propiedades de actualización de la página
Usa el elemento Refresh para especificar que el explorador debería actualizar automáticamente tu página —recargando la página actual o yendo a una diferente— después de cierto tiempo. Este elemento se usa a menudo para redirigir usuarios de una URL a otra, a menudo después de mostrar un mensaje indicando que la URL ha cambiado.
Adición de etiquetas meta de actualización
Seleccione Insertar > HTML > Meta.
Especifique las propiedades de la manera siguiente en el cuadro de diálogo que aparecerá:
Atributo
especifica que le etiqueta meta contiene información sobre encabezados HTTP (equivalente a http).
Valor
Especifica que el tipo de información que está suministrando en esta etiqueta se actualiza.
Contenido
Especifica el tiempo en segundos que deberá transcurrir antes de que el navegador actualice la página. Para hacer que el navegador actualice la página inmediatamente después de que termine de cargarla, introduzca 0 en este cuadro.
Edición de etiquetas meta de actualización
Puede editar la etiqueta meta de actualización mediante uno de los métodos siguientes:
- Editar directamente las propiedades en el código (en Vista de código)
- Seleccionar la etiqueta meta de actualización en el panel DOM o en el código y editar las propiedades en el inspector de propiedades.
Edición de etiquetas meta de base
Puede editar el elemento Base que se utiliza para establecer la URL de base que sirva de referencia para todas las rutas de la página relativas.
Seleccione el elemento Base en el panel DOM.
Href
El URL base. Haz clic en el botón Examinar para buscar y seleccionar un archivo, o escribe una ruta en el cuadro.
Destino
Especifica el marco o ventana en la que deben abrirse todos los documentos vinculados. Selecciona uno de los marcos del conjunto de marcos actual o uno de los siguientes nombres reservados:
_blank carga el documento vinculado en una nueva ventana del explorador sin nombre.
_parent carga el documento vinculado en el conjunto de marcos principal o la ventana del marco que contiene el enlace.Si el marco que contiene el enlace no está anidado, esto equivale a _top; el documento vinculado se carga en toda la ventana del explorador.
_self carga el documento vinculado en el mismo marco o ventana que el enlace. Este es el destino predeterminado, por lo que normalmente no es necesario especificarlo.
_top carga el documento vinculado en toda la ventana del explorador, eliminando así todos los marcos.
Edición de etiquetas meta Link
Puede editar una etiqueta link que defina una relación entre el documento actual y otro archivo.
La etiqueta link en la sección head no es lo mismo que un enlace HTML entre documentos en la sección body.
Seleccione el elemento Link en el panel DOM o en la Vista de código.
Href
La URL del archivo para el que estás definiendo una relación. Haga clic en el botón Examinar para buscar y seleccionar un archivo, o escriba una ruta en el cuadro.Ten en cuenta que este atributo no indica un archivo al que te estés vinculando en el sentido HTML habitual; las relaciones especificadas en un elemento Link son más complejas.
ID
Especifica un identificador exclusivo para el vínculo.
Título
Describe la relación. Este atributo tiene especial relevancia para las hojas de estilo vinculadas; para obtener más información, consulta la sección Hojas de estilo externas de la especificación HTML 4.0 en el sitio web del World Wide Web Consortium en www.w3.org/TR/REC-html40/present/styles.html#style-external.
Rel
Especifica la relación entre el documento actual y el documento del cuadro Href. Los valores posibles incluyen Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help, y Bookmark. Para especificar más de una relación, separa los valores con un espacio.
Rev
Especifica una relación inversa (lo contrario de Rel) entre el documento actual y el documento del cuadro Href. Los valores posibles son los mismos que para Rel.
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.