¿Para qué sirve una metaetiqueta en HTML?

El metaelemento puede adoptar varios atributos diferentes, algunos de los cuales son más útiles que otros. En términos de SEO, generalmente consideramos lo siguiente:

Título (no es un metaelemento pero es importante usarlo)

Para fines de SEO, generalmente nos centramos en , que muestra el título de su página en la parte superior del navegador y en pestañas. También se muestra cuando alguien pega un enlace a su página en un sitio de redes sociales (como Quora) y a menudo Google y otros motores de búsqueda lo usan como el título que se mostrará en los resultados de búsqueda.

Descripción

La metaetiqueta de descripción se usa para describir de qué trata la página. Los motores de búsqueda pueden usar esto en los resultados de búsqueda y también se usa a menudo en las redes sociales. Lea Meta Descripción para más información.

Palabras clave

Ya no prestamos mucha atención a la etiqueta de palabras clave. Muchas personas tenían la costumbre de rellenarlas con cualquier palabra que pensaran que podría llamar la atención, por lo que los motores de búsqueda comenzaron a ignorarlas. Puedes ignorarlos también. Meta palabras clave: por qué no las usamos, y tú tampoco deberías • Yoast

Tipo de contenido

Esto pasa información al navegador para que sepa cómo representar la página.

SEO Meta Tags proporciona una buena descripción general de estas y otras metaetiquetas.

El elemento Metadatos a nivel de documento proporciona una lista completa con descripciones de para qué se utilizan.

HTML5: Edición para autores web: del Consorcio World Wide Web

¡Hay toneladas de excelentes respuestas sobre qué metaetiquetas son en general! Me centraré en por qué las metaetiquetas de redes sociales son importantes:

Las metaetiquetas de redes sociales son básicamente una optimización de cómo se comparte su contenido en las redes sociales. Le dan control sobre qué información se muestra en las publicaciones y cómo. Si sus publicaciones, tweets y pines muestran la información correcta y están bien organizados, es más probable que obtengan más conversiones y compartan de nuevo.

Aquí hay un ejemplo del antes y el después del tweet mejorado de metaetiquetas:
Creamos una herramienta que le permite generar rápidamente las metaetiquetas más precisas llamadas Megaetiquetas. Simplemente puede escribir la información relevante para su sitio y copiarla y pegarla en su plantilla HTML.

La etiqueta proporciona metadatos sobre el documento HTML. Los metadatos no se mostrarán en la página, pero se analizarán por máquina.
La etiqueta se usa para proporcionar dicha información adicional. Esta etiqueta es un elemento vacío y, por lo tanto, no tiene una etiqueta de cierre, pero contiene información dentro de sus atributos.
Puede incluir una o más metaetiquetas en su documento en función de la información que desea mantener en su documento, pero en general, las metaetiquetas no afectan la apariencia física del documento, por lo que desde el punto de vista de la apariencia, no importa si incluye ellos o no.
Una metaetiqueta puede tener los siguientes atributos:
Ejemplo 1 – Definir palabras clave para motores de búsqueda:

Ejemplo 2: defina una descripción de su página web:

Ejemplo 3: definir el autor de una página:

Ejemplo 4 – Actualizar documento cada 30 segundos:

La metaetiqueta se usa para proporcionar datos básicos sobre el documento html que no se pueden hacer con otras etiquetas. Estas etiquetas no se muestran en el documento. Las metaetiquetas también se utilizan para redirigir a algunas páginas diferentes, atributos http como http-equiv, charset, etc. Desempeñan un papel importante en el SEO al definir palabras clave y la descripción. Algunos ejemplos son

Las metaetiquetas se usan de manera ligeramente diferente en sitios web de redes sociales como Facebook, Twitter.

Para una buena comprensión, puede referirse a estos.

• Uso de metaetiquetas en HTML: algunos conceptos básicos y mejores prácticas
• Protocolo de gráfico abierto
• Metaetiquetas sociales imprescindibles para Twitter, Google+, Facebook y más

Espero que esto ayude.

Una metaetiqueta es un lugar para colocar “metadatos”. Metadatos significa datos sobre datos.

Esto puede parecer circular al principio, pero es realmente un concepto útil, especialmente. a medida que los datos y el contenido crecen exponencialmente. Piensa en un libro. Tiene su contenido y luego también hay “información” * sobre * el libro (también conocido como metadatos). Algunos ejemplos son cuándo se escribió, quién lo escribió, quién lo publicó, cómo se clasifica, etc. Si tiene el libro en la mano, los metadatos pueden o no ser relevantes. Si lo está buscando, a menudo necesita metadatos.

Esto también es cierto para todo el contenido en línea. Los metadatos lo ayudan a reducir y clasificar los datos / contenido en grupos más pequeños para desplazarse. “Encontrar un libro de John Grisham” reduce el conjunto de resultados posibles mejor que “libro espía”. Incluso el término “libro” sería metadatos. Analizar solo los metadatos puede ser útil en sí mismo. Hay X cantidad de páginas de John Doe escritas en 1997 clasificadas como blogs. Has aprendido mucho sin siquiera acceder a los datos “reales”. A veces los metadatos son más interesantes que el contenido.

Cuando estos metadatos están en la página principal de HTML, los sistemas, como los motores de búsqueda y los clasificadores, pueden crear índices que ayudan a los usuarios a cambiar la montaña de contenido que existe.

La metaetiqueta se puede explicar con un simple ejemplo.

Tu sitio web es como tu casa.

Cuando google visita tu sitio web o tu hogar

Supongamos que la metaetiqueta es el número de puerta de su casa, Google verifica su metaetiqueta y comprende

de qué se trata su sitio web como puerta no. Su sitio web y lo muestra en el resultado de búsqueda para una pregunta particular que se le hace.

El sitio web de EverY debe tener una etiqueta de carne que Google pueda identificar fácilmente y para un buen índice en los resultados de los motores de búsqueda.

También es parte de la técnica de optimización de SEO en la página.

Los metadatos son datos (información) sobre datos.
La etiqueta proporciona metadatos sobre el documento HTML. Los metadatos no se mostrarán en la página, pero se analizarán por máquina.
Los metaelementos se usan generalmente para especificar la descripción de la página, las palabras clave, el autor del documento, la última modificación y otros metadatos.
Los metadatos pueden ser utilizados por los navegadores (cómo mostrar contenido o recargar la página), motores de búsqueda (palabras clave) u otros servicios web.

Los metadatos son datos (información) sobre datos.

La etiqueta proporciona metadatos sobre el documento HTML. Los metadatos no se mostrarán en la página, pero se analizarán por máquina.

Los metaelementos se usan generalmente para especificar la descripción de la página, las palabras clave, el autor del documento, la última modificación y otros metadatos.

Los metadatos pueden ser utilizados por los navegadores (cómo mostrar contenido o recargar la página), motores de búsqueda (palabras clave) u otros servicios web.

Meta Title and Description resume la página usando el lenguaje que está allí para que las arañas de los motores de búsqueda que miran e indexan estos datos tengan una sinopsis rápida de lo que hay allí.

Formato de etiqueta meta:

Formato de etiqueta IMG estándar:

Formato de etiqueta IMG optimizado:

Formato de etiqueta de título de ejemplo:

Pocas empresas SEO optimizan las metaetiquetas con una descripción única y una palabra clave específica mientras optimizan la página.

La etiqueta proporciona metadatos sobre el documento HTML y solía tener una descripción de la página, palabras clave, autor del artículo o sitio, última modificación y otros metadatos

La metaetiqueta colocada dentro de la etiqueta y las metaetiquetas aún juegan un papel muy importante en el SEO de su sitio. Se utiliza para mejorar la calificación de Google Pank.

Algunas de las mejores metaetiquetas de SEO

meta name = “descripción”

meta nombre = “google”

meta nombre = “googlebot”

meta name = “palabras clave”

meta name = “descripción”

meta name = “robots”

Algunos de los mejores SEO para páginas HTML en dispositivos móviles / portátiles

link rel = “etiqueta apple-touch-icon para clips web

meta nombre = “detección de formato”

meta name = “HandheldFriendly”

meta name = “viewport”

meta name = “compatible con apple-mobile-web-app

Los metadatos son datos (información) sobre datos.
La etiqueta proporciona metadatos sobre el documento HTML. Los metadatos no se mostrarán en la página, pero se analizarán por máquina.
Los metaelementos se usan generalmente para especificar la descripción de la página, las palabras clave, el autor del documento, la última modificación y otros metadatos.
Los metadatos pueden ser utilizados por los navegadores (cómo mostrar contenido o recargar la página), motores de búsqueda (palabras clave) u otros servicios web.

La metaetiqueta permite agregar información sobre su documento. Por ejemplo, el nombre del autor (que es usted), también podría ayudar a los motores de búsqueda como Google a buscar en su sitio web agregando las palabras clave (que desea que el usuario escriba en el motor de búsqueda para encontrar su sitio web) en la metaetiqueta.

Ejemplos de metaetiquetas:

La metaetiqueta se utiliza para proporcionar metadatos de esa página web / documento HTML. Los metadatos se refieren a la información contenida en la página web en forma de ‘metaelementos’. Los metaelementos se usan generalmente para especificar la descripción de la página, las palabras clave, el autor del documento, la última modificación y otros metadatos. Los metadatos no se mostrarán en la página, pero serán analizables por máquina. Los metadatos siempre se pasan como pares de nombre / valor. La etiqueta META siempre se usa debajo de la etiqueta HEAD.

Los metadatos significan información sobre los datos. Por lo tanto, la metaetiqueta en el documento html se utiliza para proporcionar información al navegador sobre nuestra página web. Por ejemplo, la metaetiqueta se usa para declarar el idioma del texto escrito en la página y para especificar la codificación de caracteres utilizada.

Las metaetiquetas se utilizan para obtener los metadatos de una página web y obtener una vista previa del fragmento en las páginas de resultados del motor de búsqueda, y también se utilizan para obtener una vista previa enriquecida en el uso compartido de redes sociales. Para más detalles lea estos artículos:

Metaetiquetas HTML para redes sociales

Sobre SEO Tutorial Sobre Meta Tags

Si . si consideras la palabra meta, es una palabra antigua que proviene del griego. Significa algo que se hace referencia a sí mismo. Si está pensando por qué está pensando, eso se llama metacognición.

Los metadatos no solo se usan en sitios web. La metaetiqueta fue una especificación que describió una de las primeras y más básicas formas en que una página puede describirse a sí misma para permitir que los motores de búsqueda estén al tanto de lo que hay en la página.

Hoy, si desea que se encuentre, todo su sitio web debe crearse idealmente de manera que cada contenido tenga una identidad y pueda ser leído por las máquinas.

Las metaetiquetas todavía se usan ampliamente. Con mayor frecuencia, cuando ve algo compartido en un feed en un sitio de redes sociales, por ejemplo, está mirando los metadatos asociados con esa página.

Las metaetiquetas son muy útiles para SEO y para compartir en redes sociales.

Si !

En las metaetiquetas de SEO contienen palabras clave y contenido, mientras que en el intercambio social hay algunas propiedades “og:” que ayudan a crear un gran contenido para compartir.

Cómo usar las metaetiquetas para un SEO perfecto y obtener un rango más alto – Web Tech Preneur

Se utiliza principalmente para comunicar cosas al navegador que el servidor podría configurar usando encabezados, pero el diseñador de la página web decidió en su lugar hacer / también y establecer “metadatos” sobre la página, como el autor y otra información.

Hay buena información en la página de WikiPedia: Meta elemento

Las metaetiquetas no resolverán todos sus problemas de SEO y accesibilidad, pero juegan un papel importante en estas áreas.

¿Por qué son importantes las etiquetas meta?

Uso de metaetiquetas en HTML: algunos conceptos básicos y mejores prácticas