Las meta etiquetas (también llamadas: meta tags) se utilizan al crear páginas en HTML o XHTML. Estas etiquetas pueden describir el contenido de un sitio web con precisión. Este elemento te permite transmitir metadatos estructurados a través de la página web. Los metadatos pueden variar dependiendo de la descripción de los atributos deseados. Las meta etiquetas se pueden utilizar para describir una página con más detalle.
Un meta elemento puede utilizarse para imitar la respuesta HTTP de un encabezado o para anclar meta información adicional en el documento HTML, como el autor de un texto con una etiqueta de autor, o la forma en que los caracteres se mostrarán a través de la etiqueta de tipo de contenido.
En HTML5 hay un total de cinco atributos válidos que están disponibles para la etiqueta meta: charset, http-equiv, nombre, esquema y contenido. El http-equiv se usa para imitar la respuesta HTTP del encabezado.
A continuación, ya contamos con el saber de lo que es el meta tags, ahora veremos algunos ejemplos del uso de estas etiquetas.
Meta para definir el conjunto de caracteres
Un charset o conjunto de caracteres completo es básicamente un set de caracteres que reconoce el ordenador de la misma manera que una calculadora identifica números. Cada uno de los caracteres se representa con un número conocido como punto de código y esto crea un canal de comunicación para codificar y decodificar contenido.
Por lo tanto, un charset contiene caracteres que tienen un propósito específico o determinado. El ordenador almacena los caracteres como uno o más bytes. Un ejemplo es el conjunto de caracteres ASCII que representa todos los caracteres en inglés y los caracteres de control especiales con números del 0 al 127.
Sin embargo, la mayoría de los charset solo funcionan para idiomas específicos y reconocen caracteres limitados, lo que dificulta o imposibilita la codificación. Sin embargo, en la actualidad, Unicode es el conjunto de caracteres más confiable y universalmente aceptado debido a su facilidad para traducir códigos y números.
Este se puede ver el meta charset en el encabezado de tu código html.
Meta para establecer palabras clave para motores de búsqueda
Con esta etiqueta meta los administradores tienen la posibilidad de definir palabras clave para el buscador. Las keywords son aquellos criterios a los que responde un buscador para ofrecerle al usuario páginas HTML como respuesta, donde tales palabras clave son parte de los meta tags. Anteriormente, esta etiqueta era considerada como el factor SEO más importante, ya que los buscadores primitivos recurrían a este atributo como característica central para el posicionamiento en las listas de resultados. Pero hoy es ignorado por Google y su importancia ha sido minimizada por Bing y otros buscadores populares debido a la facilidad con que puede ser manipulado en el cálculo del factor de ranking. Es por ello que ha perdido todo su valor en el campo de la optimización para los buscadores, aunque esto no significa que un mal uso de este meta tag no pueda llevar a la devaluación en el posicionamiento.
La elección de las palabras clave requiere de cierta sutileza: hay que evitar su uso abusivo, fenómeno conocido como keyword stuffing, así como aquellas sin relación con el contenido de las páginas en una web. A consecuencia de que los archivos locales de búsqueda y los metabuscadores acuden a la información en los meta tags de las palabras clave, se recomienda introducir términos relevantes.
Una línea puede contener varios elementos. Las palabras clave se separan por comas.
Meta para especificar la descripción del documento
Una meta descripción es una etiqueta HTML que se encuentra en el
del HTML y es parte de los meta elementos que se usan para especificar y resumir el contenido de la página.
La meta descripción no se ve en la propia página, pero los motores de búsqueda pueden identificarla con el siguiente código HTML:
Meta establecer la vista de escala para dispositivos móviles
El viewport es la ventana gráfica o área visible en la pantalla de un dispositivo, ya sea un ordenador, un teléfono móvil o una tablet. En el contexto de diseño web y desarrollo móvil, se utiliza para describir el espacio disponible en la pantalla donde se muestra el contenido de una página web.
La etiqueta viewport tiene un propósito claro: asegurarse de que tu sitio web se vea y funcione de manera óptima en dispositivos móviles. Permite que los diseñadores web controlen la escala inicial, el ancho y otros aspectos de la presentación de la página, lo que sirve para mejorar la experiencia del usuario.
Meta para especificar el autor del documento
Esta meta etiqueta sirve para describir al autor de la página web. Su valor es cualquier cadena de texto. Su uso es muy importante y debe de incluir siempre además de realizar otras acciones específicas como relacionar al autor de un documento como su perfil de Google pero esta no es una acción que sea haga con metadatos. Solo puede haber una meta etiqueta de este tipo.
Meta de motores(Robots) de búsqueda
La etiqueta meta robots permite utilizar un enfoque granular y a nivel de página para controlar cómo se deben indexar y servir a los usuarios páginas concretas en los resultados de la Búsqueda de Google. Incluye la etiqueta meta robots en la sección head de una página determinada.
la etiqueta meta robots indica a los buscadores que no muestren esa página en los resultados de búsqueda. Como el atributo name tiene el valor robots, la regla se aplica a todos los rastreadores. En los atributos name y content se distingue entre mayúsculas y minúsculas. Para que afecte solo a un rastreador concreto, sustituye el valor robots del atributo name por el token de user-agent del rastreador en cuestión.
Meta Refresh
La Meta refresh es un término relacionado con el desarrollo web que se usa para hablar del método con el que se indica a los navegadores que refresquen el contenido de una web tras pasar un periodo de tiempo concreto, con el fin de mostrar las novedades que se le hayan podido añadir.
Se le pueden ajustar diferentes parámetros temporales para establecer la tasa de refresco en cuestión. De este modo, un webmaster puede indicar a los navegadores que se haga automáticamente, nada más entrar, si se indica como marco temporal el 0. De hecho, en ocasiones se aplica para engañar a las arañas de los buscadores y llevarlas a un contenido diferente al que ven los usuarios.
Meta para definir el idioma
HTML lang como formalmente se le conoce, es básicamente una etiqueta meta o meta tag que se encarga de indicar el idioma en el que está escrita una página. Su aplicación en el código es importante por varias razones: en primer lugar, facilita que los agentes muestren correctamente el contenido textual de un sitio web.
En segundo lugar, la especificación del idioma en el código HTML ayuda a los motores de búsqueda a mostrar los resultados correctos a los usuarios y usuarias de diferentes países.
Si el idioma no se especifica explícitamente, los buscadores intentarán determinarlo basándose en otros factores, pero esto puede dar la posibilidad de interpretaciones erróneas.
Además, conviene marcar los cambios de idioma del texto dentro de una página HTML para, entre otros motivos, facilitar el trabajo de los servicios de traducción.
Meta del titulo
el título se sitúa, por regla general, por encima de todas las demás etiquetas. Los navegadores lo leen y aparece en la barra del título de una pestaña o una ventana como nombre estándar de la página en la lista de favoritos y en el historial del navegador. Los buscadores más importantes usan esta etiqueta para titular las entradas en las listas de resultados o SERP, de modo que influye de forma decisiva en la elección del internauta.
Meta Revisit-After
La etiqueta Meta Name Revisit After es un atributo HTML que se utiliza para especificar el período después del cual los rastreadores de los motores de búsqueda deben volver a visitar una página web para indexarla y actualizarla. Proporciona instrucciones a los motores de búsqueda sobre cuándo volver a visitar una página web y se coloca dentro de la sección de encabezado HTML.
