Open sig-pnrnm opened 5 years ago
Oui, ça rejoint un échange récent sur la liste geonature-info sur le référencement. Il y a sans doute encore un travail à mener sur le "réferencement naturel" avec l'utilisation des balises meta
dans le header
des pages (description puis og: pour facebook, twitter: pour twitter par exemple).
Oui à ajouter.
Pas encore testé, mais voici ce que je vais mettre dans le <head>
des template de nos fiches espèces :
{% if firstPhoto != None %}
<!-- Si il y a une photo principale -->
<meta property="og:image" content="{{firstPhoto.path}}" />
{% else %}
<!-- Si pas de photo, on utilise l'image de la page d'accueil -->
<meta property="og:image" content="{{url_for('static', filename='custom/images/accueil-intro.jpg') }}" />
{% endif %}
Car le problème se posait surtout sur les fiches espèces dont il n'y avait pas d'image principale.
Si vous voyez des améliorations, n'hésitez pas à les suggérer !
J'ai dû me planter dans l'écriture de cette adaptation, car le content
de ma propriété og:image
n'est pas converti en URL :
(pas cliquable, quand j'affiche le code source de la page, contrairement aux autres URL)
Je dois peut-être ajouter un {{ url_for() }}
, mais je ne suis pas familier avec cette syntaxe : quelqu'un pour m'aider ?
bon, finalement, ça marche quand même avec cette syntaxe !
Je vois pour intégrer ça dans les templates
dans le cadre de la MaJ vers bootstrap4 (cf. #230).
Quelles propositions pour les fiches sans illustrations (espèces sans photos et zonages (communes & autres)? l'image accueil-intro.jpg
? une image générique?
OK super, jette un œil à la doc officielle car ça a potentiellement bougé depuis.
Je pense pas qu'il faille utiliser l'image accueil-intro.jpg
car elle peut représenter une espèce qui n'a rien à voir avec l'espèce de la fiche, et u coup porter à confusion, voir penser à une erreur.
Je mettrai pas d'image, ou sinon comme image générique, le logo de la structure, ou le logo de l'appli, ou sinon un logo GeoNature
Je ne connaissais pas ces balises il y a 2 minutes, mais on vient de me signaler que les liens de notre Atlas partagés sur Facebook ne disposaient pas des bonnes images de partages. Une investigation rapide m'a fait comprendre que Facebook utilise les balises "open graph" pour afficher les vignettes/titres des liens partagés.
Plus d'infos ici : http://ogp.me/
Je vais le faire pour mon instance, mais je me dis que ça pourrait être généralisé.