fbpx
Reading time : 4 min

A clean and well-structured article preview will greatly enhance your reach across multiple social networks and private messaging : LinkedIn, facebook, WhatsApp, Twitter, Signal, etc.

You will have noticed, that we always prefer to click on an item with a clear description and a striking image rather than a simple link.

Think metadata

So you would like to share one of your articles with your community and let them discover the content you have just written. First of all, your article complies with good SEO rules. Of course, you have made sure that the keywords correspond to the title of your article. Finally, you have checked that the reading is simple, clear and fast.

Catastrophe! The content does not contain a nice thumbnail image, nor the expected description or title.

As you have read elsewhere, you have found one or more illustrations to catch the eye and make sure you are quickly visible on Twitter, Facebook, LinkedIn or even Pinterest.
If you don't know where to find free royalty-free images, consider consulting this list. Once the article is illustrated, SEO compatible and correctly written, you can post.

Catastrophe! The content does not contain a thumbnail image, a description or the expected title.

You thought you'd see this on Twitter :

Twitter card Siècle Digital - OK Boomer
Twiiter card Ars Technica - Upload
Twitter card Payfit - Covid19

or this on Facebook :

Facebook preview - Creapills - Two Points of View
Facebook preview - Payfit - Covid19
Facebook preview - Ars Technica

You don't see anything, you're very sad. And that's where the technical part comes in. In order for your content to appear correctly on the platforms and different sites that distribute your content, you have to "make sure that your content appears correctly on the platforms and different sites that distribute your content. packager "your post.

From now on, we will see together how to create a perfect preview for your articles on social networks.

For your content to appear perfectly on the platforms

...you have to package your post.

How to prepare your metadata

The article or page you are sharing must contain certain information called "information". metadata. Indeed, the "meta", that's their little name, are little bits of code. It is generally a simple line in your web page that will allow the site where the link is shared to retrieve the information that interests it:

  • which image to display?
  • should we thumbnail an image or video?
  • what title to use?
  • what description to get?

In general, the set of meta-units is called a subject. This object, represents your page that will be shared.

There are other meta, to define other elements. To discover them, it's here: https://ogp.me/. We present some of them below:

  • og:title - the title of the object as it should appear on the site, for example "A beautiful story".
  • og:type - the type of the object, that is, to which family of objects it belongs. An article, a page, a video, etc. Depending on the given type, new properties can be added.
  • og:image - an image that represents the object (the page, the article, etc.) that will be displayed in the news feed of the different platforms.
  • og:url - the canonical form of the url (canonical URL) in the graph, i.e. for example : " http://www.imdb.com/title/tt0117500/« .

The importance of metadata

If the content does not appear correctly, it is because the developer of your site has not correctly written the code that allows you to fill in the meta tags.

As a reminder, meta tags are written in the header of the web page you share. The header is the piece of code that you never see on the Internet, but it's there! It is hidden at the beginning of the web page and looks like this:

meta that generates the preview of a shared item
example of meta present in the header of a web page - site ogp.me

If your web page does not contain "meta"No chance of seeing the right T cards appear.witterthe right post facebook or the pretty link LinkedIn.

To check the existence of metas, you can use the following site, https://www.view-page-source.com/. Copy and paste the url you want to share and the source code with its famous header will appear.

If the meta are present, then you're sure the right voice.

For example, for this article about .SRT sharing on facebook will give the following result:


preview example of an article from Captured on facebook

Important tools to check your content

Use tools to check your content before you share it. We have a small list for you below:

To help you in the verification of meta, you have a very simple method which consists in using the tools provided by the platforms. Here is a list that compiles some of the best known platforms:

Note that it is important to automate the work to be able to quickly retrieve the different image sizes recommended for each platform. For example LinkedIn has very precise specifications:

https://xn--capt-epa.fr/wp-content/uploads/2020/05/check-site-capte.mp4Et to go further on the subject Hubspot has a well-written article:

And the site Blog Your self also offers a tutorial to help you:

Once everything is ok, then you're ready to post! Maybe you are missing subtitles on a video illustrating your article or on a small GIF on which you want to put text?

Feel free to add more using Captured. Indeed, if you didn't know it yet, subtitles have become essential for your content not to be zapped. Many Internet users watch their videos without sound!


IT'S GONE

Leave a Comment

en_USEnglish
fr_FRFrançais en_USEnglish