fbpx

Embed Code Generator

Accueil » Embed Code Generator

Outil d’intégration d’image: Embed Code Generator

Integration-image

Cet outil gratuit a pour objectif de faciliter la promotion et la visibilité de vos contenus visuels sur des sites web tiers.

Pour cela, vous allez pouvoir intégrer un code sous votre image qui permettra aux propriétaires de sites tiers d’intégrer votre contenu, en vous citant comme source.

Ainsi, vous obtiendrez plus de backlinks (liens entrant) et plus de visibilité.

Vous trouverez après l’outil des explications supplémentaires, sous formats vidéos, infographies et articles afin de vous aider à exploiter au mieux le potentiel du “embed code generator”.

Informations à compléter
  • Nom du site
  • URL de l’article
  • URL de l’image
  • Image ALT
  • Largeur de l’image
  • Hauteur de l’image
  • Largeur de la fenêtre avec le code
  • Hauteur de la fenêtre avec le code
Code à intégrer sur votre site
Résultat du code sur votre site web

Dans cette vidéo tutoriel, je vous présente étape par étape comment fonctionne l’outil d’intégration d’image :

Aujourd’hui, je vous présente un outil qui va vous faciliter le processus d’intégration et de partages des images, pour vous et pour toute personne qui souhaiterait utiliser vos images : L’embed Code Generator.

Infographie Outil integration image Embed code generator

Avec cet outil, complètement gratuit, vous pourrez atteindre deux objectifs : 

  • Faciliter l’utilisation et l’intégration de vos images / infographies par d’autres blogueurs pour obtenir des backlinks ; 
  • Intégrer facilement les images / infographies avec attribution, sans être obligé de télécharger l’image.

Obtenir plus de trafic et des liens entrants backlinks avec le generateur de code d'image

J’irai plus loin en vous montrant les raisons et comment utiliser vos images pour avoir des backlinks.

Le saviez-vous ? Plus de 3,2 milliards d’images sont partagées tous les jours sur les réseaux sociaux.

Outil intégration image Embed code generator

Ce chiffre qui est évidemment astronomique s’explique en partie par la simplicité enfantine qui permet en un seul clic pour partager des contenus sur les réseaux sociaux.

Utiliser les boutons de partage

En effet, il faut le reconnaitre que tout est mis en place pour faciliter le partage et / ou la republication sur nos fils d’actualité. 

Cependant, cette même fluidité ne s’observe pas au niveau des sites web notamment concernant l’ajout de contenus visuels. 

Sur le web, il y a des règles à respecter notamment pour les attributions des crédits aux auteurs et des noms d’entreprises.

Et puis le processus peut être considéré comme un peu plus complexe que sur les réseaux sociaux dans la mesure où il faut uploader ces visuels sur son site web avant de les insérer dans les articles.

Uploader les fichiers

Pour finir, vous aurez droit à des astuces pour intégrer dans vos articles toute sorte de contenu : 

  • Ms Office : Word,  Excel, PowePoint…
  • Google : Doc, Slide, sheet…
  • Vidéos ;
  • Audios ; 
  • Pages web.

Prêt ? Allons-y !

Chapitre 1 : Comment générer le code d’intégration de votre image ?

J’aborde en premier le processus de génération de code d’intégration afin d’aller directement au sujet principal traité par cet article : Vous montrez comment utiliser l’embed code generator de Twaino. 

Si ce concept est encore nouveau pour vous et que vous souhaitez comprendre son fonctionnement, n’hésitez pas à aller directement au chapitre 2. Ainsi, vous pourrez revenir sur ce chapitre pour tirer pleinement profit des codes d’intégrations.

Une fois sur le générateur de code d’intégration, vous devez remplir ce formulaire :

Interface pour generer un code embed

Procédons étape par étape : 

Étape 1 : Remplissez le « nom du site »

Il s’agit de l’URL que vous voulez que les personnes qui intègrent votre infographie fasse une attribution. 

Ou, il s’agit du domaine sur lequel vous avez trouver l’image que vous souhaitez intégrer sur votre site web :

Entrer le nom du site pour generer un code embed

Cela permet d’attribuer la source de l’image / infographie au site web en question.

Étape 2 : Indiquez l’URL de la page de provenance de l’image

Il s’agit de l’URL de la page sur laquelle se trouve l’infographie que vous avez trouvée :

Entrer URL de la page de l image pour generer un code embed

Si vous avez créé l’image et si c’est dans votre article que vous voulez créer le code d’intégration, incluez l’URL de l’article en question. 

Il serait peu judicieux de faire une erreur à ce niveau dans la mesure où c’est ce à quoi l’infographie / image intégrée sur le site de quelqu’un d’autre renvoie. Si vous faites une erreur, vous allez perdre du trafic référent et du jus de lien.

Dans le cas où il s’agit d’une image d’une autre personne que vous voulez intégrer à votre contenu, il suffit d’indiquer l’adresse de l’article / page sur laquelle elle se trouve. 

Étape 3 : Inscrivez l’URL de l’image

Entrer l URL de l image pour generer un code embed

À cette étape, vous renseignez l’URL de l’image hébergée sur le site web tiers ou votre site.

Pour avoir l’URL d’une image, il suffit de faire un « clic droit » avec votre souris sur l’image et de cliquer sur « copier l’adresse de l’image » :

Copier l URL de l image

Une fois que vous avez l’adresse, vous venez coller dans la partie indiquée de l’embed code generator. 

Étape 4 : Renseignez l’image Alt

Ici, vous allez inclure un texte alternatif qui décrit votre image / infographie :

Renseigner le texte alternatif de l image pour generer un code embed

À mon niveau, j’inscris : « 14 manières d’obtenir des backlinks sans quémander »

Pour les infographies en particulier, vous pouvez inclure en plus du titre, le mot infographie pour permettre à ceux qui font des recherches images de vite retrouver vos visuels.

Étape 5 : Régler la largeur de l’image 

Spécifiez la largeur de l’infographie que vous souhaitez intégrer. 

Notez que la largeur varie généralement en fonction de la largeur du site/blog de l’utilisateur.

Regler la taille de l image pour generer un code embed

La largeur de mon blog est de 800 pixels, mais toute personne qui intègre votre infographie peut également adapter le code d’intégration aux spécifications particulières de son blog / site web en personnalisant ce paramètre.

Étape 6 : Indiquez la hauteur de l’image

Comme je le conseille, laissez ce champ vide pour que l’infographie reste proportionnelle à l’originale quelle que soit sa largeur :

Indiquer la largeur de l image pour generer un code embed

Mais si une telle option est là, c’est parce qu’il est possible de la personnaliser. Ainsi, vous pouvez renseigner la hauteur si vous avez un besoin précis.

Étape 7 : Renseignez la largeur de la fenêtre contenant le code 

Il s’agit de la largeur que la fenêtre qui affiche le code d’intégration aura sur votre page web ou votre article de blog.

Regler la largeur de la fenêtre de code pour generer un code embed

Par exemple, si la largeur de votre blog est de 800 pixels, comme le mien, vous allez saisir ce chiffre pour que la boîte couvre la largeur de votre blog. Afin qu’il n’y ait pas de débordement ou d’espace vide :

Regler la largeur de la fenêtre de code pour generer un code embed 2

Étape 8 : Indiquez la hauteur de la fenêtre avec le code 

Il s’agit de la hauteur qu’aura la boîte qui affiche le code d’intégration soit sur votre page web / article :

Regler la hauteur de la fenêtre de code pour generer un code embed

Plus vous le faites plus grand, plus il prendra de place, mais moins l’utilisateur aura besoin de faire défiler pour voir l’embed code complet. 

Étape 9 : Collez votre code dans l’éditeur ou le code HTML de la page

Votre code est maintenant prêt pour que vous l’utilisez dans l’éditeur ou le code HTLM de votre page.

Copier le code d intégration

Copiez et collez ce code dans le code HTML de votre page web/blog à l’endroit où vous voulez que le code d’intégration apparaisse. 

Je recommande de le mettre en dessous de l’infographie, puisque c’est l’endroit standard ou les codes d’intégrations sont placés. 

En mode visuel, c’est l’endroit où je veux coller le code :

Coller le code dans votre editeur de texte

Vous allez cliquer sur « texte » qui se trouve à côté de « Visuel » pour avoir le code HTLM de votre page :

Allez dans votre editeur de texte

Il faudra ensuite trouver l’emplacement exact où vous allez placer votre code. 

J’ai vite repéré le mien :

Coller le code dans votre editeur de texte

Notez que vous pouvez aussi l’inclure au-dessus de votre infographie si vous le souhaitez. Il n’y a pas une règle définie en la matière, vous pouvez donc personnaliser les choses en fonction de vos besoins.

Étape 10 : Vérifiez le résultat de votre intégration 

Une fois que vous publiez votre article, votre fenêtre contenant le code va se présenter de cette façon :

Presentation de la fenetre de l embed code dans un article

Ou cela peut concrètement se présenter de cette façon : 

<img src=’https://www.twaino.com/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 manières d’obtenir des backlinks sans quémander’ width=’800′ border=’0’/><style>.ampenable{ display:none;}</style><h3>Vous aimez cette image ? Intégrez la gratuitement sur votre site web<span class =’ampenable’> avec <a href=’https://www.twaino.com/embed-code-generator/’ target=’_blank’>Twaino</a></span>.</h3><xmp onclick=’this.focus();this.select()’ style=’overflow-x: auto;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;line-height: 21px;font-size: 16px;font-family: Dosis, Arial, Helvetica, sans-serif;border: 2px solid #eee;padding: 5px; width:800;height:120px’><a target=’_blank’ href=’https://www.twaino.com/blog/seo/backlink/’ title=’14 manières d’obtenir des backlinks sans quémander’><img data-no-lazy=’1′ src=’https://www.twaino.com/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 manières d’obtenir des backlinks sans quémander’ width=’800′ border=’0’/></a><br/>Source de l’image:14 manières d’obtenir des backlinks sans quémander | <a target=’_blank’ href=’https://www.twaino.com/blog/seo/backlink/‘>twaino</a></xmp>

 

Sur le site d’une autre personne, ça se présente de cette façon :

<a target=’_blank’ href=’https://www.twaino.com/blog/seo/backlink/’ title=’14 manières d’obtenir des backlinks sans quémander’><img data-no-lazy=’1′ src=’https://www.twaino.com/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 manières d’obtenir des backlinks sans quémander’ width=’800′ border=’0’/></a><br/>Source de l’image:14 manières d’obtenir des backlinks sans quémander | <a target=’_blank’ href=’https://www.twaino.com/blog/seo/backlink/’>twaino</a>

Et voilà, vous avez fini votre intégration, mais ajoutons une dernière étape qui pourrait vous intéresser.

Chapitre 2 : Comment fonctionne le générateur de code d’intégration ?

2.1. Quelques définitions 

Pour mieux comprendre le concept de « l’embed code » ou code d’intégration, il est important de commencer par les éléments basiques avec quelques définitions. 

2.1.1. Qu’est-ce qu’un Hyperlien / lien ?

Vous savez probablement ce qu’est un hyperlien ou un lien, mais il est important de le rappeler pour la suite.

Un hyperlien est un texte dans un contenu qui est mis en surbrillance de sorte que lorsqu’on clique, le navigateur affiche automatiquement une autre page ou change la page en cours pour afficher le contenu référencé.

Exemple d_hyperlien

L’élément surligné est connu sous le nom d’hyperlien ou en abrégé : lien. 

2.1.2. Qu’est-ce que l’embed link / link intégré ?

Les liens “intégrés” ou embed ne sont qu’une autre façon de désigner un lien qui mène ailleurs lorsqu’il est cliqué. 

Les principales différences entre le linking et l’embedding sont l’endroit où les données sont stockées ainsi que la manière dont elles sont mises à jour après qu’elles ont été liées ou intégrées.

Avec un lien standard, votre fichier est lié à un fichier source ou une page. Dans ce cas, les données sont stockées dans le fichier source et y sont mises à jour.

C’est-à-dire que si une personne souhaite consulter les données, il est obligé de cliquer sur le lien et de se rendre sur la page ou le fichier source. Et comme les données sont stockées sur la page source, les mises des contenus ne sont pas connues sur la page contenant le lien.

Ne vous inquiétez pas, voici un exemple pour mieux comprendre le concept : 

Sans me rendre sur Amazon, je n’aurai aucune idée des changements notamment le prix qui surviendront sur la page de ce livre :

Exemple de lien

Il faudra que je clique sur le lien et me rende sur la page afin de prendre connaissance des données.

Par contre, avec l’embedding les données sont maintenant accessibles dans votre article ou page web.

Toujours avec l’exemple du produit amazon, vous pouvez avoir cette fenêtre :

Exemple de produit integre

Ainsi, quelles que soient les variations du prix, vous avez une mise à jour automatique. De cette condition, vous avez intégré / embed le contenu (ici produit) sur votre page web.

Voilà la principale différence entre le linking et l’embedding. Cela dit, il y a également un dernier point de différence qui est la forme de présentation.

Alors que les liens se présentent généralement sous cette forme « https://twaino.com/blog », les codes d’intégration sont plus complexes.

Comme vous l’auriez constaté jusque-là, un code d’intégration (embed code) est un petit morceau de code HTML qui peut parfois être très long et impossible à cerner pour un novice :

« <a target=’_blank’ href=’https://www.twaino.com/blog/seo/backlink/’ title=’14 manières d’obtenir des backlinks sans quémander’><img data-no-lazy=’1′ src=’https://www.twaino.com/wp-content/uploads/2019/09/infographie-14-manieres-d-obtenir-des-backlinks-sans-quemander.png’ alt=’14 manières d’obtenir des backlinks sans quémander’ width=’800′ border=’0’/></a><br/>Source de l’image:14 manières d’obtenir des backlinks sans quémander | <a target=’_blank’ href=’https://www.twaino.com/blog/seo/backlink/’>twaino</a> » 

Si c’est ainsi, pourquoi devriez-vous vous tracasser avec de tels codes ? 

2.2. Pourquoi utiliser des codes d’intégration ?

La création d’un contenu de qualité et engageant est l’un des principaux principes de mon Agence SEO. Si vous avez également un tel principe, alors vous trouverez intéressante l’utilisation de cet outil.

Les codes d’intégration permettent à d’autres de publier votre infographie / image sur leur site web avec une attribution appropriée sous la forme d’un lien vers votre site web.

Cela signifie que votre infographie est correctement attribuée et accessible à un plus grand nombre d’internautes qui peuvent accéder à votre site web s’ils cliquent sur l’image.

Obtenir du trafic sur votre boutique en ligne

Si vous vous demandez « Pourquoi s’embêter avec un code d’intégration alors que je pourrais simplement partager l’URL de la page ? », sachez que ces codes ont pour but principal de faciliter l’utilisation de vos infographies / images par d’autres blogueurs.

En effet, il leur suffit de prendre votre code et d’aller l’intégrer dans leur éditeur, ce qui ne prend pas plus de 1 minute. 

Alors que la procédure traditionnelle consiste à : 

  • Télécharger l’image ; 
  • Uploader l’image sur leur site web ; 
  • Insérer l’image dans l’article ; 
  • Mentionner la source de l’image.

Ce processus est assez long, ne trouvez-vous pas ?

Avec un code d’intégration, vous n’avez plus besoin de vous inquiéter également pour mentionner la source puisque tout est déjà intégré.

Dans ce cas, pouvez-vous créer vous-même vos codes d’intégration ? 

La création manuelle d’un code d’intégration est relativement simple pour la plupart des développeurs web. Mais ce n’est pas le cas avec quelqu’un qui ne connaît pas le HTML.

L’embed code generator de Twaino élimine les devinettes et permet à n’importe qui de créer facilement son code d’intégration.

Avoir une faciliter pour l’intégration des images, c’est bien, mais pourquoi s’embêter avec la création ou l’utilisation d’images dans vos contenus ? 

Chapitre 3 : Pourquoi et comment utiliser des images / infographies dans une stratégie de création de contenus ? 

J’ai régulièrement indiqué dans mes articles que les infographies ou images en général étaient de très bons éléments à intégrer dans un contenu. 

Je n’ai pas eu l’occasion de vous donner les raisons d’un tel fait. Alors, voici les 10 raisons pour lesquelles vous devriez penser à utiliser des visuels dans tous vos contenus.

3.1. Pourquoi utiliser des infographies dans votre stratégie de création de contenu ?

3.1.1. Les 10 raisons pour lesquelles vous devriez utiliser des infographies dans vos contenus

De tous les visuels sous forme d’image, ce sont les infographies qui connaissent le plus de succès. Il suffit d’utilise Google Trends pour constater l’engouement que suscite ce format depuis 2008 :   

Tendance de recherche des infographies

Alors, je vais souvent utiliser le terme infographie dans les prochaines sections. Mais sachez que j’englobe aussi tout type d’image qui pourrait captiver les internautes.

Raison 1 : Les infographies peuvent facilement capter l’attention de votre public cible

Les êtres humains sont des créatures visuelles et, de ce fait, les gens sont facilement attirés par les éléments visuels qui attirent leur attention. 

Il est important de garder à l’esprit que la probabilité pour qu’un visiteur quitte votre page est très élevée dans les premières secondes. 

Probabilité de quitter la page web selon le temps

Autrement dit, vous n’avez que quelques secondes pour faire une bonne impression et gardez vos visiteurs en haleine. Vous avez alors besoin de quelque chose qui capte immédiatement l’attention de vos lecteurs. 

Si les mots ne parviennent pas à le faire, les éléments visuels comme les infographies peuvent peut-être mieux faire le travail.

Une recherche menée par Brooke Barnett et Barbara Miller présente assez bien l’importance des éléments graphiques ou visuels :

« À eux seuls, le texte et les graphiques sont des méthodes de communication à la fois utiles et imparfaites. Le langage écrit permet un nombre presque infini de combinaisons de mots qui permettent une analyse approfondie des concepts, mais il repose fortement sur la capacité du lecteur à traiter cette information. Les graphiques peuvent être plus faciles à comprendre pour le lecteur, mais sont moins efficaces dans la communication de concepts abstraits et compliqués. … la combinaison du texte et des graphiques permet aux communicateurs de tirer profit des forces de chaque média et de diminuer les faiblesses de chaque média. »

Combiné à un texte bien écrit, les infographies peuvent être un outil très puissant pour aider votre contenu à faire écho auprès de votre public cible à traverser le nombre astronomique d’informations présent sur le web.

Nous avons tendance à aimer naturellement les faits, les chiffres, les statistiques et autres éléments graphiques. 

SI ces éléments sont suffisamment convaincants, les informations contenues dans votre infographie peuvent vraiment capter leur attention.

Raison 2 : Les infographies peuvent rendre votre contenu viral 

L’analyse effectuée par MDG Advertising a souligné que le contenu avec des éléments visuels (images / graphiques) attrayants peut générer 94% plus de visites que le simple texte ou le contenu qui ne contient pas d’images :

Le même rapport souligne également que les communiqués de presse peuvent générer jusqu’à 14% d’augmentation du nombre de pages vues si l’article publié contient une photographie. 

De plus, si le communiqué de presse peut inclure à la fois des photos et des vidéos, on peut s’attendre à une augmentation encore plus importante de 48 % de pages vues.

Lorsqu’elles sont bien conçues, les infographies sont des contenus visuels convaincants qui attirent tellement de gens que la plupart d’entre eux voudraient le partager à travers leurs propres réseaux et cercles d’influences. 

Les videos YOUTUBE

Le résultat serait un contenu visuel qui peut vraiment devenir viral à mesure que de plus en plus de gens partagent l’infographie par l’intermédiaire de leurs médias sociaux. 

Raison 3 : Les infographies peuvent augmenter la notoriété de votre marque 

Généralement, les infographies sont conçues de telle sorte que des informations pertinentes sur le créateur soient affichées.

Il s’agit par exemple des éléments tels que : 

  • Le logo ; 
  • L’adresse du site web ; 
  • Le courriel ou même les coordonnées de contact. 

Il s’agit d’un moyen très efficace d’accroître la notoriété de votre marque et, s’il est utilisé correctement, peut facilement augmenter votre trafic d’au moins 12%, comme certains éditeurs l’ont constaté dans leurs campagnes. 

Les infographies vous permettent d’aller au-delà du simple fait de « dire » aux gens ce qu’est votre marque, vos produits ou vos services. 

Vous utilisez des éléments visuels pour faire connaître votre marque, ce qui est beaucoup plus efficace que de simples paragraphes de texte. 

Raison 4 : Les infographies peuvent vous aider à augmenter le nombre de vos abonnés sur les réseaux sociaux

La puissance du contenu visuel peut vraiment être attestée simplement en jetant un coup d’œil rapide à vos flux d’actualités et à vos murs Facebook. 

Notez que les images / infographies intéressantes génèrent souvent plus que la plupart des textes ordinaires : 

  • Des likes ; 
  • Des commentaires ; 
  • Des partages. 

Les images ont plus d engagement sur Fb

Cela peut être un moyen très efficace de générer plus d’abonnés et de followers, atteignant ainsi un public encore plus large à chaque fois que votre infographie est partagée :

Les articles avec des images sont plus partages

Cela peut ouvrir la porte à une meilleure interaction ou à un meilleur engagement avec votre public cible. Ces derniers deviendront beaucoup plus conscients de : 

  • De votre marque ;
  • De vos produits ou services ; 
  • De vos contenus ; 
  • Etc.

Ce qui vous permet éventuellement de les convertir plus facilement en clients payants. 

Heidicohen.com semble confirmer cette tendance puisqu’il indique que : 

« 67% des consommateurs considèrent que des images claires et détaillées sont très importantes et ont encore plus de poids que les informations sur les produits, la description complète et les évaluations des clients. »

Raison 5 : Les infographies peuvent augmenter vos résultats dans les moteurs de recherche 

Comme les infographies peuvent devenir virales, elles peuvent permettre à une entreprise d’avoir de réaliser de belles performances dans les moteurs de recherche. 

En effet, le partage ou l’intégration de vos infographies sur les réseaux sociaux, sur les sites web ou sur d’autres canaux en ligne peut générer d’importants backlinks vers vous.

Le marketing Viral

Ceci est particulièrement vrai si votre infographie est syndiquée et utilisée par d’autres sites web pour leur contenu. Ce qu’ils peuvent faire tant qu’ils renvoient à la source, c’est à dire vous !

Les résultats sont une abondance de backlinks qui peuvent vraiment booster votre classement dans les moteurs de recherche. 

Notez que le nombre de backlinks a une importante corrélation avec le classement dans les SERPs :

Nombre backlinks et position

Ainsi, plus vous avez de backlinks, plus vous avez des chances d’être mieux classé dans les SERPs. 

Vous pouvez rendre cela encore plus effectif en ajoutant des mots clés ciblés dans le titre de vos infographies. Ceci peut donner à vos infographies de plus grandes chances d’apparaître comme une image ou une ressource pertinente dans les résultats de recherche. 

Raison 6 : Les infographies peuvent rendre votre contenu plus compréhensible 

Ce qui permet de considérer les infographies comme étant de puissants outils visuels, c’est leur capacité à transmettre des informations pertinentes par des éléments d’information facile à comprendre. 

Des études ont montré que les gens se souviennent, près de trois jours plus tard, de 65 % du contenu visuel qu’ils ont eu l’occasion de voir. Ce chiffre chute à environ 10 % lorsqu’il s’agit de contenu écrit.

Avec la quantité d’informations qui circulent chaque jour sur Internet, vos clients ciblés préféreront des informations visuelles pertinentes qu’ils peuvent facilement comprendre, apprécier et pour lesquelles ils peuvent rapidement agir. 

Pour votre entreprise, il y a un avantage considérable comme le souligne HeidiCohen : Jusqu’à 60% des consommateurs auront le plus de chances de communiquer avec votre entreprise s’ils voient vos images, en l’occurrence une infographie, comme une source pertinente pour leurs besoins.

Les longues lignes et les paragraphes de texte ne sont pas aussi attrayants pour beaucoup de gens que les éléments visuels. 

Ils s’intéresseront probablement davantage à une infographie qu’à obtenir la même information en format texte. Pensez-y la prochaine fois que vous aurez envie de publier vos contenus.

Un autre élément à considérer est le fait que les infographies sont plus acceptables pour les utilisateurs de nationalité différente. Dans la mesure où elle leur permet de comprendre votre point de vue par des images plutôt que par des textes qu’ils doivent traduire. 

Raison 7 : Les infographies vous positionnent en tant qu’expert 

Pour présenter le contenu d’une manière facile à comprendre, les infographies renferment généralement plusieurs autres formats de contenu comme : 

  • Les tableaux ;
  • Les graphiques ; 
  • Les images ;
  • Les illustrations ;
  • Etc.

Cela signifie que le créateur de l’infographie déploie généralement un effort conséquent pour la réalisation. Ce fait montre à quel point l’éditeur est bien informé dans le domaine particulier, ce qui l’établira comme un expert dans sa niche. 

E.A.T SEO

Si vous faites recours aux infographies, cela augmentera votre crédibilité en ligne / votre réputation en tant que professionnel ayant une compréhension poussée des concepts et des informations pertinentes dans une niche en particulier.

Raison 8 : Les infographies peuvent s’étendre au-delà du marketing numérique 

La popularité de l’infographie peut l’amener à aller au-delà du marketing en ligne et à s’appliquer aux documents hors ligne que les propriétaires d’entreprise utilisent encore dans le cadre de leur campagne de marketing globale. 

Il s’agit par exemple : 

  • Des imprimés ;
  • Des brochures ; 
  • Des livres ; 
  • Etc.

Beaucoup l’ont fait et ont récolté des résultats étonnants, tout comme Demandbase l’a fait en intégrant des infographies dans leurs campagnes de marketing hors ligne, comme des diaporamas :

Les infographies peuvent s_utiliser au dela du numerique

Après l’avoir appliqué à leur campagne de marketing, le projet :

  • À généré 1 700 précieux prospects ; 
  • À généré 125 participants à leurs webinaires ; 
  • Une augmentation du nombre de vues de Slideshare de 5 000 ; 
  • À généré au moins un million de dollars en nouvelles affaires. 

Cette étude de cas vient de Businessesgrow :

Utilisation hors ligne des infographie par Demandbase

Ainsi, vous ne serez pas limité à utiliser vos infographies uniquement sur votre site web. Vous pourrez les syndiquer afin de constituer vos différents supports de communication.

Raison 9 : Les infographies sont portables et facilement intégrables 

L’une des caractéristiques les importantes d’une infographie, en tant qu’élément visuel, est sa portabilité et sa conception inhérente qui permet de l’intégrer facilement. 

En incluant un code d’intégration avec votre infographie, les gens peuvent alors facilement intégrer ce code d’intégration directement dans leurs blogs ou sites web. 

L’infographie intégrée est automatiquement liée à votre site, ce qui permet aux lecteurs des autres sites web d’atterrir facilement sur votre site web.

Raison 10 : L’infographie est facile à suivre avec les outils d’analyse  

En tant que graphique, les infographies peuvent facilement être suivies à l’aide d’outils d’analyses. Ceci qui peut même être facilité si le suivi est inclus dans le code d’intégration. 

De cette manière, vous aurez accès à des informations telles que ; 

  • Le nombre de partages ; 
  • Le nombre de fois que l’infographie a été consultée ; 
  • Le nombre de fois que les internautes ont cliqué sur l’infographie ; 
  • La durée pendant laquelle l’utilisateur en ligne a consulté ; 
  • Etc.

Cela vous permettra d’avoir une meilleure compréhension de ce qui incite votre audience cible.  Cela vous permet de vous adapter en conséquence et rend l’infographie encore plus intéressante et pertinente.

De ces 10 raisons, l’infographie est sans doute une très bonne option pour présenter du contenu susceptible d’attirer l’attention de votre audience cible et être facilement digéré par eux. 

Pour montrer la véracité de tout ce que je dis, voyons une étude de cas.

3.1.2. Étude de cas sur l’efficacité des infographies : Kissmetrics 

Kissmetrics est un outil web créé en 2008 par Neil Patel, un marketeur très réputé aux États-Unis. Sa description LinkedIn en dit plus long :

Profil Linkedin de Neil Patel

Alors, comment les infographies ont permis à Kissmetrics de réaliser de belles performances ? 

Quicsprout a publié un article sur « Why Content Marketing is the New SEO » (Pourquoi le marketing de contenu est le nouveau SEO) où il décrit comment Kissmetrics a utilisé les infographies pour réaliser de très belles performances. 

En effet, Kissmetrics a eu à créer au total 47 infographies en l’espace de deux années.

Chacune des infographies coûtait 600 $, ce qui fait une somme de 28 200 $ pour les 47 infographies. 

Avec ces infographies, Kissmetrics a généré en deux ans : 

  • 2 512 596 visiteurs ; 
  • 41 142 backlinks provenant de 3 741 sites référents distincts ;
  • 41 359 tweets ; 
  • 20 859 likes. 

Ensuite, Quicksprout a effectué les suppositions suivantes notamment si Kissmetrics devait se jouer de Google et payer pour chaque élément gagné.       

Ainsi, nous avons :

  • Si chaque visiteur coûtait 5 cents : 2 512 596 * 0.05 = 125 629,8 $ ;
  • Si chaque lien coûtait 20 $ : 41 142 * 20 = 822 840 $ ;
  • Si Kissmetric devait payer chaque tweet à 2 $ : 2* 41 389 = 82 718 $ ; 
  • Si chaque like devait coûter 2$, Kissmetric aura à payer 20 859 * 2 = 41 718 $.

Au total, Kissmetric aurait à dépenser 1 072 905,8 $ s’il devait se jouer de Google pour avoir de telles statistiques. 

Au lieu de cela, Kissmetric n’a dépensé qu’une somme de 28 200 $. La différence est de plus de 38 fois ! 

En termes de rentabilité, le choix est évident. 

De plus, il ne faut pas oublier que ces achats ne lui auraient pas permis : 

  • D’avoir des liens de qualité venant des sites de référence comme Forbes ou Hyffington Post ;
  • D’avoir de réels engagements de la part des internautes.  

L’article continu et suggère : 

« Ainsi, au lieu d’investir dans des solutions à court terme qui peuvent augmenter votre classement et votre trafic global, investissez dans la solution à long terme du marketing de contenu. »

Envie d’utiliser maintenant les infographies / images pour avoir plus de trafics et de liens ? Voici comment procéder ! 

3.2. Comment utiliser les infographies pour acquérir des backlinks ?

Dans cette section, je vous donne des étapes pratiques pour tirer pleinement profit de vos images / infographies.

Mais pour utiliser les images pour avoir des liens, vous devez d’abord commencer par en avoir une.

3.2.1. Créez vos propres infographies ou images 

Difficile de tirer pleinement profit de quelque chose qui ne vous appartient pas. Pour cela, vous avez deux options : 

  • Créez vos images vous-même ; 
  • Sollicitez un designer.

La première alternative peut parfois s’avérer complexe notamment si vous n’êtes pas doué en design ou dans la manipulation des outils de création. 

Je compte créer un guide complet sur le sujet afin de vous montrer toutes les démarches / outils que vous pouvez utiliser pour créer vos infographies.

Cela dit, il y a de superbes guides que vous pouvez déjà consulter pour les créer : 

  • Comment créer une infographie en 5 étapes (guide du débutant) | Venngage ;
  • How to Create Infographics in Under an Hour [15 Free Infographic Templates] | Hubspot.

Vous aurez des modèles prêts à être utilisés comme ceci : 

Source : Hubspot

Dans le cas où vous aurez des difficultés en termes de temps ou dans l’utilisation des outils, vous pouvez solliciter une personne plus douée dans le domaine.

Mon Agence propose ce service et vous avez la possibilité de décrire le type d’infographie que vous voulez. 

Vous pouvez également faire appel à des freelances pour la réalisation de vos images. Une fois que vous avez des images, il faudrait penser à optimiser leurs performances.

3.2.2. Trouvez qui utilise vos images

Si vous créez déjà des images dans vos contenus, il est pertinent de chercher d’abord à savoir qui les utilise. La plupart du temps, vos images sont utilisées et vous ne vous en rendez même pas compte !

La présente démarche permet de gagner beaucoup de temps et ne coûte pas de ressource supplémentaires. 

Étape 1 : Faites un audit des images ayant de grands potentiels

Commencez par faire un audit des images dans le but de déterminer toutes les images qui pourraient être utilisées dans l’objectif d’acquérir des liens.

Ne négliger aucune sorte de visuels, pensez à :

  • Vos logos : Notamment si vous avez eu à modifier / changer votre logo. Ainsi, vous pourrez trouver qui utilise vos anciens logos et leur faire connaître la dernière version.
  • Infographie ;
  • Photos de produits ; 
  • Badges / Récompenses ;
  • Photos des employés ;
  • Etc.

Notez toutes les images qui ont le potentiel d’attirer certains liens et utiliser des outils pour les trouver.

Étape 2 : Trouvez les sites web qui utilisent vos images sans faire un lien vers votre site web  

Pour ce faire, utilisez : 

Google Images

Dans le cas où l’image se trouve dans votre ordinateur / smartphone, vous pouvez cliquer sur l’onglet « Importer une image » :

Recherche avec Google Images

Vous allez alors naviguer sur votre ordinateur pour choisir le fichier en question.  

Vous pouvez également renseigner l’adresse URL de votre image :

Coller l URL de l image dans Google Images

Pour avoir l’adresse de votre image, il suffit de vous rendre sur l’image en question et de faire un “clic” droit :

Copier l URL de l image

Vous sélectionnez ensuite « Copier l’adresse de l’image » que vous collez dans la barre indiquée par Google image :

Recherche avec l URL de l image dans Google Images

Cliquez sur le bouton bleu « Recherche par image » pour avoir les résultats des pages contenant l’image en question :

Resultat de recherche dans Google Images

Notez que Google image n’est pas parfait et que vous aurez parfois des images similaires à la votre.

Il y a également un deuxième outil que vous pouvez utiliser pour déterminer qui utilise vos images, Tineye.com :

TinEye

Vous allez suivre le même processus qu’avec Google image et vous aurez des résultats de type :

Resultat de recherche dans TinEye

Le plus intéressant avec TinEye est que vous avez la possibilité de suivre vos images et d’être alerté si l’une de vos images est utilisée sur un autre site web :

Regler les alertes avec TinEye

Mais, il faut noter que le coût est assez élevé :

Payer pour avoir des alertes avec TinEye

Il s’agit néanmoins d’une très bonne alternative pour automatiser le suivi de vos images / infographies. De cette façon, si l’une de vos images est découverte, vous aurez automatiquement une alerte par mail.

Ce simple procédé peut vous permettre également de trouver des liens sur des publications majeures qui se trompent de source !

Avec ces outils, vous savez où vos images sont utilisées, mais pas si votre site web est mentionné comme la source avec un lien. 

Ainsi, avant de contacter ces sites, vous devez vous assurer qu’ils n’ont pas déjà fait un lien vers vous.

Vous pouvez utiliser des tels que Ahrefs ou Moz pour vérifier si une page donnée contient des liens pointant vers votre domaine.

Étape 3 : Créez des modèles de courriel

Maintenant que vous connaissez les sites web qui utilisent vos images sans faire des liens vers votre site web, il est temps d’envoyer un courriel aux webmestres et de leur demander de créer un lien vers vous en tant que source.

Pour accélérer le processus, vous devriez utiliser une sorte de modèle que vous pourrez facilement personnaliser.

Vous pouvez utiliser diverses solutions comme BuzzStream pour sa fonction de remplissage automatique des modèles, mais une simple réponse préenregistrée dans Gmail fonctionne également.

Voici un exemple générique de message que vous pourrez utiliser :

« Salut,

Merci beaucoup de nous avoir inclus dans votre article sur [Nom de domaine].

[URL de l’article]

J’ai remarqué que vous avez inclus notre image et je me demandais si vous pouviez faire un lien vers nous en tant que source.

Merci encore de nous avoir inclus.

Nom »

Vous savez désormais comment trouver facilement des opportunités de backlinks avec des images pour optimiser l’autorité de votre site web.

Pour résumer : 

  • Créez des images attrayantes !
  • Gardez une liste de toutes les images que vous possédez pour votre site web ; 
  • Voir si les images sont utilisées en ligne ;
  • Automatiser la découverte d’images ;
  • Vérifiez les pages pour voir si elles contiennent déjà des liens ;
  • Envoyez un courriel à ceux qui n’ont pas fait de liens et demandez-leur de le faire.

Il s’agit de la principale stratégie à utiliser lorsque vous voulez acquérir des liens grâce principalement à vos images. 

Étant donné que la plupart du temps ces infographies feront partie d’un article, je vous invite à consulter ces deux articles : 

Cela dit, voici quelques astuces qui pourront vous aider dans la mise en valeur de vos images.

3.3. Quelques astuces pour mettre en valeur vos infographies

Astuce 1 : Rédiger un article de blog pour mettre en valeur l’infographie

Maintenant que vous avez créé votre belle infographie, vous allez avoir besoin d’un contenu pour l’héberger. Vous n’avez pas forcément besoin d’écrire une tonne de texte. 

Le contenu visuel devrait « parler de lui-même » et si vous voulez, un petit paragraphe au-dessous de l’image avec un texte d’introduction devrait suffire.

Mais gardez à l’esprit que si vous souhaitez avoir un trafic organique important, il est important d’accompagner votre infographie d’un contenu textuel de qualité.

Cela permettre à votre contenu d’apparaître lors des requêtes sur Google et le plus intéressant lors des recherches vocales.

Poser une question à un assistant vocal

De plus, le titre de votre article de blog devrait quand même être captivant et optimisé, pour deux raisons :

  • Vous voulez que les gens trouvent votre contenu de façon organique ;
  • L’une des meilleures choses à propos de l’infographie est la quantité de contenu partagé sur les médias sociaux. Avoir un titre fort pour accompagner un article peut encourager les gens à cliquer dessus et à partager.

Astuce 2 : Facilitez le partage de votre infographie via les médias sociaux

Pensez à ajouter des boutons de partage social à chacun de vos articles de blog. Ainsi, vous allez permettre aux lecteurs de partager facilement votre infographie.

Boutons de partage des reseaux sociaux

Astuce 3 : Soumettez vos infographies à des répertoires infographiques

L’étape suivante consiste à soumettre votre visuel à des répertoires infographiques tels que Visual.ly

Il y en a des douzaines, que vous pouvez consulter dans cet article de Modernmarketingpartners.

La plupart de ces répertoires infographiques vous permettront de fournir un lien vers l’infographie originale et une courte description de son contenu.

Astuce 4 : Réutilisez vos vieux contenus

Il s’agit d’une vieille technique, mais elle fonctionne très bien. 

Si vous bloguez régulièrement depuis plus d’un an, vous avez des contenus utiles qui ont été populaires auprès de votre public et /ou qui ont obtenu plus du succès au niveau des moteurs de recherche.

Lorsque vous réutilisez ou améliorez un contenu existant avec une infographie, les lecteurs s’engageront mieux avec votre message. 

Un engagement accru améliorera vos statistiques sur la page, ce qui indique aux moteurs de recherche que les utilisateurs aiment cette page.

Vous pouvez utiliser BuzzSumo ou Ahrefs pour découvrir des opportunités cachées dans vos anciens contenus, surtout s’ils sont déjà positionnés pour certains mots clés. 

Vous pouvez également visiter votre Google Analytics pour connaître les pages ayant eu du succès. 

Je crois que vous avez déjà Google Analytics sur votre site, alors allez simplement au niveau de la rubrique « Comportement » et cliquez sur « Toutes les pages » sous le menu déroulant « Contenu du site » : 

Faites défiler vers le bas pour voir votre contenu le plus populaire à en juger par les Pages vues et le Temps moyen sur la page.

Les pages populaires dans Google

Si votre temps moyen sur la page est faible, mais qu’il y a beaucoup de visiteurs sur une page particulière, une infographie peut améliorer votre temps moyen sur la page. 

Cette petite mise au point peut être l’occasion d’amener votre contenu à la 1re position des SERP ou de vous classer plus haut sur la première page si vous y êtes déjà, mais que vous n’êtes pas le numéro 1.

Vous savez désormais comment utiliser à profit vos infographies, voyons maintenant comment vous pouvez intégrer d’autres types de contenus.

Chapitre 4 : Comment intégrer tout type de contenu sur votre site web ? 

Avec WordPress, vous n’êtes pas seulement limité aux images lorsqu’il s’agit d’intégrer des formats de contenu. 

Vous avez la possibilité d’intégrer divers types de contenus allant des documents aux contenus d’autres pages web.

Nous verrons dans ce chapitre, comment intégrer : 

Des documents : PDF, Ms Office, Google Doc, Slide…

  • Des cartes ; 
  • Des vidéos ; 
  • Des audios ; 
  • Des pages web ; 
  • Etc.  

4.1. Comment intégrer (embed) des documents ?

En utilisant WordPress, vous pouvez intégrer le contenu des sites web ci-dessous sans aucun plugin supplémentaire ou sans vous tracasser. 

Comme avec YouTube, il suffit de le coller dans l’éditeur le lien et WordPress fera le reste. Il s’agit : 

  • Des documents de la plateforme Issuu

Issuu

  • Des contenus de la plateforme Scridb :

Scridb

Slideshare

En dehors de ces sites web, vous avez la possibilité d’intégrer d’autres types de documents traditionnels.

4.1.1. Intégrez d’autres des documents de MS Office et de Google 

Vous avez la possibilité d’intégrer divers types de documents dans vos contenus. Il s’agit par exemple des documents :

  • PDF ; 
  • Ms Word ; 
  • Ms PowerPoint ; 
  • Ms Excel ; 
  • Google Doc ; 
  • Google Slide ;
  • Google Sheet ;
  • Etc…

Pour le faire, suivez les étapes suivantes : 

Étape 1 : Téléchargez le plugin « Embed Any Document »

Installer le plugin « Embed Any Document » :

Plugin Embed Any Document

Activez-le :

Activer le Plugin Embed Any Document

Étape 2 : Téléchargez votre document dans votre Bibliothèque 

Uploader des documents dans wordpress

Ensuite, vous allez copier le lien du document situé dans le coin droit :

Copier l adresse de votre document

Étape 3 : Intégrez le document dans votre article 

Pour intégrer le contenu dans votre article, il faut vous rendre dans l’éditeur à l’endroit où vous voulez faire l’intégration :

Cliquez sur « Add Document » et vous aurez cette interface : 

Integrer le document dans votre article 2

Vous avez plusieurs options pour intégrer votre document :

  • Upload Document : Qui vous permet de sélectionner vos documents depuis votre bibliothèque ;
  • Add from URL : Vous allez utiliser directement le lien du document ;
  • Add from Drive : Cela vous permet de choisir le document depuis Google Drive ; 
  • Add from Dropbox : Vous sélectionnez vos documents depuis Dropbox ; 
  • Add from Box : Vous permet de prendre vos documents depuis Box.

J’opte pour la première option et je sélectionne le document en question :

Integrer le document dans votre article 3

Vous pouvez choisir entre Google Docs Viewer et Microsoft Office Online pour afficher votre document :

Integrer le document dans votre article 4

Je choisis pour l’instant Microsoft Office Online et j’appuie sur « Insert » pour voir le code dans mon contenu :

Integrer le document dans votre article 5

Lorsque je fais « Preview », j’ai ce résultat avec Microsoft View :

Aperçu Microsoft du document integrer dans votre article

Pour l’affichage avec Google Doc View, j’ai ce résultat :

Aperçu Google du document integrer dans votre article

Voyons maintenant comment « embeder » les documents Google Docs sans utiliser d’add-on.

4.1.2. Intégrez les documents Google Docs sans installer un plugin 

Si vous souhaitez intégrer des documents Google (Slide, Doc ou Sheets) de votre Google Drive à votre article ou page WordPress, suivez les étapes suivantes :

Étape 1 : Créez votre document Google et publiez 

Une fois que vous avez créé votre document Google Doc, vous allez cliquer sur « Fichier » et sur « Publier sur le web » :

Integrer un Google Doc dans votre article 1

Sélectionnez « Intégrer » et cliquez sur le bouton « Publier » :

Integrer un Google Doc dans votre article 2

Vous avez ensuite le code d’intégration 

Integrer un Google Doc dans votre article 3 

Vous pouvez maintenant le coller à l’endroit exact où vous voulez dans l’éditeur :

Integrer un Google Doc dans votre article 4

Étape 2 : Ajustez le Google Doc intégré 

Vous allez constater qu’une fois publier, le Google Doc intégré ressemble à ceci : 

Apercu du Google Doc integre dans un article

Pour corriger le problème, il faut vous rendre dans votre éditeur et cliquez sur l’onglet « text » à côté de « Visual » pour voir l’embed code : 

Regler l apercu du Google Doc integre dans un article

Vous allez l’éditer en ajoutant le code suivant : « width= »100% » height= »“1000px” » à la fin, comme dans l’image suivante :

Regler l apercu du Google Doc integre dans un article 2

Vous avez ensuite le résultat suivant :

Apercu du Google Doc integre dans un article apres reglage de la taille

La fenêtre est un peu plus grande, mais il est clair qu’il y a encore des ajustements à faire.

Cela dit, vous avez déjà votre document intégré que vos lecteurs pourront directement consulter.

4.1.3. Comment intégrer un Google form sans plugin dans votre contenu 

Pour intégrer un Google form dans votre article, suivez les étapes suivantes : 

Étape 1 : Créez votre Google form

Si vous créez un Google form, cliquez sur le bouton « Envoyer » situé dans le coin supérieur droit :

Integrer un Google form dans votre article

Vous avez ce résultat :

Integrer un Google form dans votre article 1

Il faut cliquer sur le symbole d’intégration qui se trouve à droit avant les icônes de réseaux sociaux.

Vous avez le code d’intégration et il faudra faire le réglage des dimensions, vous choisissez selon vos besoins. 

Étape 2 : Collez le code à l’endroit idéal 

Vous intégrez le code dans votre éditeur à l’endroit souhaité :

Coller le code d_integration du Google form dans votre article

En faisant un aperçu, j’ai ce résultat :

Apercu du Google Form integre dans un article

Voilà comment vous pouvez intégrer des documents à vos articles. 

4.2. Comment intégrer des cartes dans vos contenus ?

4.2.1. Intégrez Google Maps sans utiliser de Plugin 

Si vous avez besoin d’intégrer une carte pour une raison ou pour une autre, suivez ces étapes :

Étape 1 : Allez sur Google Maps et choisissez votre emplacement 

Rendez-vous sur Google Maps et choisissez l’emplacement que vous voulez afficher :

Integrer Google Maps dans un article

Ensuite, cliquez sur « Partager » et  vous aurez l’interface suivante :

Integrer Google Maps dans un article 1

Sélectionnez l’onglet « Intégrer une carte », vous aurez l’embed code à utiliser :

Integrer Google Maps dans un article 2

Étape 2 : Collez le code d’intégration dans votre code HTLM 

Une fois que vous avez le code, allez le coller à l’endroit où vous souhaitez dans votre éditeur : 

Collez le code d integration du Google Maps dans l article

Voici le résultat après un « Preview » :

Apercu du Google Maps dans l article

Si vous voulez insérer une carte depuis Bing, c’est presque le même processus.

4.2.2. Intégrez une carte Bing sans plugin 

Rendez-vous sur Bing Maps et choisissez votre localisation :

Integrer Bing Maps dans un article

Une fois localisé, vous allez cliquer sur les trois points qui se trouve après « Mes adresses » :

Integrer Bing Maps dans un article 1

Sélectionnez ensuite « Incorporer une carte » et vous avez cette interface :

Integrer Bing Maps dans un article 2

Après avoir personnalisé votre carte, vous cliquez sur « Générer le code » :

Integrer Bing Maps dans un article 3

Vous allez maintenant coller le code d’intégration dans le contenu à l’endroit exact où il doit s’afficher :

Coller le code d integration de Bing Maps dans l editeur

Le résultat se présente comme ceci :

Apercu du Bing Maps dans l article

J’ai remarqué que c’est un peu moins esthétique que pour Google Maps. Mais je ne maîtrise pas toutes les fonctionnalités que chacun d’eux propose.

4.2.3. Comment intégrer plusieurs cartes à la fois ?

L’incorporation manuelle d’une carte est très bien si vous voulez l’incorporer à un ou deux endroits. Mais c’est assez tracassant si le nombre de fois où vous allez l’intégrer est élevé. 

Peut-être que vous avez besoin d’ajouter fréquemment des cartes dans votre contenu. Dans ces conditions, vous avez besoin d’utiliser un plugin et MapPress Maps for WordPress se prête bien à cette tâche :

Plugin MapPress Maps

Pour intégrer Google Maps, suivez ces étapes : 

Étape 1 :  Installez et activez le plugin MapPress Maps for WordPress

Installez et activez le plugin :

Installer et activer le Plugin MapPress Maps

Étape 2 : Insérez la carte dans votre éditeur 

Une fois le plugin installé, vous allez trouver un nouvel onglet en bas de votre éditeur portant la mention MapPress :

Inserer la carte dans l editeur avec le plugin MapPress

Pour insérer la carte, recherchez votre adresse et faites les personnalisations nécessaires :

Inserer la carte dans l editeur avec le plugin MapPress

Enregistrez vos modifications et cliquez sur « Insérer dans la publication ».

En faisant un aperçu, j’ai le résultat suivant :

Apercu de la carte integree dans l article avec le plugin MapPress

Il faut noter que cette configuration est enregistrée et qu’il vous suffit prochainement de cliquer sur « Insérer dans la publication » :

Simple insertion d une carte avec le plugin MapPress

Il s’agit d’un moyen très pratique d’intégrer plusieurs cartes à la fois.

4.3. Comment intégrer des vidéos dans un contenu ? 

4.3.1. Intégrez les vidéos avec simplement le lien

Depuis l’introduction d’oEmbed dans WordPress, il est maintenant facile d’intégrer des vidéos en utilisant simplement les liens provenant de sites web populaires tels que : 

Chaine YouTube de Twaino

Animoto

Dropout

FunnyOrDie

Hulu

Ted

Dailymotion

WordPress tv

  • Etc.

Pour intégrer une vidéo YouTube, il suffit de copier le lien de partage :

Integrer une video YouTube dans un article

Mettez-le ensuite dans votre éditeur :

Integrer le code de la video YouTube dans l editeur

Le résultat se présente comme ceci :

Aperçu de l integration d une video YouTube

Ou : 

4.3.2. Utilisation de l’embed code pour intégrer une vidéo qui commencera à une certaine durée 

Cliquez sur le bouton « Partager » au-dessus du bouton de souscription et cliquez sur intégrer :

Integrer une video YouTube qui commence a un temps precis dans un article

Vous trouverez le code embed et quelques boîtes d’options :

Integrer une video YouTube qui commence a un temps precis dans un article 2

La première option vous permettra d’intégrer une vidéo YouTube qui commence à un moment précis. Vous allez constater que j’ai l’option de « Démarrer la vidéo à 2:49 ».

De cette façon, la vidéo commencera précisément à la 2 minutes 49 secondes lorsque le lecteur cliquera sur le bouton « Play » pour jouer la vidéo.

Mais pour ajuster le temps, vous devez d’abord regarder la vidéo et la mettre en pause au moment souhaité avant de cliquer sur le bouton partage / d’intégration. 

Vous pouvez également afficher les contrôles du lecteur tels que lecture/pause, volume et le bouton d’avance rapide en cochant les options d’intégration :

Integrer une video YouTube qui commence a un temps precis dans un article 3

Une fois le code copié, vous allez coller dans votre éditeur :

Integrer le code de la video YouTube dans l editeur

Voici le résultat : 

<iframe src= »https://www.youtube-nocookie.com/embed/Vf5Ent3wFbE?start=169″ width= »560″ height= »315″ frameborder= »0″ allowfullscreen= »allowfullscreen »></iframe>

4.3.3. Comment intégrez une chaîne YouTube dans un contenu ?

Vous pouvez intégrer une chaîne YouTube en tant que liste de lecture en suivant les étapes suivantes : 

Étape 1 : Téléchargez et installez le plugin YouTube Embed 

Pour réaliser cette intégration, vous avez besoin d’installer et d’activer le plugin Embed Plus for YouTube :

Installer et activer le Plugin YouTube Embed

Une fois activé, allez dans votre éditeur et cliquez sur le bouton « YouTube » à côté de « Ajouter un média » :

integrer une chaine avec le Plugin YouTube Embed

Vous avez ensuite cette interface qui vous exige une clé API : 

Integrer une chaine avec le Plugin YouTube Embed 1

Pour créer votre clé API YouTube, suivez cette courte vidéo servant de guide : 

Après avoir inséré l’API, revenez dans votre éditeur et cliquez sur le bouton « YouTube » pour intégrer votre chaîne :

Integrer une chaine avec le Plugin YouTube Embed 2

Allez copier le lien de la chaîne YouTube que vous souhaitez intégrer :

Integrer une chaine avec le Plugin YouTube Embed 3

Collez le lien à l’endroit indiqué :

Coller le lien de la chaine a integrer avec le Plugin YouTube Embed

À ce niveau, vous avez le choix d’insérer la chaîne sous forme de Galerie ou sous forme de Playlist. 

Moi, j’opte pour la Playlist :

Regler l apercu de la chaine a integrer avec le Plugin YouTube Embed

Le lien s’insère alors dans votre contenu :

Le lien de la chaine integrer avec le Plugin YouTube Embed

Le résultat donne ceci :

Aperçu de l integration d une chaine YouTube

En appuyant sur les trois barres situées dans le coin supérieur droit, vous avez la playlist de la chaîne et donc toutes les vidéos publiées sur chaîne YouTube Twaino :

Aperçu de l integration d une chaine YouTube 1

4.4. Intégrer des audios dans vos contenus 

4.4.1. Intégrez des audios sans plugin

Depuis l’introduction d’oEmbed, il est maintenant facile d’intégrer l’audio des sites web populaires. Il vous suffit de coller le lien des plateformes suivantes et WordPress s’occupera du reste : 

Spotify

SoundCloud

  • Etc.

Lorsque vous utiliser les liens de ces sites web, WordPress fait tout le travail nécessaire : 

Embed Spotify

Le processus ne diffère pas des autres types d’intégrations qu’on a vus jusque-là.

4.4.2. Intégrer un fichier audio dans un contenu 

Pour intégrer un fichier audio, suivez la procédure suivante : 

Téléversez le fichier audio dans votre bibliothèque : 

Integrer un fichier audio dans un article

Rendez-vous dans votre éditeur et cliquez sur « Ajouter un média » :

Integrer un fichier audio dans un article 1

Sélectionnez le fichier en question dans votre bibliothèque et insérez-le. Vous aurez le code d’intégration dans votre éditeur :

Integrer un fichier audio dans un article 2

Pensez à charger un fichier audio de format

  • .mp3
  • .m4a (peut ne pas fonctionner dans tous les navigateurs)
  • .ogg
  • .wav

En faisant un Preview, vous avez ceci :

Aprcu deu fichier audio integre dans l article

Votre fichier audio vient d’être intégré dans votre article.

4.5. Intégrer le contenu d’une autre page web dans votre article 

Si vous souhaitez intégrer une page dans une page, fait-le facilement avec le plugin Insert Pages :

Installer et activer le Plugin Insert pages

Suivez ensuite les étapes suivantes :

Allez dans l’éditeur de message ou de page où vous voulez insérer la page et cliquez sur le bouton « Insérer des pages de l’éditeur » :

Installer et activer le Plugin Insert pages 1 

Faites ensuite les réglages et sélectionnez la page que vous souhaitez intégrer : 

Installer et activer le Plugin Insert pages 2

Au niveau de « Display », et choisissez et sélectionnez le type de contenu (Titre, Lien, Extrait, Contenu) que vous souhaitez afficher sur la page : 

Cliquez sur « Insert Page » et vous allez constater qu’un code est inséré dans votre contenu :

Installer et activer le Plugin Insert pages 3

Il suffira de cliquer sur « Publier » ou « Preview » pour avoir un aperçu des modifications.

Et voilà, nous venons de voir tous les types de contenus que vous serez amené à intégrer dans vos articles.

4.6. Intégrer un bouton Pinterest 

Pour aller plus loin, il serait intéressant de créer et ajouter un bouton Pinterest à côté de votre infographie.

En effet, Pinterest est avant tout une plateforme de contenu visuel, alors pourquoi ne pas faciliter la tâche aux utilisateurs de Pinterest pour qu’ils puissent également partager votre image ?

Le bouton « Enregistrer » de Pinterest permet aux utilisateurs de partager votre contenu sur Pinterest et d’étendre sa portée. 

Ce bouton est idéal pour le contenu visuel et il vous suffit de placer ces boutons à côté : 

  • Des images ; 
  • Des infographies ; 
  • Etc.

Pour ajouter ce bouton, suivez les étapes suivantes : 

Rendez-vous sur le générateur de widgets Pinterest :

Generateur de widgets de Pinterest

Pinterest offre plusieurs types de Widgets:

Les widgets de Pinterest

 Il s’agit du : 

  • Bouton Enregistrer ; 
  • Bouton s’abonner ; 
  • Widget épingle ; 
  • Widget de profil ; 
  • Widget tableau.

Ici, nous choisir l’option « Le bouton Enregistrer »

Generer le bouton Enregistrer

Au niveau de l’option « Type de bouton », vous sélectionnez « Une image » au lieu de « Toute image » :

Selection du type de bouton Pinterest

Vous aurez néanmoins la zone d’aperçu pour voir en temps réel les changements que vous apportez à votre bouton.

Vous avez également d’autres options que vous pouvez personnaliser :

Les options pour generer le bouton Pinterest

Vous pouvez opter pour un bouton arrondi :

Rendre le bouton Pinterest arrondi

Ou encore un grand bouton : 

Rendre le bouton Pinterest arrondi et grand 

Choisissez ensuite la langue que vous voulez, mais laissez ce réglage à défaut si votre langue est déjà reconnue par Pinterest.

Ensuite, il faut choisir une option concernant l’affichage du nombre d’épingles :

Regler l affichage du nombre d epingles

Une fois que ces réglages sont terminés, il faut renseigner : 

  • L’URL de la page sur laquelle se trouve l’image ; 
  • L’URL de l’image ; 
  • Le titre de l’image.

Renseigner les URLs de l image et de la page

Comme vous vous en doutez déjà, il s’agit d’un code à intégrer dans le code HTLM de votre page. 

Et oui, c’est presque le même processus à suivre qu’avec mon Embed Code Generator :

Copier le code embed generer pour le bouton Pinterest

Vous allez prendre le code HTLM pour l’intégrer à l’endroit adéquat sur votre page web. 

N’oubliez pas de prêter attention à inclure le fichier pinit.js comme l’indique Pinterest : 

Inclure le fichier pour le bouton Pinterest

Vous pouvez également utiliser le code pour la version AMP de votre page :

Copier la version AMP du code d integration du bouton Pinterest

Vous copiez ces codes et vous les collez dans le code de votre page.

Et voilà, vous venez d’intégrer votre image qui sera partagée et intégrée par d’autres personnes dans leur contenu. 

Si vous vous demandez si le générateur d’intégration de code fonctionnera sur toutes les images, sachez que vous pourrez l’utiliser avec n’importe quel type d’image. 

Ainsi, vous pouvez l’utiliser pour vos : 

  • Photos ; 
  • Illustrations ; 
  • Diaporamas ; 
  • Infographies ; 
  • Etc. 

Essayez et vous verrez par vous-même. 

Notez également que l’outil est le générateur de code html parfait pour tout type d’images. Ce qui implique qu’il donne un extrait de code HTML que vous allez copier et coller simplement sur votre site web.

La création de code d’intégration pour les images est un excellent moyen de rediriger le trafic vers votre site web. Les utilisateurs adorent partager des infographies ou d’autres éléments visuels, alors laissez faciliter leur la tâche. 

Conclusion. Facilitez-vous les intégrations de contenu avec l’embed code generator 

Créer des articles d’autorité, implique généralement l’utilisation de différents formats de contenus à savoir : 

  • Des textes ; 
  • Des images ; 
  • Des vidéos ; 
  • Des Cartes ;
  • Des questionnaires ; 
  • Des documents ; 
  • Etc.

Les differents formats de contenu marketing

En dehors des textes, les autres types de formats sont souvent difficiles à intégrer notamment lorsqu’ils se trouvent sur d’autres sites web / plateformes. 

En général, il faut passer par les téléchargements ou les captures d’écran avant de les intégrer. 

Mais il y a un moyen plutôt simple qu’utilise les développeurs : L’embed code ou les codes d’intégration.

Dans cet article, nous avons eu l’occasion de parcourir les démarches pour intégrer presque tous les types de contenus dans votre site WordPress. 

Maintenant, vous avez la possibilité d’enrichir vos articles et d’être rassuré sur le fait que les contenus intégrés seront automatiquement mis à jour et vos lecteurs ne manqueront rien.

En ce qui concerne l’embed code generator de Twaino, il vous aidera principalement pour les images. 

Vous avez eu l’occasion de voir les performances que les infographies peuvent vous permettre de réaliser et la stratégie que vous pouvez utiliser pour en tirer pleinement profit. 

Alors, que ce soit vos images / infographies ou celles d’un autre site web, n’hésitez pas à utiliser cet outil qui vous permettra de les intégrer dans les règles de l’art en moins de 2 minutes.

En vous souhaitant beaucoup de backlinks avec vos infographies, passez de très bonnes fêtes de fin d’année.

Go to Top