Dentro de las etiquetas de HTML cabe prestar especial atención a las etiquetas de los metadatos puesto que las mismas ofrecen información sobre el documento web en el que estamos trabajando ayudando a analizar y clasificar el sitio web, es por ello que cobran una gran importancia para ayudarnos al posicionamiento a través de los buscadores.
Las etiquetas de metadatos son invisibles para el usuario,es decir no se ven en la página web. Están en el código HTML y cobran una gran importancia para los navegadores
¿Dónde se insertan las META TAGS?
Las etiquetas de Metadatos deben insertares en la cabecera de nuestro documento web entre las etiquetas <head> y </head>
¿Cuáles son las principales etiquetas de metadatos?
TITLE
Esta etiqueta es la encargada de decirle a los motores de búsqueda que es lo que se muestra en dicha página web. Se recomienda que sea inferior a los 60 caracteres. En el título colocaremos la palabra clave que queremos posicionar de una forma clara, concisa y llamativa para el usuario.
<title>El título que queremos que se muestre</title>DESCRIPTION
Con la ayuda de esta etiqueta podemos aportarle información más extensa a los motores de búsqueda sobre el contenido referente a nuestra página web. En la descripción debemos incluir un resumen de lo que se está tratando en dicha página web, es importante no olvidarnos de utilizar las keywords básicas que hayamos elegido. La recomendación es que dicha descripción sea inferior a 160 caracteres. Es de esta información de donde los buscadores extraen las dos líneas de texto que muestran en los resultados de las búsquedas.
<meta name="description" content= "Aquí debes poner la descripción" > KEYWORDS
A través de esta etiqueta podemos definir palabras clave para el buscador, aunque hemos de tener en cuenta que cada vez más los buscadores ignoran esta etiqueta para el posicionamiento SEO
<meta name="keywords" content="palabra clave 1, palabra clave 2, palabra clave 3"/>ROBOTS
Con el uso de esta etiqueta podemos indicarle a los motores de búsqueda que contenido deber ser indexado y cual no, así como si los enlaces deben ser seguidos o no.
Para la indexación tenemos las opciones index / noindex y para seguir los enlaces follow/nofollow
A continuación podemos ver algunos ejemplos
<meta name="robots" content="index,nofollow"/> <!--Se indexa y no se siguen los enlaces-->
<meta name="robots" content="index,follow"/> <!--Se indexa y se siguen los enlaces-->
<meta name="robots" content="noindex,nofollow"/> <!--No se indexa y no se siguen los enlaces-->ALT
Con la etiqueta alt (texto alternativo) ayudamos a los navegadores a saber de que se trata nuestra imagen, es una forma de ayudar al posicionamiento de las mismas así como una buena práctica para los casos que la imagen no se pueda cargar puesto que mostrará la descripción indicada en la etiqueta, además de ayudar en la accesibilidad
<img src="imagen.jpg" alt="Nombre imagen"/>AUTHOR
Las etiquetas de autor muestran el autor del contenido, lo que puede ayudar a satisfacer el requisito de Experiencia, Autoridad y Fiabilidad (Expertise, Authoritativeness, and Trustworthiness, EAT) de Google para clasificar el contenido.
<meta name="author" content="Nombre del autor" />GRÁFICO ABIERTO
Las etiquetas de gráfico abierto se utilizan para compartir mensajes en plataformas de redes sociales como Instagram, Twitter, Twitch ,etc. Con esta etiqueta podemos pasar información de un blog como la imagen destacada y un fragmento, ayuda a indicar eficazmente a las plataformas de redes sociales el tipo de información que quieres mostrar cuando compartes un enlace desde tu sitio web.
<meta property="og:type" content="website"/>
<meta property="og:title" content="Título de la página"/>
<meta property="og:description" content="Descripción del contenido de la página"/>
<meta property="og:image" content="Link al archivo de la imagen"/>
<meta property="og:url" content="permalink">CHARSET
Esta etiqueta ayuda al navegador web a mostrar una página HTML correctamente puesto que con la etiqueta charset le indica qué juego de caracteres utilizar.
<meta charset="UTF-8">
It’s appropriate time to make some plans for the future and it is time to be happy. I have read this post and if I could I desire to suggest you some interesting things or suggestions. Maybe you could write next articles referring to this article. I wish to read more things about it!