Metaelemento HTML | TIEngranaje

¿Alguna vez has oído hablar del metaelemento HTML? Es posible que no lo sepas, pero este pequeño pero poderoso elemento es esencial para el buen funcionamiento de cualquier sitio web. En este artículo de TIEngranaje, te explicaremos todo lo que necesitas saber sobre el metaelemento HTML, cómo utilizarlo y por qué es tan importante para el éxito de tu página web. ¡No te lo pierdas!

Los metadatos son simplemente, información sobre datos. En los documentos HTML, el <meta> El elemento proporciona información a los navegadores sobre el documento HTML. La información de metadatos se no se mostrará en la página, pero será utilizado por el navegador web de alguna forma o manera.

Los metaelementos se utilizan para varias razones como agregar, palabras clave, una descripción de la página, el autor del documento, cuándo se modificó por última vez y otra información relacionada. El <meta> elemento siempre se coloca dentro de la head elemento como se muestra aquí:

<!DOCTYPE html>
<html>
<head>
    <title>My Web Page Title</title>
    <meta name="description" content="a short description about this web page." />
    <meta name="keywords" content="important words or phrases found on this page." />
</head>
<body>
    <h1>Main heading</h1>
</body>
</html>

Estos son algunos de los más comunes. meta elementos que incluirá en su documento HTML. Hay muchos más y puede definir el suyo propio en un esquema.

Esta etiqueta se utiliza para añadir información de derechos de autor a tu pagina

Descripción

Los motores de búsqueda a veces optan por utilizar descripciones para mostrarles los resultados de las búsquedas. Teniendo un la descripción ayudará sus usuarios tienen una mejor comprensión de la página, por lo que es más probable que hagan clic en su enlace.

Generador

Esta etiqueta no es obligatoria, pero si usas una aplicación de publicación web, la propia aplicación puede agregar esta etiqueta a su documento.

Robot de Google

Este atributo informa al motor de búsqueda de Google sobre indexación, archivandoy seguimiento de enlaces normas.

  • noarchive – Evita que el motor de búsqueda de Google archive la página.
  • nofollow – Informa a Google que la página se puede indexar, pero no se deben seguir los enlaces.
  • noindex – Los robots de Google deben seguir los enlaces, pero no indexar la página.
  • nosnippet – Evite que el motor de búsqueda de Google guarde fragmentos y archive el documento.

Palabras clave

Las palabras clave le dicen al rastreador web cuál es el enfoque principal del documento. Puede ser utilizado por los motores de búsqueda, aunque muchos motores de búsqueda dejaron de usar palabras clave con respecto a la indexación de sus páginas.

Actualizar

La página web se mostrará durante un período de tiempo específico antes de actualizarse o cambiar a una nueva URL. Nota: para redirigir páginas, es preferible utilizar un Método de reescritura de URL.

Usando esto meta atributo requiere el navegador para soportarlo. Puede que no funcione para todos sus visitantes.

<html xmlns="http://www.w3.org/1999/xhtml">    
<head>    
    <title>Web Page Title</title>      
    <meta http-equiv="refresh" content="0;URL='http://anotherhost.example.com/'" />    
</head>    
<body>     
    <p>
        This page has moved to a <a href="http://anotherhost.example.com/">anotherhost.example.com</a>.
    </p>
</body>  
</html>  

robots

Esta etiqueta no es obligatoria, pero puede usarse si desea instruir a las arañas web sobre cómo rastrear o no su sitio. Valores válidos para el CONTENT atributo son: INDEX, NOINDEX, FOLLOW, NOFOLLOW.

Se permiten múltiples valores separados por comas, pero obviamente, solo algunas combinaciones tienen sentido. Si no hay robots <meta> etiqueta, el valor predeterminado es INDEX,FOLLOW, por lo que no es necesario utilizar esta etiqueta si esa es su intención. Otras posibilidades incluyen:

  • <meta name="ROBOTS" contnet="NOINDEX, FOLLOW">
  • <meta name="ROBOTS" contnet="INDEX, NOFOLLOW">
  • <meta name="ROBOTS" contnet="NOINDEX, NOFOLLOW">

Para obtener información más detallada sobre metadatos y atributos adicionales, visite W3.org’s pagina sobre este tema.

❤ ¿Qué es Etiqueta Meta en HTML? 👉 Curso de HTML5

Qué es Etiqueta Meta en HTML? - Curso de HTML5 ¿Por Qué Usar Etiqueta Meta? https://oregoom.com/html/meta/ Más ...

Deja un comentario