Cada documento HTML en la Web se compone de varios elementos. Muchos de los elementos son bastante comunes y se encuentran en casi todos, como párrafos, encabezados, imágenes y enlaces. Sin embargo, por muy comunes que sean estos elementos, son opcionales. Técnicamente no los necesitas en una página web – aunque cualquier página que falte estos elementos probablemente será bastante escasa!

Además de estos elementos HTML opcionales, hay otros que realmente se requieren de una página. La mayoría de estos elementos se encuentran en el área de la página HTML. Estos elementos son aquellos que no se muestran en las páginas web (en su mayor parte). Los elementos están ocultos a los visitantes humanos de su sitio, pero siguen siendo muy útiles ya que transmiten información al navegador web, así como a los motores de búsqueda, sobre esa página.

Técnicamente, sólo hay una etiqueta que se requiere para estar en la parte superior de todos los documentos HTML: el elemento . Este par de etiquetas comienza y termina su página web y le permite al navegador saber que todo lo que hay entre esas dos etiquetas es contenido HTML. Lo único que se ve a menudo antes de la etiqueta de apertura es el tipo de documento de las páginas. Eso estaría escrito así:

DIFUNDE LA PALABRA-

Después de la etiqueta es ese par de etiquetas ya mencionado. Dentro de ese par de etiquetas es donde usted agregará un número de otros elementos importantes, incluyendo el , cualquier etiquetas, así como enlaces CSS y Javascript.

El elemento TITLE

Usted siempre debe incluir un su página web. Hay una serie de razones para ello, entre ellas:

1. Los motores de búsqueda utilizan el

   TITLE

   como el principal medio de catalogación de sitios. Si su página web no tiene un título descriptivo, los motores de búsqueda le darán un ranking más bajo que el de otras páginas. Esto es también lo que se muestra como el texto del enlace en la página de resultados del motor de búsqueda (también conocido como SERP).

2. Se muestra en la parte superior de la ventana del navegador o en la pestaña, describiendo la página del navegador.

3. Es lo que está escrito cuando alguien marca tu sitio. Si un usuario marca su sitio, usted quiere que lo recuerde. Si no utiliza una etiqueta Title, su sitio mostrará «Untitled Document» (Documento sin título), que es el título predeterminado de la página utilizado en muchas plataformas de software de desarrollo web.

Dado que la etiqueta es para mostrar una visión general de lo que es esa página, cada página de su sitio debe tener un único , ya que cada página de su sitio incluye un contenido único. Intente mantener el contenido de esta etiqueta por debajo de 60 caracteres o menos. Puede incluir más, pero los motores de búsqueda truncarán el contenido si supera ese número.

Meta Información o Meta Datos

Meta información son datos contenidos en el de su documento HTML que proporciona información adicional sobre su página web al navegador web y otros dispositivos. Puede incluir información como el nombre del autor, el programa que se utilizó para crear la página, la fecha de caducidad de la página y, quizás lo más importante, la descripción y las palabras clave que son relevantes para la propia página.

El más importante

META

que debe incluir en sus documentos web es en realidad el juego de caracteres o charset. Esto es importante para la seguridad de sus páginas web.

El juego de caracteres debe ser siempre la primera línea de su

CABEZA

para que los hackers no puedan entrar. En contexto, a lo largo del resto de las etiquetas que hemos cubierto, le gustaría esto:
DIFUNDE LA PALABRA-
  Más información sobre las Meta Tags
Los meta tags son muy importantes para obtener un buen posicionamiento en los buscadores, pero si sólo tienes tiempo para escribir un buen título descriptivo o meta tags, escribe el título. El título de su documento irá más allá de las metaetiquetas para la colocación en los motores de búsqueda. Para obtener información adicional sobre las metaetiquetas:

Magia con Meta Tags - Utilice meta tags para obtener una mejor colocación en los motores de búsqueda
Más Meta Tags - Vaya más allá de las palabras clave y las descripciones para sacar el máximo provecho de sus metadatos.
Meta Tag Links - Enlaces adicionales para la ayuda de meta tag

  Otros elementos
Además, otras cosas importantes que encontrará en el  de una página son enlaces a los archivos CSS Javascript de un sitio, ya sea como enlaces a archivos JS o como código Javascript en línea.