Quand quelqu'un partage un lien vers votre page, des apps comme Facebook, iMessage, WhatsApp et LinkedIn affichent une carte d'aperçu avec une image, un titre et souvent une courte description. Dans EverWeb, vous les choisissez pour chaque page : l'image dans Image réseaux sociaux, le titre dans Titre de la page Web et la description dans Description de la page Web, le tout dans Inspecteur > Paramètres de page. Publiez ensuite. Si une app affiche toujours un ancien aperçu, vous pouvez demander à Facebook de relire la page avec son outil Sharing Debugger.
Dans quels cas l'utiliser
- Les liens d'un fleuriste sur WhatsApp et Facebook n'affichent aucune image.
- Une photographe partage chaque nouveau billet de blog sur Facebook et veut que la photo principale du billet apparaisse sur la carte.
- Un graphiste a renommé son entreprise, mais coller le lien dans un message affiche toujours l'ancien logo.
Ce qu'EverWeb ajoute, et ce qui nécessite SEO PowerUp
Ces informations d'aperçu s'appellent des balises Open Graph. Elles sont cachées dans la page, pour que les apps de partage puissent les lire.
| Élément de l'aperçu | Provient de | Nécessite |
|---|---|---|
| Image | Image réseaux sociaux | Inclus dans EverWeb |
| Titre | Titre de la page Web | Inclus dans EverWeb |
| Adresse de la page | L'adresse de la page | Inclus dans EverWeb |
| Description sous forme de balise de partage | Description de la page Web | SEO PowerUp, avec Optimiser et soumettre le site Web aux moteurs de recherche coché |
| Titre et image d'un billet de blog | Le titre du billet et son image principale | SEO PowerUp, avec Optimiser et soumettre le site Web aux moteurs de recherche coché |
Sans SEO PowerUp, votre Description de la page Web figure tout de même sur la page en tant que description normale, et de nombreuses apps l'utilisent. SEO PowerUp coûte $29.95 USD par an, et il est inclus dans Hosting Pro et dans les formules EverWeb + Hosting supérieures.
Définir l'image et le texte
- Sélectionnez la page dans la liste des pages. Faites-le pour chaque page que vous partagerez, en commençant par votre page d'accueil. Ce réglage n'est pas disponible sur un Modèle maître.
- Allez dans Inspecteur > Paramètres de page.
- Dans Titre de la page Web, tapez le titre que vous voulez montrer, par exemple « Livraison de fleurs fraîches à Toronto ».
- Ouvrez la section Search Engine Optimization (optimisation pour les moteurs de recherche). À côté de Image réseaux sociaux, cliquez sur Choisir… et choisissez votre image.
- Dans Description de la page Web, écrivez une ou deux phrases qui donnent envie de cliquer.
- Publiez. Les apps ne voient que la page publiée, et non votre projet ni l'Aperçu.
Conseils pour l'image :
- Utilisez une image d'environ 1200 x 630 pixels, plus large que haute. C'est le format utilisé par Facebook.
- Certaines apps recadrent l'image en carré : gardez donc l'essentiel au centre.
- Utilisez une photo, ou votre logo sur un fond uni. Un petit texte dans l'image est difficile à lire sur un téléphone.
Actualiser un aperçu qui n'est plus à jour
Les apps de partage enregistrent l'aperçu la première fois que quelqu'un partage un lien, et peuvent continuer à l'afficher après que vous avez modifié votre page.
- Facebook : connectez-vous au Facebook Sharing Debugger (outil de débogage du partage), collez l'adresse de votre page, cliquez sur Debug (déboguer), puis sur Scrape Again (récupérer à nouveau). Le nouvel aperçu s'applique aux nouvelles publications. Les publications déjà faites peuvent garder l'ancien.
- LinkedIn : collez l'adresse dans le LinkedIn Post Inspector (inspecteur de publications).
- iMessage et WhatsApp : ces apps gardent leur propre copie enregistrée sur le téléphone pendant un certain temps. Pour tester votre nouvel aperçu, envoyez le lien en ajoutant ?1 à la fin, par exemple yoursite.com/about.html?1.
Problèmes fréquents
| Ce que vous voyez | Ce qu'il faut faire |
|---|---|
| Aucune image | Cette page n'a pas d'Image réseaux sociaux, ou la modification n'est pas encore publiée. Définissez-la, publiez, puis actualisez l'aperçu (voir ci-dessus) |
| L'ancienne image ou l'ancien titre s'affiche toujours | L'app a enregistré une copie plus ancienne. Utilisez le Sharing Debugger ou le Post Inspector |
| Vous avez modifié le favicon mais l'aperçu n'a pas changé | Le favicon est la petite icône de l'onglet du navigateur. L'image de l'aperçu est l'Image réseaux sociaux. Consultez Puis-je ajouter une favicon à mon site dans EverWeb ? |
| Un billet de blog est partagé sans image | Donnez une image principale au billet, vérifiez que SEO PowerUp est activé, puis publiez avec Fichier > Publier le site entier |
| La description est absente ou affiche un texte pris au hasard dans la page | Remplissez la Description de la page Web. Avec SEO PowerUp, EverWeb l'ajoute aussi sous forme de balise de partage |
| L'image est recadrée ou floue | Utilisez une image plus grande, d'environ 1200 x 630 pixels, avec l'essentiel au centre |
| Le Sharing Debugger ne parvient pas à lire la page | Vérifiez que la page est publiée et qu'elle s'ouvre dans une fenêtre de navigation privée. Les pages protégées par mot de passe ne peuvent pas afficher d'aperçu |
| Votre site Web a été publié pour la dernière fois avec une ancienne version d'EverWeb | Mettez à jour EverWeb, puis publiez avec Fichier > Publier le site entier |