Las etiquetas, todas ellas, en una fila
Las etiquetas sociales son la parte del head que nadie mira hasta que se comparte un enlace en un canal de doscientas personas.
-
01
Todas las etiquetas og de la página
Título, descripción, imagen, url, tipo, nombre del sitio, locale y cualquier otra cosa que la página declare en el espacio de nombres og. No una lista corta fija.
-
02
Todas las etiquetas twitter de la página
Tipo de tarjeta, título, descripción, imagen, sitio y creador. Las etiquetas ausentes vuelven vacías en lugar de rellenarse en silencio desde Open Graph.
-
03
Junto al título y la descripción de la página
En la misma fila, así que allí donde el título social se ha separado del título de la página puedes ver si fue una decisión o un accidente.
-
04
Veinticinco páginas, un CSV
Ordena por og:image y todas las páginas que comparten un mismo gráfico genérico se alinean juntas, que suelen ser más de las esperadas.
Cinco cosas que rompen una vista previa
Ninguna afecta al posicionamiento. Todas afectan a si un enlace compartido parece algo que merezca un clic.
-
Sin og:image
La única etiqueta que decide si un enlace compartido se ve como una tarjeta o como un rectángulo gris con un nombre de dominio encima.
-
Una URL de imagen relativa
og:image necesita una URL absoluta. Una ruta relativa es una vista previa rota en todas las plataformas a la vez, y en el código fuente parece correcta.
-
og:title idéntico al título de la página en todas partes
Perfectamente válido como valor por defecto. Merece saber si es un valor por defecto o una decisión, porque un título escrito para un resultado de búsqueda y otro escrito para un feed rara vez son la misma frase.
-
Una og:description ausente
Algunas plataformas tiran de la meta description, otras no muestran nada. Ninguna de las dos es una elección tuya.
-
Sin twitter:card
X tira de Open Graph, así que muchas veces no pasa nada. Deja de no pasar nada en cuanto quieres el formato de imagen grande, que necesita que el tipo de tarjeta esté declarado explícitamente.
Lo que no te va a decir
Mejor dicho aquí que descubierto después.
-
01
Lee etiquetas, no renderiza vistas previas
Aquí no hay miniatura. Para eso, usa el depurador de la propia plataforma, que además es lo único que puede vaciar su caché.
-
02
No descarga la imagen
Si la URL de og:image resuelve, qué tamaño tiene el archivo y si una plataforma concreta lo aceptará son cosas que no se comprueban.
-
03
Solo HTML estático
Las etiquetas inyectadas después de cargar no están en el HTML que envió el servidor, y la mayoría de rastreadores sociales tampoco ejecutan JavaScript, así que una fila vacía aquí suele ser una vista previa fiel del problema.
-
04
Veinticinco URL por ejecución
Corre en una pestaña del navegador. Suficiente para comprobar una plantilla en una sección, no para un catálogo entero.
Preguntas razonables
¿Las etiquetas de Open Graph afectan al SEO?
No directamente. Afectan a cómo se ve un enlace compartido, lo que afecta a si recibe clic y se vuelve a compartir. Trátalas como presentación, no como posicionamiento.
¿Necesito etiquetas de Twitter Card si ya tengo Open Graph?
Normalmente no. X lee Open Graph como alternativa. La excepción es el tipo de tarjeta, que sí hay que declarar si quieres el formato de imagen grande en vez del pequeño.
¿Qué tamaño debería tener la og:image?
1200 por 630 píxeles es la proporción más usada y sobrevive al recorte de casi todas las plataformas. Usar una URL absoluta importa más que clavar las dimensiones exactas.
He arreglado las etiquetas y la vista previa no ha cambiado.
Las plataformas cachean las vistas previas, a veces durante mucho tiempo. Cada una tiene un depurador que fuerza una actualización. Lo que esta herramienta puede confirmar es la parte que controlas tú: que la etiqueta está correcta en la página.
Las etiquetas sociales son parte de la tabla de páginas
La misma ejecución devuelve además títulos, meta descriptions, encabezados, recuentos de palabras, enlaces, imágenes y datos estructurados. Es una herramienta con siete tablas y siete exportaciones CSV, no siete herramientas distintas que tengas que pasar una detrás de otra.
Otras comprobaciones que hace la misma herramienta: Comprobador SEO masivo, Comprobar meta etiquetas, Comprobar encabezados, Comprobar texto alternativo, Contar palabras, Comprobar canonical, Comprobar schema