Metaetiquetas y vista previa de enlaces

Escribe el título, la descripción y la imagen de tu página. Mira cómo aparece en Google y al compartirla en WhatsApp, Facebook, LinkedIn o X, y copia el código para el <head>.

Todo ocurre en tu navegador. Solo se carga la imagen que indiques para mostrarla.

Datos de la página

0 / 60
0 / 160
Lo ideal: 1200 × 630 px, JPG o PNG, menos de 1 MB. Debe ser una dirección pública con https.

¿Ya tienes un sitio? Lee sus etiquetas

Por seguridad, el navegador no deja que una página lea otra web (se llama CORS). Haz esto: abre tu sitio, presiona Ctrl + U (en Mac, Opción + Cmd + U) para ver el código, copia todo o solo el <head> y pégalo aquí.

Vista previa

Código para el <head>

          

Para qué sirve cada etiqueta

  • <title>: el texto azul en Google y el nombre de la pestaña. Unos 60 caracteres antes de que Google lo corte.
  • meta description: el resumen bajo el título. Google muestra cerca de 155 a 160 caracteres y a veces lo reemplaza por un trozo de tu página.
  • og:title, og:description, og:image: lo que leen WhatsApp, Facebook y LinkedIn al pegar el enlace. Son del protocolo Open Graph.
  • twitter:card: el formato de la tarjeta en X. Si falta, X usa las etiquetas og.
  • canonical: le dice a Google cuál es la dirección oficial cuando una página se abre con varias URL.

Las vistas previas son una aproximación: cada red cambia su diseño seguido y recorta según el largo del texto y el ancho de la pantalla.

Preguntas frecuentes

Cambié la imagen y WhatsApp sigue mostrando la antigua

Las redes guardan la vista previa en caché. En Facebook usa el Depurador de contenido compartido y en LinkedIn el Post Inspector para forzar la actualización. En WhatsApp puedes agregar algo al final del enlace, como ?v=3.

¿Por qué no pueden leer mi sitio directamente?

Los navegadores bloquean que una página lea otra de un dominio distinto (política CORS). Esta herramienta no usa servidor, así que te pedimos pegar el código. Así tampoco sale nada de tu equipo.

¿Qué tamaño debe tener la imagen?

1200 × 630 px (proporción 1,91:1) funciona bien en todas. Deja el texto importante al centro, porque algunas apps recortan los bordes o la muestran cuadrada.

¿Las metaetiquetas mejoran mi posición en Google?

El título sí influye. La descripción no sube tu posición, pero un buen texto hace que más personas hagan clic en tu resultado.

¿Cómo las pongo en WordPress?

Con un plugin de SEO como Yoast o Rank Math se llenan desde cada página, sin tocar código. Si tu tema es propio, pega el bloque dentro del <head>.