Images Open Graph

image feature

Lorsque vous partagez vos articles, une image miniature peut apparaître - l’image que nous définissons dans nos métadonnées comme une image Open Graph (og:image).

Ce starter génère automatiquement ces images pour vos articles. Elles prennent le titre et la date de l’article.

Aperçu d'une image Open Graph pour un article. 'Eleventy Excellent 2.0' est écrit en grand titre au centre, la date est affichée au-dessus et le nom et l'URL du site web sont visibles en bas. L'arrière-plan est constitué de zones de couleur rose superposées ressemblant à une ligne d'horizon urbaine
Voici à quoi ressemble une image OG pour un article

L’image de repli et par défaut pour toutes les autres pages est l’image définie comme opengraph_default dans le fichier de données globales meta.js.

Visible content: An Eleventy starter with CUBE CSS, Cube CSS, Every Layout, Design Tokens and Tailwind for uitility classes. A workflow for building modern and resilient websites, introduced by Andy Bell's project buildexcellentwebsit.es
Voici à quoi ressemble l'image OG générale pour les pages non-articles

Une explication plus détaillée se trouve dans la documentation.


Éditer cette page sur GitHub Éditer cette page sur GitHub .