Los metadatos son código HTML que se incluye en la sección de documentos HTML. Este código no afecta el diseño web de ninguna manera, solo está ahí para que las arañas de los motores de búsqueda lo lean. Este código les dice a los robots del motor de búsqueda muchos detalles sobre el sitio web. Proporcionar metadatos precisos 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 significar la diferencia entre clasificar o no clasificar para una palabra clave determinada. Si sus competidores tienen buen contenido, pero no completan todas sus opciones de metadatos, entonces aún puede vencerlos. SEO se trata de construir una pila de factores de credibilidad con Google. Google ha pedido a los webmasters que proporcionen esta información, y recompensan a quienes lo hacen.

¿Cómo edito los metadatos?

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

La mayoría de las plataformas de diseño de sitios web y comercio electrónico proporcionan características que le permiten establecer los metadatos para cada página, producto y publicación de blog dentro de su sitio web. Ene Ecommerce ofrece amplias opciones para editar metadatos y realizar otras personalizaciones de SEO. Shopify tiene un conjunto más limitado de opciones de SEO. WordPress tiene varios complementos bien conocidos que proporcionan la capacidad de editar metadatos.

Tipos de metadatos

Meta Título y Meta Descripción

Los tipos más famosos de metadatos son el título y  la descripción del sitio. Completar estos elementos para cada página de su sitio web es una de las formas más simples de mejorar su clasificación 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 SERPS. La metaetiqueta del título de la página se utiliza para el texto de anclaje del enlace a su sitio web en su lista de resultados de búsqueda. La metaetiqueta de descripción rellena la descripción del sitio en los resultados de búsqueda. Si no tiene estas metaetiquetas completas, Google intentará generar automáticamente la información del contenido de su sitio … si se molesta en clasificar su sitio.

Las etiquetas de título no deben tener más de 60 caracteres y deben incluir la palabra clave para la página. Escriba un título de sitio convincente que anime al usuario a hacer clic en su listado. Una metaetiqueta de título se ve así:

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

Metaetiqueta de palabras clave

Solía haber una metaetiqueta que enumeraba las palabras clave asociadas con la página. Esta metaetiqueta ha sido descontinuada como un factor de clasificación por Google durante más de una década. Todos los demás motores de búsqueda importantes también han publicado declaraciones que rechazan el uso de la metaetiqueta de palabras clave. Si bien no será penalizado por usar esta etiqueta, sería una pérdida de tiempo y esfuerzo hacerlo.

La metaetiqueta Robots

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

En la mayoría de los casos, desea que los robots indexen la página. Por lo tanto, el valor predeterminado para la metaetiqueta robots es «index, follow». Sin embargo, los valores se pueden cambiar a  «noindex, nofollow» en  páginas específicas que no queremos que aparezcan en los resultados de búsqueda.

Metaetiquetas para enlaces salientes

Hay algunas etiquetas de marcado para los enlaces salientes, pero estas son un poco diferentes al resto de las metaetiquetas. En lugar de incluirse en la sección de la página HTML, estas etiquetas se agregan al marcado del vínculo.

La  etiqueta de marcado rel para enlaces salientes tiene tres valores posibles; Patrocinado, UGC (contenido generado por el usuario) y nofollow. Un enlace puede contener varios  valores de rel. Google ha publicado una guía para estas metaetiquetas titulada «Califica tus enlaces salientes a Google«.

Meta Viewport

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

Una metaetiqueta de ventanilla tiene este aspecto:

Web.dev ha publicado el artículo definitivo sobre este tema, titulado «Responsive Web Design Basics«. La mayoría de las plataformas de diseño web y comercio electrónico establecerán automáticamente esta metaetiqueta para usted, y también ya habrán aplicado código CSS receptivo a sus diseños visuales. Si está codificando desde cero o simplemente quiere comprender los aspectos prácticos del asunto, 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 el título de su sitio, la descripción, la imagen destacada 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 no compatibles con Open Graph.

Abrir marcado de gráfico

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

Marcado de Twitter Card

Twitter también utiliza metaetiquetas Open Graph para controlar la forma en que se muestran los enlaces en su plataforma. Los valores son diferentes de las etiquetas OG de Facebook, por lo que debe 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

Mientras que el esquema normalmente se sirve en un archivo JSON, hay algo de 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 utilizan el protocolo OG.

Otros tipos de metadatos

Hay muchos otros tipos de metadatos oscuros que se pueden usar 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 «Meta and Inline Tags«.

Marcado de esquema como metadatos

El marcado de esquema es un desarrollo más reciente que los metadatos. Sin embargo, tiene el mismo propósito. Tanto los metadatos como el marcado de esquema sirven datos a las arañas de los motores de búsqueda para ayudarlos a rastrear, indexar y clasificar sitios web con mayor precisión.

Hay 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 a menudo puede ser abrumadora para las personas que están aprendiendo a usarlo.

Si bien casi todos los creadores de sitios web y plataformas de comercio electrónico proporcionan formas de editar sus metaetiquetas, la implementación de la edición de datos de esquema es irregular en el mejor de los casos. Algunas plataformas crean automáticamente datos de esquema, otras le permiten opciones de edición y la gran mayoría simplemente ignora los datos de esquema por completo.

Agregar datos de esquema a su sitio puede proporcionarle una gran ventaja competitiva. Muchos sitios web todavía no están optimizados de acuerdo con los estándares de tecnología de metaetiquetas más antiguos. Si te aseguras de que tus metaetiquetas estén correctamente personalizadas y también implementas datos de esquema, ¡sacarás a tu competencia del agua!

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 hecho esta preparación, puede usar una herramienta generadora de esquemas para producir su archivo JSON-LD.

Una vez que haya generado los datos del esquema, debe probarlos con una herramienta de validación de esquemas.

SEMRush ha producido una guía detallada llamada ¿Qué es el esquema? Guía para principiantes de datos estructurados. Esta guía cubre los principales tipos de marcado de esquema y proporciona vínculos a varias herramientas para generar y validar el marcado de esquema. Los datos de esquema en formato JSON-LD se pueden agregar a la sección del sitio web o usar en toda la sección del cuerpo del HTML.