Do you like the way social networks display link previews?

If you want to add such a preview, then you should know that this is indeed possible on WordPress.

In this tutorial, I will present the plugin to add to your blog to add link previews on WordPress.

But, if you've never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

But back to why we are here.

What is a link preview?

Quite similar to the Twitter or Facebook link preview card, these cards allow you to display a summary of a link you want to share on your blog.

You can imagine this is an embedded tweet or a video in your content, but in this case it's an article.

The previous image can give you an idea of ​​what it is. Let's take a look at how link previews work.

But, also take a look at How to share the preview of a draft on WordPress

How do previews work?

Link previews use data from the Open Graph. Facebook has started offering the “ Open Graph And now it is used by millions of websites around the world. It allows the website owner to provide structured information about an article.

This data is used by Facebook and Twitter, to display information when a person shares content on their platform.

Discover to go further 5 WordPress plugins to share the content of your blog

Given the popularity of the social network Facebook, most websites use their own " Open Graph For their articles.

Post previews also have some nice fallbacks for websites that don't have Open Graph data. If you want to add a link then it will use the placeholder for the default image as Featured Image and will display the title of the attached article.

How to add link preview on WordPress

The first thing to do is to install and activate the plugin « Content Card Available at WordPress.org. After activating the plugin, you can start creating a new post or page.

Discover to go further, our guide on How to install a plugin in WordPress

On the visual editor, you will notice a new button titled "CC" or Content Card. Clicking on it will bring up a new window.

Then simply provide the link to the article that you want to embed on your content. You can click on the checkbox " Open Link in a New Tab To open the content on a new tab.

You will notice that after adding the link will automatically change to " Content Card Or preview box. You can see a title there, a description and a picture.

You can also embed the preview of a link using the following shortcode:

[contentcards url = "https://blogpascher.com"]

After adding a preview to your content, you can preview it.

How to automatically convert links to preview

If you have links that you want to convert to a preview, then here is the procedure to follow.

All you have to do is access the plugin settings by following this path: " Settings> Content Cards And add the different areas of your choice to the Whitelist.

Don't forget to save your settings. That's all there was to doing to display link previews on WordPress. Feel free to share the tutorial with your friends.

Discover also some premium WordPress plugins

You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. Templatera Template Manager

It is a powerful model manager or template. It will allow you to create, manage and define access to your models according to the user roles of your website.

As soon as you have installed this extension, you will see its contents appear in the main menu of the Visual Composer plugin. This new directory will be useful for keeping your page, section or block templates.

How to translate a WordPress extension into your language is a must read.

Its features are: the installation of the backup directory of the templates, the pCustomization of the 'vc_template' post type thanks to a native and familiar user interface, the mautomatic migration of existing models, theaccess control to models, the import / export models in XML format and plus.

Download | Demo | Web hosting

2. Facebook Recent Comments Widget 

This widget allows you to display a list of the latest Facebook comments from your WordPress blog on the first page, or anywhere there is a widget used by the website.

As features you will have among others: the display of all the latest comments of your website or WordPress blog, theAutomatic or manual approval of comments to be displayed on the widget,sending an email notification when a person comments through the Facebook comments plugin, good SEO, compatibility with any WordPress theme, ooptions to customize the widget and much more.

Download | Demo | Web hosting

3. Related Posts for Distinct Posts

Ce WordPress Plugin was designed to help you solve the problem of displaying related content on your website. So it helps you deliver content that will interest users. You don't need to select related posts every time, as this process will be fully automated.

Related Posts for Distinct Posts is a WordPress Plugin which displays a default list of different blog posts as well as custom posts as related posts.

See also How to make an external link with the title of a WordPress article

You will still be able to search and select different items for individual items. You will also be able to configure certain rules to display related publications.

Download | Demo | Web hosting

Other recommended resources

We also invite you to consult the resources below to go further in the grip and control of your website and blog.

• 8 WordPress plugins to lock the content of a website
• How to create a private store with WooCommerce
• 7 WordPress donation form plugins on your website
• 10 WordPress plugins to generate traffic to your blog

Conclusion

Here is ! That's it for this tutorial. I hope you can better preview links on WordPress. If you liked this article, ndo not hesitate to share on your social networks preferred.

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.

And, if you are already using a premium WordPress plugin that we omitted from this list, so suggest it to us to continue to make it grow.

...