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 (llamada Incrustaciones) 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. También te mostraremos exactamente qué hacer cuando una incrustación no funciona correctamente. 🙌

¿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 enriquecido con multimedia que destaca e invita a hacer clic.

Puedes pensar en ello 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. Es mucho más probable que los lectores hagan clic cuando ven un título claro y una imagen, en lugar de solo un enlace simple.

Ya sea que enlaces 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 permanecer 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:

• Método 1: Copiar y pegar la URL (La forma más fácil).
• Método 2: Usar el bloque de incrustación (Para una ubicación específica).

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:

¡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 incluyen todos los sitios impulsados por WordPress (incluido el tuyo) y muchos servicios populares como YouTube y Vimeo.

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

Pero ten en cuenta que la URL debe estar en su propia línea. Además, asegúrate de que el texto sea negro (texto plano). Si el texto es azul y subrayado (enlace), la tarjeta de contenido no aparecerá.

Tan pronto como pegues el enlace, 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 Incrustar en el editor de bloques.

Para hacer esto, querrás abrir el editor de bloques de tu página o publicación. Luego, simplemente haz clic en el botón de añadir bloque '+' y busca 'Incrustar' para localizar el bloque.

Ahora puedes pegar la URL de la publicación del blog en el campo del bloque. Una vez hecho esto, haz 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 (como el título, la descripción y la imagen) 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.

Además de los sitios web de WordPress, también puedes incrustar contenido de muchas plataformas populares de redes sociales que están en la lista de permitidos oficial, como YouTube, Vimeo, Twitter (X), TikTok y más.

Si intentas pegar un enlace de un sitio web que no está en esta lista admitida, WordPress no creará una tarjeta de contenido y simplemente mostrará el enlace de texto.

Por ejemplo, puedes incrustar videos de YouTube al instante simplemente pegando una URL de video en su propia línea en el editor. 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.

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 estas guías relacionadas:

• Cómo eliminar números de las URL de WordPress
• Cómo agregar título y Nofollow a la ventana emergente Insertar enlace 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 ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.