Tipos comunes de metaetiquetas
1. Meta descripción
Proporciona un breve resumen del contenido de la página web, utilizado por los motores de búsqueda para mostrarlo en los resultados de búsqueda.
<meta name=»description» content=»Esta es una página web sobre metaetiquetas HTML y sus funciones.» >
2. Meta palabras clave
Especifica palabras clave relevantes para el contenido de la página. (Menos importante para el SEO hoy en día).
<meta name=»palabras clave» content=»HTML, metaetiquetas, página web, SEO»>
3. Vista
Controla cómo se muestra la página web en los dispositivos móviles.
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
4. Conjunto de caracteres
Especifica la codificación de caracteres de la página web (se suele utilizar UTF-8).
<meta charset=»UTF-8″>
5. Autor
Especifica el nombre del autor del contenido.
<meta name=»author» content=»John Doe»>
Ejemplo de metaetiquetas en HTML
<! TIPO DOC html>
<html>
<cabeza>
<meta charset=»UTF-8″>
<meta name=»description» content=»Aprende todo sobre las metaetiquetas HTML y cómo mejoran el SEO y la funcionalidad de la página.» >
<meta name=»palabras clave» content=»HTML, metaetiquetas, SEO»>
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
<meta name=»author» content=»Jane Smith»>
<title>Understanding Meta Tags</title>
</cabeza>
<cuerpo>
<h1>Bienvenidos al tutorial de metaetiquetas</h1>
</cuerpo>
</html>
Importancia de las metaetiquetas
– SEO: Las metaetiquetas, especialmente la descripción y las palabras clave, ayudan a los motores de búsqueda a comprender el contenido de una página.
– Experiencia del usuario: Etiquetas como «ventana gráfica» mejoran la capacidad de respuesta móvil.
– Metadatos: Proporciona información adicional (autor, conjunto de caracteres) útil para navegadores y motores de búsqueda.