Las etiquetas meta
¿Qué son las etiquetas Meta?
Las etiquetas meta o meta tags son líneas de código HTML que se encuentran en la sección head (cabecera) de las páginas web.
Aunque son invisibles para los usuarios, desempeñan un papel crucial al proporcionar información codificada a los navegadores y motores de búsqueda sobre una página web.
Algunos puntos claves para estos son:
- ✔Título: Es el que aparece en la barra de título de una pestaña.
- ✔Metadescripción:roporciona una descripción o resumen del contenido de la página.
- ✔Meta keyword: Indica las palabras o frases con las que deseas que se encuentre la página en los motores de búsqueda. Sin embargo, su influencia en el SEO ha disminuido y no es ampliamente utilizado
- ✔Además de los mencionados, existen otros meta-tags que pueden incluir información relevante, como palabras clave, autor, copyright y más.
ALGUNOS EJEMPLOS DE ETIQUETAS META
Meta Tittle
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Hola, mundo!</h1>
</body>
</html>
Es una etiqueta HTML muy importante dentro del SEO, el cual define el título de una pagina web, así como que tiene una gran impacto en la visibilidad y el posicionamiento de las páginas en los resultado de la búsqueda.
Ejemplo:
<head>
<br/>
<title>
Ejemplo de mi sitio, Jorge C
</title>
<br/>
</head>
<br/>
<br/>
<br/>
Meta Charset
Se utiliza para especificar la codificación de caracteres en el documento, Es muy importante para el SEO, debido a que en factor de posicionamiento, buscadores como Google, valoran el tipo de codificado al determinar el ranking de una página.
Ejemplo:
<head>
<meta charset="UTF-8">
<head>
Meta description
Meta description es una etiqueta HTML que va dentro del encabezado y que funciona como un texto descriptivo de máximo 160 caracteres que aparece debajo de la la etiqueta "tittle" en la pagina de los resultados de la búsqueda. Su función es la de hacer una breve descripció del contenido que los usuarios encontrarán en la ´ página web. Pretende ser fá de entender y va de la mano con "palabras clave", para resaltar aun mas el contenido de la página web.
Aquí se presenta un ejemplo:
<head>
<meta charset="UTF-8">
<meta name="description" content="Sitio web sobre contenido web como meta, listas, tablas, y referente a HTML5"/>
<head>
Meta keyword
Son etiquetas meta que se pueden utilizar para darle más información sobre el contenido de una página a los motores de búsqueda. Se encuentran en el código fuente HTML de una página web y no son visibles para los visitantes
<head>
<meta charset="UTF-8">
<meta name="description" content="Sitio web sobre contenido web como meta, listas, tablas, y referente a HTML5"/>
<meta name="keywords" content="meta, web, HTML5, etiquetas"/>
<head>
Estos dos meta tags, tienden a un uso opcional desde el punto legal, pues permiten hacer referencia al diseñador de una página web y al propietario de los derechos del código fuente de una página HTML. La importancia de este radica en el panorama de algunos sistemas de gestión de contenido (CMS), donde las etiquetas de autor se generan automáticamente y en ellas se nombra a la persona que ha trabajado la página en último lugar. De esta forma, los administradores pueden extraer del directorio quién gestiona cada página.
<head>
<meta charset="UTF-8">
<meta name="description" content="Sitio web sobre contenido web como meta, listas, tablas, y referente a HTML5"/>
<meta name="keywords" content="meta, web, HTML5, etiquetas"/>
<meta name="author" content="Jorge Celis Hernandez" />
<meta name="copyright" content="Jorge Celis Hernandez_ISC" />
<head>