Aller au contenu principal
Référence technique

Installer le badge membre GESP

Page de référence pour ajouter le badge « Membre de la GESP » sur un site externe. Destinée aux développeurs et agents IA.

Brief pour agent IA

Installe le badge membre GESP dans le footer (ou une zone « partenaires / certifications ») du site, avec le code HTML ci-dessous. Ne modifie pas l’URL de l’image ni le lien de destination. Conserve les attributs width, height, alt et rel.

  • Image hébergée sur gesp.ch (ne pas re-uploader)
  • Lien vers https://www.gesp.ch/
  • Taille d’affichage recommandée : 186×63px
  • Ouverture dans un nouvel onglet (target="_blank")

Spécifications

URL de l’icône

https://www.gesp.ch/assets/images/gesp-certif-geneve.png

Lien de destination

https://www.gesp.ch/

Dimensions

Fichier source : 372×126px (PNG RGBA)
Affichage recommandé : 186×63px
Ratio : conserver 372:126 (~2.95:1)

Alt & title

alt="Membre de la GESP"
title="Membre de la GESP - Genève Synergies Professionnelles"

Aperçu

Fond sombre (recommandé)

Membre de la GESP

Fond clair (le badge blanc peut nécessiter un fond sombre derrière)

Code HTML à installer

Copier-coller tel quel dans le footer ou une section certifications / partenaires.

<a href="https://www.gesp.ch/" target="_blank" rel="noopener noreferrer" title="Membre de la GESP - Genève Synergies Professionnelles">
  <img src="https://www.gesp.ch/assets/images/gesp-certif-geneve.png"
       alt="Membre de la GESP"
       width="186"
       height="63"
       style="display:inline-block;max-width:100%;height:auto;border:0;"
       loading="lazy">
</a>

Payload JSON (pour agent)

{
    "name": "GESP Member Badge",
    "image_url": "https://www.gesp.ch/assets/images/gesp-certif-geneve.png",
    "link_url": "https://www.gesp.ch/",
    "alt": "Membre de la GESP",
    "title": "Membre de la GESP - Genève Synergies Professionnelles",
    "native_size": {
        "width": 372,
        "height": 126
    },
    "display_size": {
        "width": 186,
        "height": 63
    },
    "placement": "footer or partners/certifications section",
    "html": "<a href=\"https://www.gesp.ch/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Membre de la GESP - Genève Synergies Professionnelles\">\n  <img src=\"https://www.gesp.ch/assets/images/gesp-certif-geneve.png\"\n       alt=\"Membre de la GESP\"\n       width=\"186\"\n       height=\"63\"\n       style=\"display:inline-block;max-width:100%;height:auto;border:0;\"\n       loading=\"lazy\">\n</a>"
}

Checklist d’installation

  1. Coller le HTML dans le footer (ou zone partenaires)
  2. Vérifier que l’image charge depuis www.gesp.ch
  3. Vérifier que le clic ouvre https://www.gesp.ch/ dans un nouvel onglet
  4. Sur fond clair, placer le badge sur un fond sombre local si besoin
  5. Ne pas redimensionner en dessous de 140px de large (lisibilité)

Rejoignez le réseau GESP

Développez votre entreprise grâce à notre réseau de synergies professionnelles à Genève.