Ejemplos de Etiquetas Meta

¿Qué es la etiqueta en HTML?

La etiqueta es un elemento HTML que se utiliza para proporcionar información adicional, llamada metadatos, sobre un documento HTML.Los metadatos no se muestran directamente en la página web, sino que sirven como información para navegadores, motores de búsqueda y otras aplicaciones que interactúan con la página.

Explora la información sobre etiquetas meta a continuación:

Charset

<meta charset="UTF-8">

Establece el conjunto de caracteres utilizado en el documento como UTF-8.

Viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Define las propiedades de visualización en dispositivos móviles, como el ancho y la escala inicial.

Descripción

<meta name="description" content="Descripción del contenido">

Proporciona una breve descripción del contenido de la página para motores de búsqueda.

Consejos

Escribe una descripción única y relevante para cada página de tu sitio web.
Limita la descripción a aproximadamente 155 caracteres para evitar truncamientos en los resultados de búsqueda.

Autor

<meta name="author" content="Nombre del autor">

Indica el autor del documento.

Palabras clave

<meta name="keywords" content="palabra1, palabra2, palabra3">

Especifica palabras clave relevantes para el contenido de la página.

Consejos

Aunque la etiqueta de palabras clave no tiene un impacto significativo en el SEO, aún puedes incluirla si lo deseas.
Limita la cantidad de palabras clave a las más relevantes y no repitas las palabras clave innecesariamente.

Recuerda que, aunque las etiquetas pueden ayudar en la optimización para motores de búsqueda, no son la única estrategia que debes emplear para mejorar el rendimiento de tu sitio web en los resultados de búsqueda.

Robots

<meta name="robots" content="index, follow">

<meta name="robots" content="noindex, nofollow"<

<meta name="robots" content="index, nofollow"<

<meta name="robots" content="noindex, follow"<

La etiqueta con el atributo “name” y el valor ‘robots’ permite indicar a los motores de búsqueda cómo deben rastrear e indexar una página en particular.Controla el comportamiento de los robots de búsqueda, indicando si deben indexar y seguir enlaces.

Consejos

Utiliza “index, follow” para permitir que los motores de búsqueda indexen y sigan los enlaces de una página.
Utiliza “noindex, nofollow” para evitar que los motores de búsqueda indexen la página y sigan sus enlaces.
Utiliza “index, nofollow” si deseas que la página sea indexada pero no que se sigan los enlaces, o “noindex, follow” si deseas que se sigan los enlaces pero no que se indexe la página.

Apple-mobile-web-app-title

<meta name="apple-mobile-web-app-title" content="Nombre de la aplicación">

Define el nombre de la aplicación web en dispositivos iOS.

Apple-touch-icon

<link rel="apple-touch-icon" href="icono.png">

Especifica el ícono de la aplicación web para dispositivos iOS.

Tema IE

<meta name="msapplication-TileColor" content="#RRGGBB">

Establece el color del tema de la barra de tareas en Internet Explorer.

Formato de Fecha IE

<meta http-equiv="x-ua-compatible" content="IE=edge">

Asegura que Internet Explorer use su última versión de motor de renderizado.