1 message de forum 'améliorer la communication, référencement.. avec twitter, facebook...'

Bonjour, Je comprend tout à fait que tu n’es pas de compte Facebook ou
twitter. Moi même, je (...) |

**Escal V3**

Message posté par christian voillemont <christian@voillemont.com> à la
suite de l’article « Suggestions ».
* * *

## améliorer la communication, référencement.. avec twitter, facebook...

Bonjour,

Je comprend tout à fait que tu n’es pas de compte Facebook ou twitter.
Moi même, je n’ai pas de tel intelligent et je n’utilise ses outils
que parce-que je ne peux pas faire autrement mais je n’y vais pas gout.

Le problème avec facebook est simple.
Quand tu partage un article, il le propulse sur facebook avec un titre, une
description et une image.
C’est là que cela se corse. Il prend une image au hasard dans la page.
Ça peut être une bannière, un logo, une image... et parfois, voire même
souvent le résultat n’est pas tres judicieux voir dàs fois
catastrophique.

Pour pallier à cela facebook utilise des méta opengraph qui lui donnent
toutes les indications pour afficher titre, descriptif, logo sans erreurs.

Maintenant, nos articles avec le plugin meta plus et ton adaptation sont
propulsés correctement.

Par contre, il y a une lacune au niveau de l’accueil du site ou il n’y
a pas de métabalise opengraph.

Le defi est de mettre les balises qui permettent à facebook d’afficher
le nom du site, le logo, le descriptif uniquement sur la page d’accueil.

elles ne doivent pas ensuite faire doublon avec celles articles.

Facebook sans meta balise peut mettre trois logos différents et aucun le
bon (ça m’est arrivé) pour l’accueil.
un a nomdusite.com/ ?lang=en
un a nomdusite.com/ ?lang=fr
un a nomdusite.com

Dans la config d’escal, il y une rubrique méta.
si on pouvait renseigner manuellement l’adresse du logo pour facebook et
des champs requis ça serait bien. Facebook demande un format d’image
spécial 1200×628 pixels (ratio 1,91:1).
Mais cette meta ne s’afficherai que sur l’accueil pour ne pas perturber
celle des articles.

Voici un exemple précis d’insertion de données Open Graph pris sur
yakaferci

`<html xmlns:og="http://ogp.me/ns#"><br />
<head><br />
<title>Article sur l'Open Graph</title><br />
<meta property="og:title" content="Article sur l'Open Graph par Yakaferci"
/><br />
<meta property="og:type" content="article" /><br />
<meta property="og:url" content="http://adressedusite/open-graph/" /><br
/>
<meta property="og:image"
content="http:/adressedusite/images/yaka_small.jpg" /><br />
...<br />
</head><br />
...<br />
</html>`

Il manque d’apres l’analyseur du site cité :

#### 1 document

* IMG/jpg/analyseopengraph.jpg
(http://escal.ac-lyon.fr/spip/IMG/jpg/analyseopengraph.jpg)
    (JPG - 61.7 ko )

* * *

### Modération

Ne répondez pas à ce mail mais sur le forum à l’adresse suivante :
http://escal.ac-lyon.fr/spip/spip.php?article170#forum6896

— Envoyé par Escal V3 (http://escal.ac-lyon.fr/spip/)

analyseopengraph.jpg