Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter des liens comme cartes de contenu dans WordPress

Vous aimez la façon dont les sites de réseaux sociaux comme Facebook et Twitter affichent des prévisualisations de liens lorsque vous collez un lien dans votre état ?

Vos internautes l’apprécieront peut-être aussi !

Heureusement, WordPress offre une fonctionnalité similaire qui convertit automatiquement les liens en fiches de contenu lorsqu’ils proviennent d’un site supporté.

Dans cet article, nous allons vous afficher comment ajouter facilement des liens comme cartes de contenu dans WordPress.

How to add links in WordPress as content cards

Qu’est-ce qu’une carte de contenu ?

Une carte de contenu vous permet d’afficher un récapitulatif du lien que vous partagez sur votre site. Son fonctionnement est très similaire à celui des Twitter Cards ou de la Prévisualisation des liens sur Facebook.

C’est un peu comme si vous intégriez un tweet ou une vidéo dans votre contenu, sauf que maintenant, vous intégrez des articles. Comme l’image de la Prévisualisation ci-dessous :

Content card embed

Sans plus attendre, voyons comment fonctionnent les cartes de contenu dans WordPress.

Comment embarquer un Link comme carte de contenu dans WordPress

En règle générale, il existe deux méthodes pour embarquer un lien en tant que carte de contenu dans WordPress : copier et coller l’URL et utiliser le bloc d’embarquement.

Méthode 1. Copier et coller l’URL

Par défaut, WordPress vous permet d’embarquer facilement des liens sous forme de cartes de contenu provenant de sites web supportés. Ces sites supportés font référence à tous les blogs propulsés par WordPress, y compris votre propre site.

Pour intégrer des liens en tant que cartes de contenu, il suffit de copier et de coller l’URL dans l’éditeur/éditrices de blocs de votre page ou publication.

Ensuite, WordPress la convertira automatiquement en carte de contenu.

Content card preview in WordPress

Méthode 2. Utiliser le Contenu embarqué

Une autre façon d’ajouter un lien en tant que carte de contenu consiste à ajouter le bloc Contenu embarqué dans l’éditeur/éditrices de blocs.

Pour ce faire, vous devez ouvrir l’éditeur/éditrices de blocs de la page ou de la publication. Cliquez ensuite sur le bouton « + » et choisissez le bloc Contenu embarqué.

Embed block

Vous pouvez maintenant coller l’URL de la publication du blog dans le champ du bloc. Une fois cela fait, cliquez sur le bouton « Contenu embarqué ».

WordPress récupère alors automatiquement les métadonnées de l’URL et les convertit en carte de contenu.

Adding link in embed block

Comment fonctionnent les cartes de contenu ?

Par défaut, WordPress utilise la technologie oEmbed pour récupérer les informations de métadonnées des sites qui supportent les formats oEmbed.

Tous les sites WordPress supportent le protocole oEmbed. Cela signifie que vous pouvez intégrer des liens d’un site WordPress typique en tant que carte de contenu sur votre site.

Outre les sites WordPress, vous pouvez également intégrer du contenu provenant de nombreux sites populaires qui supportent déjà oEmbed.

Other WordPress Embeds

Par exemple, vous pouvez intégrer instantanément des vidéos YouTube en collant simplement l’URL d’une vidéo.

Voici à quoi cela pourrait ressembler sur votre éditeur/éditrices de blocs :

Embedding YouTube content

Note : les contenus embarqués de Facebook et d’Instagram ne fonctionnent pas d’emblée sur les sites WordPress. Vous aurez besoin de l’extension gratuite Smash Balloon Facebook pour intégrer facilement les cartes de contenu de ces plateformes.

Pour en savoir plus sur ce Sujet, vous pouvez consulter notre guide sur la façon d’intégrer du contenu Instagram dans WordPress.

Nous espérons que cet article vous a aidé à apprendre comment intégrer facilement des liens en tant que cartes de contenu dans WordPress. Ensuite, vous pouvez également consulter notre guide sur la façon d’occulter les liens d’affiliation ou comment ajouter un titre et un nofollow pour insérer des fenêtres surgissantes de liens dans WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

21 commentairesLaisser une réponse

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Brent Wilson

    This plugin has been removed. Is there no alternative?

    • WPBeginner Support

      We do not have a specific alternative at the moment, we will be sure to keep an eye out for one we would recommend.

      Administrateur

  3. Dave

    This is really bad advice.. the plugin has some MAJOR flaws and appears to be abandoned…

    • WPBeginner Support

      Thank you for letting us know, we’ll be sure to look into updating this article from 2015 with a new plugin as we’re able :)

      Administrateur

  4. Jeff Whitmore

    Got the plugin to work, then when I published, BAM. Blank page except for the words « The site is experiencing technical difficulties. Please check your site admin email »

  5. Lazarus

    Hallo,

    The plugin doesn’t work with WordPress 5.0.3. Is there any patch or the new version?

  6. Dennis Herman

    This is great. Exactly what I was looking for. I’ll give it a try.

  7. yair

    i did the content card but the imag is blank …
    do ineed to install the face book open grafe plaug in first?

    • WPBeginner Support

      If the link you added with content cards was for one of your own sites, then you need to install Facebook open graph. If it was an external site, then the site needs to be using Facebook open graph. You can also set a default fallback image in the plugin settings, this image will be used when no image is found.

      Administrateur

  8. Steve Media

    Now if I can only find a good solution to export firefox bookmarks, sort by url, pull all sites with « thisdotcom » into one category and all sites with « thatdotcom » into another category.. mass import into wordpress – auto sort by category, date url added – and pull these content cards.. very cool it would be.

  9. Avil Beckford

    I did a curated post today, so I tested it with content cards and it works fine. The preview image size is quite large though. Thanks for the post.

    Avil Beckford

  10. Abhishek

    This is what i needed, Thanks.

  11. Rikki

    I am getting the same message. In the list of plugins it says explicitly that the plugin is not compatible with my WP version (which is 4.3.) A glitch?

  12. fergal walsh

    I would use this plugin but incompatible with latest releases of wordpress :(

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.