Utilisation des metabalises Open Graph dans SPIP

Charlie Parismix

Mars 2012

Bonjour,
Un petit sujet pour des conseils sur l’integration des Open Graph Facebook dans le Header de nos squelettes.

Voici ce que j’ai fais pour mes pages (dans ind-head) :

	<!-- Static Meta -->
	[<meta property="og:site_name" content="(#NOM_SITE_SPIP)" />] 
	<meta property="fb:admins" content="XXXXXXX" /> 
	<meta property="og:type" content="website" />
 
	<!-- Dynamic Meta -->
[<meta property="og:title" content="(#TITRE)" />] 
  [<meta property="og:image" content="(#LOGO_ARTICLE_RUBRIQUE|abs_url||extraire_attribut{src})" />] 
  [<meta property="og:description" content="(#INTRODUCTION)" />]

Qu’en pensez-vous ? Que faites vous, vous ?

Je n’ai pas réussi à trouver une soultion pour quelque chose comme :

[<meta property="og:url" content="(#SELF|abs_url)" />]

Doc : https://developers.facebook.com/docs/opengraph/

Balises Boucles Filtres Inclure Modèles Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

1

Valéry

Octobre 2014

J’utilise pour l’image
<meta property="og:image" content="#URL_SITE_SPIP/(#LOGO_ARTICLE |image_reduire{1280} |extraire_attribut{src} |sinon{[#URL_SITE_SPIP/(#LOGO_SITE_SPIP |image_reduire{90,90} |image_recadre{90,90,center} |extraire_attribut{src})]})">]
car j’ai observé que les images trop lourdes (4000px de large comme certains rédacteurs aiment à importer) ne sont pas prises en compte par Facebook. Si pas d’image je propose le logo du site pour qu’il y ait quand même quelque chose.
Indiquez l’intérêt que vous portez à cette réponse

0

Mai 2012

Et ceci ?
[<meta property="og:url" content="(#URL_ARTICLE|url_absolue)" />]
Et pour le logo :
[<meta property="og:image" content="(#LOGO_ARTICLE|url_absolue)" />]
Indiquez l’intérêt que vous portez à cette réponse

0

citoyen

Juillet 2014

sommaire.html
<meta property="og:type" content="website" /> <meta property="og:locale" content="fr_FR" /> [<meta property="og:site_name" content="(#NOM_SITE_SPIP|textebrut)"/>] [<meta property="og:title" content="(#NOM_SITE_SPIP|textebrut)" />] [<meta property="og:description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />] [<meta property="og:url" content="(#SELF|url_absolue)" />] [<meta property="og:image" content="#URL_SITE_SPIP/IMG/(#LOGO_SITE_SPIP|fichier)" />]
rubrique.html
<meta property="og:type" content="website" /> <meta property="og:locale" content="fr_FR" /> [<meta property="og:site_name" content="(#NOM_SITE_SPIP|textebrut)"/>] [<meta property="og:title" content="(#TITRE|textebrut)" />] [<meta property="og:description" content="(#INTRODUCTION{150}|textebrut)" />] [<meta property="og:url" content="(#SELF|url_absolue)" />] [<meta property="og:image" content="#URL_SITE_SPIP/IMG/(#LOGO_RUBRIQUE|fichier)" />]
article.html
<meta property="og:type" content="website" /> <meta property="og:locale" content="fr_FR" /> [<meta property="og:site_name" content="(#NOM_SITE_SPIP|textebrut)"/>] [<meta property="og:title" content="(#TITRE|textebrut)" />] [<meta property="og:description" content="(#INTRODUCTION{150}|textebrut)" />] [<meta property="og:url" content="(#SELF|url_absolue)" />] [<meta property="og:image" content="#URL_SITE_SPIP/IMG/(#LOGO_ARTICLE|fichier)" />]
Indiquez l’intérêt que vous portez à cette réponse

0

citoyen

Juillet 2014

http://ogp.me/#type_website
https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content

Urs Riggenbach

Février 2015

I have a inclure head.html file,
to make the tags work in there, you have to create two boucles, one for articles, one for rubriques.

in squelettes/inclure/head.html file :

<BOUCLE_og_art(ARTICLES){id_article}>
<title>[(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#CHAPO|attribut_html|sinon{#TEXTE{150}|attribut_html})" />]

<meta property="og:type" content="website" />
<meta property="og:locale" content="fr_FR" />
[<meta property="og:site_name" content="(#NOM_SITE_SPIP|textebrut) - ][ (#SLOGAN_SITE_SPIP|textebrut)"/>]
[<meta property="og:title" content="(#TITRE|textebrut) - #NOM_SITE_SPIP" />]
[<meta property="og:url" content="(#SELF|url_absolue)" />]
[<meta property="og:image" content="#URL_SITE_SPIP/(#LOGO_ARTICLE_RUBRIQUE|image_reduire{1920}|extraire_attribut{src}|sinon{#LOGO_SITE_SPIP|extraire_attribut{src}})" />]
[<meta property="og:description" content="(#CHAPO|attribut_html|sinon{#TEXTE{150}|attribut_html})" />]

</BOUCLE_og_art>

<BOUCLE_og_rub(RUBRIQUES){id_rubrique}>
<title>[(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#CHAPO|attribut_html|sinon{#TEXTE{150}|attribut_html})" />]

<meta property="og:type" content="website" />
<meta property="og:locale" content="fr_FR" />
[<meta property="og:site_name" content="(#NOM_SITE_SPIP|textebrut) - ][ (#SLOGAN_SITE_SPIP|textebrut)"/>]
[<meta property="og:title" content="(#TITRE|textebrut) - #NOM_SITE_SPIP" />]
[<meta property="og:url" content="(#SELF|url_absolue)" />]
[<meta property="og:image" content="#URL_SITE_SPIP/(#LOGO_ARTICLE_RUBRIQUE|image_reduire{1920}|extraire_attribut{src}|sinon{#LOGO_SITE_SPIP|extraire_attribut{src}})" />]
[<meta property="og:description" content="(#CHAPO|attribut_html|sinon{#TEXTE{150}|attribut_html})" />]

</BOUCLE_og_rub>

This does not generate code for the sommaire.html page tho.