Intern
¿Qué son las metaetiquetas?
sobes.tech AI
Respuesta de la IA
Las metaetiquetas son etiquetas HTML que proporcionan metadatos sobre el documento HTML. Se colocan dentro de <head> y no se muestran directamente en la página.
Usos principales de las metaetiquetas:
- Descripción del contenido: Indicar el título de la página (
<title>) y una breve descripción (<meta name="description">). - Palabras clave: Enumerar palabras clave relacionadas con el contenido (
<meta name="keywords">- menos relevante para el SEO actual). - Codificación: Definir el conjunto de caracteres del documento (
<meta charset="utf-8">). - Autor: Indicar el autor de la página (
<meta name="author">). - Viewport: Controlar el escalado y las dimensiones del área de vista en dispositivos móviles (
<meta name="viewport">). - Robots: Indicar instrucciones para los robots de búsqueda (indexar o no, seguir enlaces o no) (
<meta name="robots">). - Open Graph y Twitter Cards: Proporcionar información para redes sociales al compartir la página (
<meta property="og:...">,<meta name="twitter:...">).
Ejemplos:
<meta charset="utf-8">
<meta name="description" content="Descripción de mi página web.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Título para redes sociales">
Son importantes para SEO, correcta visualización en diferentes dispositivos y para compartir contenido en redes sociales.