Aller au contenu
Support de Zwii et Yocto

CroqueWeb

Membres
  • Compteur de contenus

    731
  • Inscription

  • Dernière visite

Réputation sur la communauté

103 Excellent

À propos de CroqueWeb

  • Rang
    Passionné

Visiteurs récents du profil

939 visualisations du profil
  1. J'ai viré toutes mes contributions en téléchargement, reste à faire le ménage complet
  2. Il va falloir vous calmer la, entre l'un qui dit que je forke un travail que j'ai effectué avant lui, et l'autre qui insiste lourdement avec ses images raisponssives, je n'ai pas de temps à perdre avec ça.
  3. J'arrive un peu après la bataille, mais ce plugin lit le contenu d'un dossier et certains fichiers sont affichés dans la page, tels que : mp3, mp4, m4v, gif, jpg, png, txt, et ont en plus un lien de téléchargement. Les autre types de fichiers sont accessibles via un lien de téléchargement seul. Essaye-le, et si ça correspond à ce que tu cherches, il sera très facile de l'adapter
  4. C'est sur ce principe que fonctionne ce plugin :
  5. Oui, il faut toujours en garder pour le lendemain A demain PS : voici les fichiers à remplacer (dernière Zwii 8314f) : implementation-opengraph.7z
  6. Ajout dans les fichiers .php de core/layout : <?php $layout = new layout($this); ?> <!DOCTYPE html> <html xmlns:og="http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <?php $layout->showMetaTitle(); ?> <?php $layout->showMetaDescription(); ?> <?php $layout->showOGmeta(); ?> <?php $layout->showFavicon(); ?> <?php $layout->showVendor(); ?>
  7. Ben tiens, justement vu que tu passes dans le coin, que penses-tu de cette avancée, en l'état des débats ?
  8. Méthode incluant le nom du site : /** * Affiche les meta balises pour l'open graph */ public function showOGmeta() { echo '<meta property="og:title" content="' . $this->core->output['metaTitle'] . '">'; echo '<meta property="og:description" content="' . $this->core->output['metaDescription'] . '">'; echo '<meta property="Og:site_name" content="'. $this->getData(['config', 'title']) . '">'; echo '<meta property="og:type" content="website">'; }
  9. Extrait de la dernière 8.3.14 : /** * Affiche le meta titre */ public function showMetaTitle() { echo '<title>' . $this->core->output['metaTitle'] . '</title>'; echo '<meta property="og:title" content="' . $this->core->output['metaTitle'] . '" />'; } /** * Affiche la meta description */ public function showMetaDescription() { echo '<meta name="description" content="' . $this->core->output['metaDescription'] . '" />'; echo '<meta property="og:description" content="' . $this->core->output['metaDescription'] . '" />'; } /** * Affiche le type */ public function showMetaType() { echo '<meta property="og:type" content="website" />'; } Je pense que ce n'est pas la bonne méthode, je te rappelle qu'il manque encore d'autres balises, comment feras-tu ? Tu ajoutes une 2ème méthode, puis une 3ème pour Og:site_name ? (par ex.) A mon sens le mieux est de regrouper ces meta balises dans une seule méthode, comme ceci : /** * Affiche le meta titre */ public function showMetaTitle() { echo '<title>' . $this->core->output['metaTitle'] . '</title>'; } /** * Affiche la meta description */ public function showMetaDescription() { echo '<meta name="description" content="' . $this->core->output['metaDescription'] . '">'; } /** * Affiche les meta balises pour l'open graph */ public function showOGmeta() { echo '<meta property="og:title" content="' . $this->core->output['metaTitle'] . '">'; echo '<meta property="og:description" content="' . $this->core->output['metaDescription'] . '">'; echo '<meta property="og:type" content="website">'; } Méthode à laquelle il faudra ajouter l'image et éventuellement le nom du site. Puis renseigner les fichiers correspondants dans layout avec : <?php $layout->showOGmeta(); ?> Ce sera plus clair, ça permettra à qui le veut d'ajouter manuellement d'autres balises OG sans trop se perdre dans le code source entre <head> et </head> tout en libérant les balises html obligatoires, et ça laissera la possibilité de choisir de mettre son site en relation avec Facebook, ou pas. C'est plus qu'une option, c'est une liberté.
  10. En complément : Les principales balises OpenGraph Les balises obligatoires: Og:titre C’est le titre de votre page pour l’Open Graph. Il n’y a pas de recommandations spécifiques si ce n’est que vous ne devez pas dépasser les 65 caractères si vous ne voulez pas que votre titre soit tronqué. Cela marche de la même façon pour la balise méta du titre et si Facebook ne trouve pas le og:titre, il utilisera seulement la balise titre. Souvenez vous que celui-ci doit être attirant afin d’optimiser votre taux de clic. exemple: <meta properiété=”og:titre” contenu=”Votre titre attirant ici” /> Og:type Cette balise spécifie le type de votre page (site web, article, video, musique) et décrit le sujet principal de votre page. La liste des possibilités est très longue donc vous pouvez la consulter ici. exemple : <meta properiété=”og:type” contenu=”siteweb” /> Og:image C’est l’URL de votre image qui sera affichée dans l’OpenGraph. C’est très utile puisque vous pouvez choisir quelle miniature afficher et éviter ainsi les visuels qui ne sont pas en rapport. De plus, cela aide à augmenter votre taux de conversion. En effet, le marketing d’image est quelque chose que vous devez prendre en considération puisqu’une bonne image vaut 1,000 mots. Habituellement, une bonne résolution pour une og image est de 1200 pixels x 627 pixels pour une taille de 5MB. Si vous installez le plugin adapté dans votre CMS, la bonne image sera automatiquement affichée. exemple : <proprieté meta=”og:image” contenu=”http://www.votresiteweb.com/image-nom.jpg”/> Og:url C’est l’URL canonique de votre page. La plupart du temps, c’est seulement l’URL affichée sur votre page mais cela peut être utile si plusieurs URLs dynamiques renvoient à la même page. exemple : <propriété meta=”og:url” contenu=”http://www.votresitewebcom” /> Les balises non obligatoires : Og:description C’est le snippet de votre page qui devrait contenir entre 150 et 200 caractères (Facebook peut en afficher jusqu’à 300) et décrire le contenu de votre page. Cela marche de la même manière que pour la balise description meta mais cela n’affectera pas votre SEO, donc ne perdez pas de temps à optimiser vos mots-clés et essayez d’écrire quelque chose de convaincant. example : <propriete meta=”og:description” contenu=”Votre super description qui décrit parfaitement ce dont vous allez parler.” /> Og:video Si vous avez une vidéo sur votre page, c’est ici que vous devriez placer son URL. Og:local Cela indique la langue de votre page Og:site_name C’est le nom de votre site Fb:app_id Relier votre objet à une application Facebook (par exemple les commentaires Facebook). Pour vous aider, Facebook a développé un outil appelé Open Graph Object Debugger qui possède deux fonctionnalités: Il dresse un résumé précis des erreurs possibles ou vous pouvez tout simplement vérifier à quoi ressemblent vos partages Il enlève le cache de Facebook. C’est très utile si vous apercevez une faute dans votre miniature d’image par exemple. Même si vous l’avez changé dans vos balises og, elle restera pareil à cause du cache. Cet outil va rafraîchir le cache après tout ajustements réalisés. Gardez cela en tête! (https://fr.oncrawl.com/referencement/tout-ce-que-vous-devez-savoir-sur-lopen-graph/)
  11. Je pense que l'ajout de l'Open Graph Protocol devrait faire l'objet d'un plugin, plutôt que d'une implémentation définitive dans Zwii, et ainsi laisser le choix à l'utilisateur de ZwiiCMS d'utiliser, ou pas, les réseaux sociaux.
  12. Il me semble plus pertinent d'ajouter une méthode, tel que je l"ai proposé, pour la clarté du code source d'une part, et pour éventuellement pouvoir supprimer cette obligation de se conformer aux réseaux sociaux en général, et à Facebook en particulier. De plus il manque les balises propriétaires de Twitter, et si encore un autre réseau social nous impose ses balises il nous faudra également les ajouter ? N'est pas suffisant la balise d'ouverture <html> doit également être modifiée comme suit : <html xmlns:og="http://ogp.me/ns#"> Et il y avait 3 CSS à modifier : blank ; light et main Problème résolu... Ce n'est toujours pas suffisant, en plus des balises Twitter, il manque la balise og image et la balise og type Voici un exemple précis d'insertion de données Open Graph: <html xmlns:og="http://ogp.me/ns#"> <head> <title>Article sur l'Open Graph</title> <meta property="og:title" content="Article sur l'Open Graph par Yakaferci" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.yakaferci.com/open-graph/" /> <meta property="og:image" content="http://www.yakaferci.com/images/yakaferci_small.jpg" /> ... </head> ... </html> (https://www.yakaferci.com/open-graph/)
  13. Ah tiens oui, c'est vrai, je ne l'avais pas remarqué, il s'agit bien d'un défaut, on va corriger ça avec @cybertaf
  14. C'est en effet aussi simple que ça
  15. Regardez plutôt ici : https://www.lafermedupaquisfleury.fr/ Ou comment choisir sa bannière avec efficience...
×
×
  • Créer...