jeudi, août 24, 2023
Internet

Comment faire en sorte que les liens vers votre page d’accueil soient beaux sur les réseaux sociaux

Voici comment contrôler ce que les gens voient lorsque vous créez un lien vers votre page d’accueil sur les réseaux sociaux.

Lorsque vous lancez un nouveau site Web ou un nouveau blog pour la première fois, vous voudrez probablement le partager immédiatement avec vos amis et votre famille. Mais si vous ne l’avez pas configuré correctement, tout ce qu’ils verront, c’est un lien ennuyeux.

Même si l’aperçu charge une image, ce n’est peut-être pas celle que vous souhaitez voir. Mais vous pouvez résoudre ce problème.

VOIR AUSSI: Comment améliorer le trafic de votre site Web avec les dernières techniques de SEO

Tout Commence Avec Des Balises Meta

Les balises Meta sont des balises HTML qui n’affichent aucun contenu sur votre page Web. Ils vivent dans les balises <head> </head> de votre HTML. Lorsque les moteurs de recherche et d’autres services, comme Facebook, lisent votre page , ils obtiennent des informations ciblées à partir des balises méta.

Comment Les Médias Sociaux Utilisent-Ils Les Balises Meta?

Les balises Meta sont ce dont vous avez besoin pour que les médias sociaux et les messages texte traitent correctement vos liens. Lorsque vous partagez un lien via Facebook, par exemple, Facebook suit le lien vers la page. Il lit ensuite la page et essaie de comprendre ce que tout est.

Plus important encore, il essaie de trouver un titre, une description et une image. S’il ne peut pas les trouver, il affichera simplement un lien simple sans fioritures. Pour que Facebook affiche un titre, une description et une image spécifiques, vous devrez ajouter des balises méta spécifiques pour lui indiquer ce qu’il faut rechercher.

Si les sites de médias sociaux comme Facebook et Twitter obtiennent les informations dont ils ont besoin sur votre site Web, ils créeront une carte. Si tout s’est déroulé comme prévu, cela devrait ressembler à ce à quoi vous vous attendiez.

Modification De Vos Balises Meta En HTML Brut

Si vous avez construit votre site Web avec du HTML simple ou un framework frontal, l’ajout de balises meta devrait être simple. Ils vont dans la même zone que vos balises de titre, de style et de script, comme dans l’exemple suivant:

 <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" href="favicon.ico"> <title>John Smith - Personal Development Writer</title> </head> <body> ... 

Vous pouvez voir qu’il y a déjà quelques balises meta en place. Ce ne sont pas ceux dont vous aurez besoin pour que votre site Web s’affiche correctement dans les liens – ce ne sont que des valeurs par défaut de bas niveau.

Changer Vos Balises Meta Dans WordPress

La modification des balises méta dans WordPress est plus complexe. Des instructions complètes prendraient tout un guide. Alors à la place, voici quelques conseils pour vous aider à démarrer:

  1. Si vous êtes à l’aise pour éditer votre thème, les balises meta doivent se trouver dans le fichier header.php de votre thème actuel.
  2. Si vous ne pouvez pas accéder à votre thème ou ne voulez pas vous en occuper, vous pouvez modifier vos balises meta avec un plugin comme Advanced Meta Tag Management.

Comment Créer Une Carte Facebook

Maintenant que vous avez compris comment accéder à vos balises Meta, vous pouvez commencer à les modifier. Voici les balises minimales que Facebook souhaite voir:

&lt;meta property="og:title" content="John Smith - Personal Development Writer"> &lt;meta property="og:description" content="Personal development is..."> &lt;meta property="og:image" content="&lt;https://leenathan.com/soshe.jpg>"> &lt;meta property="og:url" content="&lt;https://leenathan.com>"> 

Les propriétés du titre et de la description indiquent à Facebook le texte à afficher. La propriété URL peut créer un lien vers une sous-page pour des promotions spéciales ou des tests A / B.

La propriété image doit être une adresse complète, non relative à votre page d’index comme /image.jpg . La meilleure taille d’image à utiliser est de 1200×628, car cette taille sera la plus compatible sur les sites et appareils de médias sociaux.

Comment Créer Une Carte Twitter

La carte Twitter est presque la même que la carte Facebook, mais avec des balises méta différentes. Voici à quoi ressemblent les balises meta Twitter:

&lt;meta name="twitter:title" content="John Smith - Personal Development Writer"> &lt;meta name="twitter:description" content="Personal development is..."> &lt;meta name="twitter:image" content="&lt;https://leenathan.com/soshe.jpg>"> &lt;meta name="twitter:card" content="summary_large_image"> 

Les propriétés du titre et de la description sont les mêmes que celles de Facebook; la propriété image suit également les mêmes règles. Et 1200×628 est une bonne taille pour commencer.

La principale différence est la propriété de la carte. Cet exemple utilise « summary_large_image » pour créer une carte qui ressemble à peu près à la carte de Facebook. Twitter a cependant d’autres options.

Comment Vous Assurer Que Votre Aperçu Est Correct

Vous pouvez publier un tweet et le supprimer rapidement une demi-douzaine de fois jusqu’à ce que votre carte soit correcte. Vous pouvez également vous envoyer un message Facebook. Mais ces méthodes sont un peu maladroites. Heureusement, les deux services fournissent un outil pratique pour faciliter la vérification de vos cartes.

Facebook a un débogueur de partage . Et Twitter a un validateur de carte . Les deux outils effectuent la même tâche: vous permettre de voir comment fonctionnent les liens; ils utilisent simplement des noms différents.

Autres Aspects À Tester

Vous avez maintenant obtenu le lien de votre site pour avoir fière allure sur les deux grands réseaux sociaux. Il y a de fortes chances que cela soit beau partout, mais vous devriez le vérifier. Par exemple, si vous avez des informations en bas ou en haut d’une image, elles peuvent être tronquées sur le mobile.

Mobile

Avant d’aller plus loin, c’est une bonne idée de vous assurer que votre lien semble toujours bon sur mobile. Comme mentionné, votre image peut être coupée sur le petit écran. Dans l’exemple présenté précédemment, l’image était trop basse, vous ne pouviez donc voir que la moitié supérieure de la tête.

SMS Et Messagers

Il s’agit simplement de vous envoyer un SMS (ou un message via un service comme WhatsApp) avec le lien. Vous n’avez pas à vous soucier d’un outil de validation. Il y a de fortes chances que si cela a l’air bien dans les applications de médias sociaux, cela aura l’air bien ici.

LinkedIn

Si vous travaillez sur votre site Web personnel, vous voulez vraiment qu’il soit beau sur LinkedIn. Heureusement, LinkedIn fournit également un outil de validation appelé inspecteur de publication. De plus, vous n’avez pas à vous soucier de plus de balises méta, car LinkedIn utilise les balises Facebook.

LIRE AUSSI: Quels facteurs techniques du site Web affectent le succès du référencement?

Sur Quoi Travailler Ensuite

Les informations que nous avons couvertes devraient être suffisantes pour vous aider à démarrer.

Leave a Response

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.