Installation
Activer le plugin dans le menu dédié.
Dans le panel de configuration, vous pouvez choisir quelles méta-données, vous voulez activer ou non :
- Dublin Core : sémantique
- Opengraph : format adopté notamment par Facebook . Il permet d’améliorer les informations transmises lorsque vos utilisateurs partagent une page
- Twitter Card
Utilisation
Le plugin fournit des modèles pour le site, les rubriques, articles et événements.
Dans la balise <head>.... </head>
de votre squelette, ajouter le code suivant à l’intérieur de la boucle principale (RUBRIQUES, ARTICLES, BREVES, AUTEURS ou EVENEMENTS)
Objet | Code SPIP |
---|---|
Site | <INCLURE{fond=inclure/metasplus-site-spip} /> |
Rubrique | <INCLURE{fond=inclure/metasplus-rubrique,id_rubrique} /> |
Article | <INCLURE{fond=inclure/metasplus-article,id_article} /> |
Evenement | <INCLURE{fond=inclure/metasplus-evenement,id_evenement} /> |
Brève | <INCLURE{fond=inclure/metasplus-breve,id_breve} /> |
Auteur | <INCLURE{fond=inclure/metasplus-auteur,id_auteur} /> |
Utilisation avancée
Il est possible d’étendre l’ajout des métas à d’autres objets SPIP (rubriques, lieux, cartes, patates, ....)
Le plugin fournit un modèle général inclure/metasplus.html auquel il faut fournir les informations requises
<INCLURE{fond=inclure/metasplus,
titre=#GET{titre},
lang=#GET{lang},
territoire=#GET{territoire},
desc=#GET{desc},
auteur=#GET{author},
date=#GET{date},
url=#GET{url},
logo=#GET{logo},
og-type=article} />
Tous les paramètres sont facultatifs mais il est fortement indiqué de renseigner au minimum titre, desc, url.
Il faut transmettre des chaînes brutes sans HTML. On pourra utiliser les filtres |supprimer_tags|textebrut
pour nettoyer les balises SPIP.
Nom du paramètre | Remarques |
---|---|
titre | titre |
lang | langue |
territoire | Permet de créer le locale facebook en_UK . Si ce paramètre territoire n’est pas transmis, on tente une locale avec la langue fr_FR, de_DE Avec une exception pour l’anglais réglé par défaut sur en_US Pour documentation, voici la liste des locales acceptés par Facebook ; https://www.facebook.com/translations/FacebookLocales.xml |
desc | texte court d’introduction |
auteur | auteur sans lien |
date | Date en format YYYY-MM-DD |
url | URL de la ressource |
logo | Les images doivent faire au minimum 200x200 pixels et peser moins de 1Mo. |
og-type | Pour connaître les valeurs acceptées de og-type, on pourra consulter : https://developers.facebook.com/doc.... Si on ne précise rien, la valeur par défaut est article. |
Par exemple pour un objet pomme
- créer inclure/metasplus-pomme.html
<BOUCLE_p(POMMES){id_pomme}>
[(#REM) Etape 1 : on récupére les données de l'objet ]
#SET{titre,#TITRE|supprimer_tags|textebrut}
...
[(#REM) Etape 2 : on les transmet au modèle général ]
<INCLURE{fond=inclure/metasplus,
titre=#GET{titre},
lang=#GET{lang},
desc=#GET{desc},
auteur=#GET{author},
date=#GET{date},
url=#GET{url},
logo=#GET{logo},
og-type=product} />
</BOUCLE_p>
- ajouter dans le squelette de la page pomme, dans le
<head>.... </head>
<INCLURE{fond=inclure/metasplus-pomme,id_pomme} />
Outils divers
Outils Facebook
Outil pour vérifier vos opengraphs
https://developers.facebook.com/too...
Ces données sont mises en cache, voici l’outil pour vider le cache
https://developers.facebook.com/too...
Outils Twitter
Outil pour tester vos twitter cards
https://cards-dev.twitter.com/validator
Outils Linkedin
Outil pour vérifier vos opengraphs
https://www.linkedin.com/post-inspector/
Aucune discussion
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |