SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 301 visiteurs en ce moment

Accueil > Squelettes > Outils pour squelettes > Metas + > Métas +

Métas +

3 décembre 2016 – par erational, tetue – 16 commentaires

6 votes

Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card.

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

Dans la balise <head>.... </head> de votre squelette de la page article, ajouter le code suivant à l’intérieur de la boucle ARTICLES

  1. <INCLURE{fond=inclure/metasplus-article,id_article} />

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

  1. <INCLURE{fond=inclure/metasplus,
  2. titre=#GET{titre},
  3. lang=#GET{lang},
  4. territoire=#GET{territoire},
  5. desc=#GET{desc},
  6. auteur=#GET{author},
  7. date=#GET{date},
  8. url=#GET{url},
  9. logo=#GET{logo},
  10. og-type=article} />

Télécharger

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ètreRemarques
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
  1. <BOUCLE_p(POMMES){id_pomme}>
  2. [(#REM) Etape 1 : on récupére les données de l'objet ]
  3. #SET{titre,#TITRE|supprimer_tags|textebrut}
  4. ...
  5.  
  6. [(#REM) Etape 2 : on les transmet au modèle général ]
  7. <INCLURE{fond=inclure/metasplus,
  8. titre=#GET{titre},
  9. lang=#GET{lang},
  10. desc=#GET{desc},
  11. auteur=#GET{author},
  12. date=#GET{date},
  13. url=#GET{url},
  14. logo=#GET{logo},
  15. og-type=product} />
  16.  
  17. </BOUCLE_p>

Télécharger

  • ajouter dans le squelette de la page pomme, dans le <head>.... </head>
  1. <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

Dernière modification de cette page le 9 décembre 2016

Retour en haut de la page

Vos commentaires

  • Le 14 janvier à 09:26, par Valéry En réponse à : Métas +

    Pour les webmestres qui ne veulent pas toucher aux squelettes peut-être faut-il prévoir l’insertion dans le head forcée comme pour les métas du plugin SEO ? Avec option de désactiver pour ceux qui veulent personnaliser le contenu des métas.

    • Le 16 janvier à 09:54, par erational En réponse à : Métas +

      Oui, sans doute... J’ajoute cela à ma TODO.

    Répondre à ce message

  • Le 6 décembre 2016 à 07:43, par Valéry En réponse à : Metas +

    Pour la langue ne fait-il pas utiliser le format langue_Territoire comme spécifié ici ?

    og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.

    Lors de mes dernière mise en place ne validait pas avec juste #LANG

    • Le 8 décembre 2016 à 15:54, par erational En réponse à : Métas +

      Bonjour,

      Bonne remarque.
      Pour l’instant on tentait uniquement un simple fr_FR, en_EN

      La prochaine version du plugin intégrera un paramètre territoire pour gérer ce cas.
      Si ce paramètre territoire n’est pas transmis, on tente un 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

    Répondre à ce message

  • Le 5 décembre 2016 à 08:10, par Valéry En réponse à : Metas +

    |image_passe_partout160,160 : n’est-ce pas un format beaucoup trop petit par rapport aux images partagées sur Facebook ou Twitter ?

    • Le 5 décembre 2016 à 11:53, par erational En réponse à : Metas +

      En effet, la documentation a évolué
      https://developers.facebook.com/docs/sharing/best-practices?locale=fr_FR#images

      Utilisez des images d’au moins 1 200 x 630 pixels pour un affichage optimal sur les appareils à haute résolution.

      Dimension d’image minimale

      Le format d’image minimum est 200 x 200 pixels. Si vous utilisez une image plus petite, vous verrez une erreur dans le Débogueur de partage.

      Je mets à jour le plugin pour en tenir compte

    • Le 5 décembre 2016 à 18:32, par tetue En réponse à : Metas +

      Que se passera-t-il pour un site qui n’a que des visuels de 150x150 (par exemple) ?

    • Le 5 décembre 2016 à 20:39, par erational En réponse à : Metas +

      D’après ce que je comprends de la documentation, les visuels plus petits ne « valident » pas mais il est possible que le partage fonctionne quand même.

    • Le 7 décembre 2016 à 17:35, par tetue En réponse à : Métas +

      Oui, d’expérience, je sais que ça passe, côté Facebook ;)
      Ma question valait donc côté SPIP : dispose-t-on d’un filtre agrandissant les images ?

    Répondre à ce message

  • Le 6 décembre 2016 à 20:39, par Metal-Mighty En réponse à : Metas +

    Bonjour

    J’ai installé Metas+ 1.1.2 sur mon Spip 3.1.3 mais les tags ne sont pas ajoutés à mes pages en utilisant la ligne INCLURE fournie sur cette page, même après un vidage de cache. Le squelette est bien présent dans /plugins/auto/metasplus/v1.1.2/inclure/.

    Une idée d’où cela pourrait venir ?

    • Le 7 décembre 2016 à 08:54, par erational En réponse à : Metas +

      ton plugin est bien activé ?
      il faut que la ligne soit insérée à l’intérieur d’une boucle ARTICLES

      si tu as une URL à fournir ....

    • Le 7 décembre 2016 à 16:43, par Metal-Mighty En réponse à : Métas +

      Alors j’ai résolu mon problème, pour une raison toute simple : la configuration de Metas+ demande les metas à NE PAS afficher, et j’avais tout coché en pensant que c’était l’inverse...
      Je trouve ca un peu illogique d’ailleurs ! A mon sens toutes les cases devraient être cochées par défaut pour tout activer, et décochées par l’administrateur si jamais il souhaite optimiser son site !

      Mais bon, j’apprendrai à lire la prochaine fois :)

    Répondre à ce message

  • Le 6 décembre 2016 à 07:36, par Valéry En réponse à : Metas +

    Les balises open graph concernant les visuels servent à définir l’image qui sera utilisée dans le fil d’info dans quoi Facebook prend la première image venue. Si elle est petite le seul impact à ma connaissance sera une présentation mettant moins l’image en valeur et donc potentiellement moins d’engagement.

    Répondre à ce message

  • Le 5 décembre 2016 à 02:50, par davduf En réponse à : Metas +

    Oh, oui ! Ça marche !
    Merci bp !

    Répondre à ce message

  • Le 4 décembre 2016 à 11:05, par davduf En réponse à : Metas +

    Voilà qui semble (encore) diablement intéressant !

    Hélas, mon Spip me montre qu’en grisé ce plug-in, impossible de l’installer automatiquement... Normal ?

    Merci et coucou Tétue !

    • Le 4 décembre 2016 à 13:05, par erational En réponse à : Metas +

      Je viens de tester sous SPIP 3.0 et avec un répertoire plugins/auto/, l’installation automatique fonctionne sans problème. La version actuelle est Metas plus 1.1.1

      Le plugin est en grisé car il est en version de développement mais on peut l’installer sans problème dès maintenant.

      On devrait le passer en stable sous peu.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Lecteur pdf javascript pdf.js

    20 février 2012 – 146 commentaires

    Ce plugin est basé sur le projet pdf.js qui permet une lecture en ligne des pdfs depuis le navigateur. Ce plugin est expérimental et les contributions sur la zone sont les bienvenues. Avantages Open source Ne requiert pas flash et (...)

  • Plugin Bank

    12 juin 2015 – 57 commentaires

    Le plugin Bank prend en charge l’interface technique de paiement avec de nombreux prestataires de paiement par Carte Bleue, SEPA… Il prend également en charge la conservation de l’historique des transactions de paiement et de leur état et offre une (...)

  • Agenda 2.0

    3 novembre 2008 – 1068 commentaires

    Voici la version pour SPIP 2.0 du Plugin Agenda pour SPIP 1.9.2, avec une interface remaniée pour encore plus de plaisir. Pour une documentation concernant l’utilisation d’Agenda 3 pour SPIP 3, veuillez pour l’instant vous référer à SPIP 3, Agenda (...)

  • GIS 4

    11 août 2012 – 1312 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2052 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)