Cómo agregar enlaces como tarjetas de contenido en WordPress (2 métodos)

¿Cansado de compartir enlaces que se ven aburridos y son completamente ignorados por tus lectores? Esta es una de las frustraciones más comunes que enfrentan los propietarios de sitios web al intentar compartir contenido valioso. 

La cuestión es que los enlaces simples no captan la atención.

Afortunadamente, WordPress tiene una función integrada que convierte los enlaces de sitios web compatibles en tarjetas de contenido enriquecido. Estas incluyen imágenes, títulos y descripciones, al igual que las vistas previas que ves en Facebook y X (Twitter).

En esta guía, te mostraremos cómo agregar enlaces como tarjetas de contenido en WordPress. Hemos ayudado a cientos de usuarios a agregar esta función, y funciona siempre. ¡Mejor aún, puedes personalizarla para plataformas que WordPress no admite de forma predeterminada! 🙌

¿Qué es una tarjeta de contenido (y por qué es importante)?

Una tarjeta de contenido te permite mostrar un resumen visual de un enlace que compartes en tu sitio. En lugar de mostrar una URL simple, extrae automáticamente información clave, como el título, la imagen destacada y una breve descripción, para crear un cuadro de vista previa en el que se puede hacer clic.

Funciona de manera muy similar a las Tarjetas de Twitter o las Vistas Previas de Enlaces de Facebook. Cuando pegas un enlace en tu publicación, WordPress lo convierte en un elemento más atractivo y rico en medios que destaca e invita a hacer clic.

Puedes pensarlo como incrustar un video o un tweet. Excepto que, en lugar de publicaciones sociales, estás incrustando artículos completos, episodios de podcast u otro contenido externo.

Así es como se ve en acción:

Estas tarjetas de contenido no solo se ven mejor; hacen que tus publicaciones sean más fáciles de escanear y más interactivas. Los lectores tienen muchas más probabilidades de hacer clic cuando ven un titular claro e imagen, en lugar de solo un enlace simple.

Ya sea que estés enlazando a tus propias publicaciones u otro contenido útil, las tarjetas de contenido hacen que tu sitio sea más atractivo, lo que ayuda a animar a los visitantes a hacer clic y quedarse más tiempo.

Cómo incrustar un enlace como tarjeta de contenido en WordPress

Generalmente, hay 2 métodos para incrustar un enlace como tarjeta de contenido en WordPress: copiar y pegar la URL y usar el bloque de incrustación.

En las siguientes secciones, te mostraremos cómo hacerlo usando ambos métodos. Aquí tienes un vistazo rápido a todos los temas que compartiremos:

• Método 1. Copiar y pegar la URL (la forma más rápida de incrustar automáticamente enlaces compatibles)
• Método 2. Usar el bloque de incrustación (más control sobre la colocación y el diseño)
• Consejo adicional: ¿Cómo funcionan las tarjetas de contenido?
• Preguntas frecuentes sobre tarjetas de contenido
• Tutoriales y consejos relacionados de WordPress

¡Empecemos de inmediato! 🚀

Método 1. Copiar y pegar la URL

Por defecto, WordPress te permite incrustar fácilmente enlaces como tarjetas de contenido de sitios web compatibles. Estos sitios web compatibles se refieren a todos los blogs impulsados por WordPress, incluido tu propio sitio.

Para incrustar enlaces como tarjetas de contenido, simplemente copia y pega la URL dentro del editor de contenido de tu página o publicación.

Luego, WordPress lo convertirá automáticamente en una tarjeta de contenido.

Método 2. Usa el bloque de incrustación

Otra forma de agregar un enlace como tarjeta de contenido es agregando el bloque de incrustación en el editor de bloques.

Para hacer esto, querrás abrir el editor de bloques de la página o publicación. Luego, simplemente haz clic en el botón '+' y elige el bloque de incrustación.

Ahora puedes pegar la URL de la publicación del blog en el campo del bloque. Una vez hecho esto, procede a hacer clic en el botón 'Incrustar'.

WordPress obtendrá automáticamente los metadatos de la URL y los convertirá en una tarjeta de contenido.

Consejo adicional: ¿Cómo funcionan las tarjetas de contenido?

Por defecto, WordPress utiliza la tecnología oEmbed para obtener información de metadatos de sitios web que admiten formatos oEmbed.

Todos los sitios web de WordPress admiten el protocolo oEmbed de forma nativa. Esto significa que puedes incrustar enlaces de un sitio típico de WordPress como una tarjeta de contenido en el tuyo.

Aparte de los sitios web de WordPress, también puedes incrustar contenido de muchos sitios web populares que ya admiten oEmbeds.

Por ejemplo, puedes incrustar videos de YouTube al instante simplemente pegando una URL de video. Así es como podría verse en tu editor de bloques:

Preguntas frecuentes sobre tarjetas de contenido

¿Tienes preguntas sobre cómo funcionan las tarjetas de contenido en WordPress? ¡No estás solo! A continuación, se presentan algunas de las cosas más comunes que la gente pregunta al configurar o solucionar problemas de vistas previas de enlaces.

¿Qué sitios web puedo incrustar como tarjetas de contenido en WordPress?

WordPress puede generar automáticamente tarjetas de contenido (también llamadas vistas previas incrustadas) para una variedad de sitios utilizando el protocolo oEmbed. Esto incluye plataformas populares de redes sociales como YouTube, Vimeo, Twitter (ahora X) y TikTok. También funciona sin problemas al enlazar a otros sitios web de WordPress.

Sin embargo, las incrustaciones de Facebook e Instagram ya no funcionan de forma nativa en WordPress debido a cambios en la API realizados por Meta.

Para incrustar contenido de esas plataformas, necesitarás un plugin de redes sociales como Smash Balloon. Estos plugins ofrecen herramientas dedicadas para mostrar feeds de Instagram y Facebook en tu sitio.

¿Qué debo hacer si mi enlace no se convierte en una tarjeta de contenido?

Puedes empezar por comprobar si el sitio al que enlazas admite oEmbed. WordPress solo crea tarjetas de contenido para proveedores aprobados.

A continuación, asegúrate de que el enlace se coloca en su propia línea en el editor de WordPress, no como hipervínculo dentro de una oración o párrafo.

Si sigues sin ver la vista previa, intenta limpiar la caché de tu sitio. Ocasionalmente, la caché puede interferir con la carga de las incrustaciones.

¿Puedo cambiar el aspecto de la tarjeta de contenido?

El diseño de la tarjeta de contenido se controla por dos cosas:

1. El sitio de origen (que proporciona los datos), y
2. Tu tema de WordPress (que determina cómo se muestran esos datos).

Si deseas personalizar la apariencia más allá de lo que permite tu tema, es probable que necesites usar CSS personalizado. Dicho esto, para la mayoría de los sitios web, el estilo de incrustación predeterminado se ve limpio y funciona bien de inmediato.

Tutoriales y consejos relacionados de WordPress

Esperamos que este artículo te haya ayudado a aprender cómo incrustar fácilmente enlaces como tarjetas de contenido en WordPress. A continuación, también puedes consultar nuestras guías sobre:

• Cómo eliminar números de las URL de WordPress
• Cómo ocultar enlaces de afiliados en tu sitio de WordPress
• Cómo agregar título y Nofollow al popup de inserción de enlaces en WordPress
• Cómo deshabilitar el enlace automático de URLs en los comentarios de WordPress
• Cómo encontrar y corregir enlaces rotos en WordPress
• Enlazado interno para SEO: La guía definitiva de las mejores prácticas

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.