Notas · 23 de octubre de 2026 · 5 min de lectura

Vista previa de un link en WordPress, sin plugins pesados

Querés que un link en tu WordPress no sea solo texto azul: que se vea una miniatura de la página, como en un portfolio, un directorio de sitios o una nota que recomienda otras webs. Los plugins que lo hacen suelen sumar scripts, configuraciones y actualizaciones para algo que, en el fondo, es una imagen.

En esta guía vas a ver cómo hacerlo con una sola etiqueta de imagen, primero sin tocar código y después, si tenés muchos links, con un atajo que los genera solo.

Primero: lo que WordPress ya trae

Si pegás en el editor un link de YouTube, de X o de otro sitio WordPress, solo en una línea, WordPress arma una tarjeta automáticamente (se llama embed). Si tu link es de uno de esos sitios, no necesitás nada más.

El problema es el resto de la web: la mayoría de los sitios no ofrece esa tarjeta y WordPress muestra el link pelado. Para esos casos, la solución más liviana es mostrar una captura de la página.

La idea: una captura que se genera sola

Una API de capturas abre la página en un navegador y te devuelve la imagen. Si ponés la dirección de esa API dentro de una imagen de tu post, cada vez que alguien la ve, ve la captura. Sin plugins y sin subir archivos.

Hay un detalle importante: esas direcciones normalmente llevan tu clave personal (API key), y si la pegás en una página pública, cualquiera puede verla en el código y usar tu cuenta. Para eso existen los links firmados: en vez de la clave llevan una firma que no se puede reutilizar para otra página ni para otro tamaño. Si alguien la copia, solo puede mostrar exactamente esa misma captura.

Los pasos de abajo usan screenshot.com.ar, que tiene links firmados y un plan gratis de 100 capturas por mes, sin tarjeta.

Paso a paso, sin código

1. Creá tu cuenta gratis en screenshot.com.ar. Te llega la API key: guardala, pero no la vas a pegar en WordPress.
2. Entrá a Mi cuenta y buscá la sección Links firmados.
3. Poné la dirección de la página de la que querés la vista previa y copiá el código <img> que te genera.
4. En WordPress, abrí la entrada o página y agregá un bloque HTML personalizado (en el editor de bloques, tocá el + y buscá "HTML"). Si usás el editor clásico, pasá a la pestaña Texto.
5. Pegá el código y publicá.

Listo: la imagen muestra la página. Si querés que además sea clickeable y lleve al sitio, envolvé el código entre un link. Te queda así (reemplazá la dirección del sitio y pegá tu <img> en el medio):

<a href="https://sitio-que-recomendas.com" target="_blank" rel="noopener">
  PEGÁ ACÁ EL CÓDIGO IMG QUE TE DIO EL PANEL
</a>

Para que no ocupe todo el ancho, agregale width="400" a la etiqueta <img>, al lado de src=. El número es el ancho en píxeles con el que se muestra en tu página.

¿Gasta capturas cada vez que alguien entra?

No. Los links que arma el panel guardan la captura en cache durante siete días. Mientras la imagen sale de cache, mostrarla no consume nada de tu plan: solo se cuenta cuando se vuelve a sacar la captura. Una vista previa en una página con miles de visitas gasta, como mucho, una captura por semana.

Si armás los links por tu cuenta, el tiempo se elige con el parámetro cache_ttl, en segundos: como mínimo una hora (3600) y, si no lo ponés, un día (está explicado en la documentación).

Si tenés muchos links: un atajo para WordPress

Generar un código por cada link está bien para cinco o diez. Si tenés un directorio con cien sitios, conviene que WordPress firme los links solo. Esto sí requiere pegar un poco de código una vez; si no te animás, pedíselo a quien te mantiene la web.

1. Guardá la clave en la configuración de WordPress. Abrí el archivo wp-config.php (está en la carpeta principal del sitio; se edita desde el administrador de archivos del hosting) y agregá esta línea antes de la que dice That's all, stop editing:

define('SCREENSHOT_KEY', 'TU_API_KEY');

Ahí la clave queda en el servidor y nunca llega al navegador de tus visitantes.

2. Agregá el atajo. Pegá esto al final del archivo functions.php de tu tema hijo (Apariencia → Editor de archivos de temas, o por el administrador de archivos):

add_shortcode('captura', function ($atts) {
    $atts = shortcode_atts(['url' => '', 'ancho' => 400], $atts);
    if (empty($atts['url']) || !defined('SCREENSHOT_KEY')) {
        return '';
    }

    $key = SCREENSHOT_KEY;
    $query = http_build_query([
        'url' => $atts['url'],
        'width' => 1280,
        'format' => 'webp',
        'cache_ttl' => 604800,
        'key_id' => substr(hash('sha256', $key), 0, 16),
    ]);
    $src = 'https://screenshot.com.ar/v1/capture?' . $query
        . '&signature=' . hash_hmac('sha256', $query, $key);

    return '<a href="' . esc_url($atts['url']) . '" target="_blank" rel="noopener">'
        . '<img src="' . esc_url($src) . '" alt="Vista previa de ' . esc_attr($atts['url']) . '"'
        . ' width="' . intval($atts['ancho']) . '" loading="lazy"></a>';
});

3. Usalo en cualquier entrada. Agregá un bloque Código corto (o escribilo directo en el texto) con:

[captura url="https://sitio-que-recomendas.com"]

Y si lo querés más chico o más grande, sumale el ancho: [captura url="https://sitio-que-recomendas.com" ancho="300"].

Cada vez que WordPress muestra la página, arma la imagen con su firma. Tu clave no aparece en ningún lado del HTML.

Una aclaración: si editás functions.php del tema principal en vez de un tema hijo, los cambios se borran cuando el tema se actualiza. Por eso conviene el tema hijo.

Preguntas frecuentes

¿Qué pasa si cambio de clave? Todas las imágenes firmadas con la clave anterior dejan de funcionar. Sirve como botón de emergencia si alguna vez lo necesitás. Si usás el atajo, solo cambiás la línea de wp-config.php y listo; si pegaste códigos del panel, hay que generarlos de nuevo.

¿Puedo hacer que una vista previa venza? Sí: los links firmados aceptan una fecha de vencimiento opcional (expires). Pasada esa fecha, la imagen deja de mostrarse.

¿Sirve para Tiendanube u otras plataformas? Sí. El <img> del panel funciona en cualquier lugar donde puedas pegar HTML.

¿Me alcanza el plan gratis? Para un blog con algunas vistas previas, en general sí, porque la cache hace que cada imagen gaste muy poco. Si armás un directorio grande, los planes pagos se abonan en pesos con Mercado Pago: mirá los precios.