Curso HTML: Meta tags

En esta ocasión hablaremos de los meta tags, que se insertan en la cabecera de la página, entre las etiquetas <head></head>. La función de estos tags varía.

Pueden ser informativos, para los buscadores y usuarios, indicándoles el tipo de contenido de la web, sus palabras claves, etc. o pueden predefinir una actuación a la página.

Los meta tags no se pueden ver a no ser que sea a través del código fuente. Es decir, un meta tag no hace variar la apariencia de una página web, pero son imprescindibles e importantísimos para los buscadores webs.

El esquema de un meta tag es el siguiente: <meta name=” ” content=” “/>. El “name” muestra el nombre de la etiqueta y el “content” el contenido de esa etiqueta. Los meta tags pueden cerrarse de dos formas: > o /> . La segunda es más correcta aunque los navegadores no muestran diferencia con una u otra.

Estas etiquetas juegan un papel importante en el posicionamiento web, especialmente la etiqueta meta description. 

Puede que todo esto te suene a chino, no te preocupes. Ahora vamos a pasar a explicarte los meta tags más importantes que debes conocer.

Meta tag “Description”

Este meta es también destinado para los buscadores. En la “description” escribiremos la descripción de la página, de sus contenidos. Esto lo haremos a través de frases cortas y separadas entre ellas por puntos. En nuestra página este meta quedaría de la siguiente manera:

<meta name=”Description” content=”Tutorial html. Meta tags” />

Meta tag “language”

Este meta tag le indica al buscador el idioma en el que está escrita la página. En el caso de español en content se pone “es”, en inglés “en”, en francés “fr”… Nuestra página es española así que su meta será el siguiente:

<meta http-equiv=”Content-Language” content=”es”/>

Meta tag “Distribution”

Este meta es importante. Marca la distribución que queremos que se haga de nuestra web en Internet. Si queremos que se distribuya por todo el mundo en “content” indicaremos “global”. Escribir este meta en global es lo más recomendable. Así pues nuestra página incluirá…

<meta name=”distribution” content=”global”/>

Meta tag “Robots”

Puede que no queramos que nuestra página sea indexada por los robots de los buscadores Web. En ese caso debemos indicárselo con el meta “Robots”. En content variará la respuesta dependiendo del valor que escribamos.

Los valores “all” e “index” indicarán que queremos que se indexe toda la página. Los valores “none” y “noindex” indicarán que no queremos que se indexe nada. El valor “follow” indica que queremos que el robot siga los vínculos externos de nuestra web y “nofollow” indicará lo contrario.

Lista del curso:

Curso HTML: Párrafos y saltos de línea

Curso HTML: Formateo de texto

Curso HTML: Meta tags

Curso HTML: Estructura de una página web

Curso HTML: Introducción al HTML

Si te ha gustado este artículo  únete a nuestro canal de Telegram para recibir más artículos como este o síguenos en Twitter .

FV

FV

Diseñador gráfico y web, con ganas de trabajar y aprender todo lo posible de este campo tan variado. Creativo tanto en la vida laboral como personal. Diseñar es el arte de transmitir gráficamente lo que uno imagina. Imagina, crea, diseña.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *