Etiquetas meta SEO: la lista definitiva y por qué son importantes

Lectura de 11 min

Los metadatos son códigos HTML que se incluyen en la sección de documentos HTML. Este código no afecta el diseño web de ninguna manera, solo está ahí para que lo lean las arañas de los motores de búsqueda. Este código les dice a los robots de los motores de búsqueda muchos detalles sobre el sitio web. Proporcionando información precisa metadatos Ayuda al motor de búsqueda a indexar y clasificar su sitio web con mayor precisión.

¿Por qué son importantes los metadatos?

Los metadatos pueden marcar la diferencia entre posicionarse o no para una palabra clave determinada. Si sus competidores tienen buen contenido, pero no completan todos sus metadatos opciones, entonces todavía puedes vencerlos. El SEO consiste en construir una base de credibilidad Factores con Google. Google ha pedido a los webmasters que proporcionen esta información y recompensa a quienes lo hacen.

¿Cómo edito metadatos?

Si está escribiendo su código a mano, existen muchas guías disponibles en línea que proporcionan los fragmentos de código exactos que puede incluir en el sección de sus documentos HTML.

La mayoría de las plataformas de diseño de sitios web y comercio electrónico ofrecen funciones que le permiten configurar los metadatos para cada página, producto y publicación de blog dentro de su sitio web. Ecwid ofrece amplias opciones de edición. metadatos y realizar otras personalizaciones de SEO. Shopify tiene un conjunto más limitado de opciones de SEO. WordPress tiene varios complementos conocidos que brindan la posibilidad de editar metadatos.

Tipos de metadatos

Metatítulo y metadescripción

Los tipos de metadatos más famosos son los del sitio título y descripciónCompletar estos elementos en cada página de su sitio web es una de las formas más sencillas de mejorar su posicionamiento SEO. A pesar de lo fácil que es hacerlo, hay muchos sitios que no están optimizados de esta manera.

El contenido de ambas metaetiquetas se muestra en los resultados de búsqueda. La metaetiqueta del título de la página se utiliza para el texto de anclaje del enlace a su sitio web en la lista de resultados de búsqueda. La metaetiqueta de descripción completa la descripción de su sitio en los resultados de búsqueda. Si no tiene estas metaetiquetas completas, Google intentará generar automáticamente la información a partir del contenido de su sitio... si es que se molesta en clasificar su sitio.

Comercio electrónico Ecwid - Búsqueda de Google

Así se ven el meta título y la meta descripción de Ecwid Ecommerce en Google SERP

Las etiquetas de título no deben tener más de 60 caracteres., y debe incluir la palabra clave de la página. Escriba un título atractivo para el sitio que anime al usuario a hacer clic en su anuncio. Un título metaetiqueta Se ve como esto:

Este es un ejemplo de etiqueta de título de un sitio web

Las etiquetas de descripción deben tener entre 140 y 160 caracteres.La palabra clave debe usarse de forma natural en la primera oración. Si no escribe una descripción de alta calidad, Google la ignorará e intentará autogenerar Una mejor. Una etiqueta de descripción se ve así:

Etiqueta meta de palabras clave

Solía haber una metaetiqueta que enumeraba las palabras clave asociadas con la página. Google dejó de usar esta metaetiqueta como factor de clasificación hace más de una década. Todos los demás motores de búsqueda importantes también publicaron declaraciones en las que rechazan el uso de la metaetiqueta de palabras clave. Si bien no se lo penalizará por usar esta etiqueta, sería una pérdida de tiempo y esfuerzo hacerlo.

La metaetiqueta Robots

Robots Las metaetiquetas son diferentes al archivo robots.txt. Robots.txt les indica a los robots qué páginas deben rastrear. Las metaetiquetas de robots les indican a los robots qué páginas deben indexar.

En la mayoría de los casos, lo que se desea es que los robots indexen la página. Por lo tanto, el valor predeterminado para la metaetiqueta robots es: “índice, seguir”Sin embargo, los valores se pueden cambiar a “sin índice, sin seguimiento” en páginas específicas que no queremos que aparezcan en los resultados de búsqueda.

La metaetiqueta robots se ve así:

Metaetiquetas para enlaces salientes

Hay algunas etiquetas de marcado para enlaces salientes, pero son un poco diferentes al resto de las metaetiquetas. En lugar de estar incluidas en el sección de la página HTML, estas etiquetas se agregan al marcado del enlace.

El sistema rel La etiqueta de marcado para enlaces salientes tiene tres valores posibles; patrocinado, ugc (contenido generado por el usuario) y nofollowUn enlace puede contener varios rel valores. Google ha publicado una guía sobre estas metaetiquetas titulada “Califica tus enlaces salientes a Google.

Meta ventana gráfica

La etiqueta meta viewport es muy importante porque indica a los motores de búsqueda que su sitio es compatible con dispositivos móviles. Sin esta etiqueta meta, su sitio web no aparecerá en los resultados de búsqueda para dispositivos móviles.

Una etiqueta meta de ventana gráfica se ve así:

Web.dev ha publicado el artículo definitivo sobre este tema, titulado “Conceptos básicos del diseño web adaptable”. La mayoría de las plataformas de diseño web y comercio electrónico establecerán automáticamente esta metaetiqueta y también habrán aplicado código CSS responsivo a sus diseños visuales. Si está codificando desde cero o simplemente quiere comprender los aspectos prácticos del tema, esta guía es para usted.

Metaetiquetas de redes sociales

Estas metaetiquetas controlan la forma en que se muestran sus enlaces en los sitios de redes sociales. Puede controlar su sitio título, descripción, Foto principal, y más. Open Graph es la forma predominante de metadatos de redes sociales, pero los datos de esquema se utilizan para proporcionar una funcionalidad similar para las plataformas sociales que no son compatibles con Open Graph.

Marcado de gráficos abiertos

Las metaetiquetas Open Graph fueron creadas por Facebook, pero también las utiliza Twitter. Utilizarás varias metaetiquetas Open Graph para definir las propiedades de visualización de tus enlaces en Facebook. Puedes aplicar metaetiquetas OG a páginas e imágenes.

Marcado de tarjetas de Twitter

Twitter también utiliza metaetiquetas Open Graph para controlar la forma en que se muestran los enlaces en su plataforma. Los valores son diferentes a los de las etiquetas OG de Facebook, por lo que debes definir los valores para ambos sitios. Los valores OG de Twitter solo se pueden aplicar a las páginas.

Esquema para Linkedin, Google+ y Pinterest

Si bien el esquema normalmente se entrega en un archivo JSON, existe un marcado de esquema que se puede agregar a la sección de una página HTML. Estas etiquetas se pueden usar para definir la forma en que se muestran los enlaces en las plataformas de redes sociales que no usan el protocolo OG.

Otros tipos de metadatos

Existen muchos otros tipos de metadatos poco conocidos que se pueden utilizar dentro de la sección de su sitio web y, ocasionalmente, dentro del cuerpo HTML. Google publica una lista de todas las formas de metaetiquetas reconocidas actualmente y sus posibles valores. La lista se titula “Etiquetas meta y en línea.

Marcado de esquema como metadatos

El marcado de esquema es un desarrollo más reciente que los metadatos, pero su finalidad es la misma. Tanto los metadatos como el marcado de esquema proporcionan datos a las arañas de los motores de búsqueda para ayudarles a rastrear, indexar y clasificar los sitios web con mayor precisión.

Existen muchos tipos diferentes de marcado de esquema y varios métodos para entregar datos de esquema. Si bien no hay muchas metaetiquetas para elegir, la gran variedad de marcado de esquema puede resultar abrumadora para quienes están aprendiendo a usarlo.

Si bien casi todos los creadores de sitios web y plataformas de comercio electrónico Proporcionar formas de editar sus metaetiquetas, la implementación de la edición de datos de esquema es, en el mejor de los casos, irregular. Algunas plataformas auto-crear datos de esquema, otros permiten opciones de edición y la gran mayoría simplemente ignoran los datos de esquema por completo.

Agregar datos de esquema a su sitio puede brindarle una gran ventaja competitiva. Muchos Los sitios web siguen siendo no optimizado De acuerdo con los estándares de tecnología de metaetiquetas más antiguos. Si se asegura de que sus metaetiquetas estén personalizadas correctamente y también implementa datos de esquema, ¡dejará a la competencia muy atrás!

En primer lugar, debe revisar los diferentes tipos de datos de esquema y decidir cuáles desea incluir en su sitio. Luego, debe recopilar los datos necesarios para completar los valores. Una vez que haya realizado esta preparación, puede usar una herramienta de generación de esquemas para generar su sitio. JSON-LD archivo.

Una vez que haya generado los datos de su esquema, deberá probarlos con una herramienta de validación de esquema.

SEMRush ha elaborado una guía detallada llamada “¿Qué es Schema? Guía para principiantes sobre datos estructurados”. Esta guía cubre los principales tipos de marcado de esquema y proporciona enlaces a múltiples herramientas para generar y validar su marcado de esquema. Datos de esquema en JSON-LD El formato se puede agregar a la sección del sitio web o usarse en toda la sección del cuerpo del HTML.

Vender en línea

Con Ecwid Ecommerce, puedes vender fácilmente en cualquier lugar, a cualquier persona, a través de Internet y en todo el mundo.

Empieza aquí

3 de marzo, 2022

Acerca del autor.

Max lleva seis años trabajando en el sector del comercio electrónico ayudando a las marcas a establecer y mejorar el marketing de contenidos y el SEO. A pesar de ello, tiene experiencia en emprendimiento. En su tiempo libre escribe ficción.