Teilen über

Microfunktionen für Websitelinks

  • Artikel

Die gängigste Möglichkeit zum Freigeben von Inhalten in Microsoft Teams ist links. Für jeden Link entpackt Teams eine Vorschau des Links in eine adaptive Karte mit den Informationen wie Bild, Titel und Beschreibung. Sie können die schema.org Metadaten und die Microfunktionsvorlagen verwenden, um umfangreiche Unfurl-Vorschauen Ihrer Links anzuzeigen, ohne Ihre App in Microsoft Teams zu installieren.

Hinzufügen von schema.org zu Ihrer Website

Schema.org ist ein Open-Source-Standard für Schemas strukturierter Daten im Internet. Fügen Sie Ihrer Website schema.org hinzu, und verwenden Sie die Eigenschaften in den Microfunktionsvorlagen , um umfangreiche Vorschauen Ihrer Links in Microsoft Teams zu entpacken.

Hinweis

Wenn Sie Ihrer Website bereits schema.org hinzugefügt haben, können Sie die umfangreiche Vorschau ihres Links anzeigen, indem Sie ihn in den Bereich Zum Verfassen von Teams-Nachrichten einfügen.

Geben Sie die schema.org und das unterstützte @type Attribut für Ihre Website an. Schließen Sie für jedes @type Attribut die eigenschaften ein, die in der Microfunktionsvorlage verfügbar sind, die für Ihre Website gelten.

Führen Sie die folgenden Schritte aus, um umfangreiche Unfurl-Vorschauen Ihrer Links zu aktivieren:

  1. Erstellen Sie in der index.html-Datei ein <script> Element mit dem Typ .application/ld+json

    <head>
 <script type="application/ld+json">
 </script>
</head>

  2. Fügen Sie das @context -Attribut mit dem Wert wie http://schema.org im Skripttag hinzu.

     <script type="application/ld+json">
  {
     "@context": "http://schema.org/",
  }
 </script>

  3. Fügen Sie dem Skripttag die @type Attribute und name hinzu.

    <script type="application/ld+json">
  {
      "@context": "http://schema.org/",
      "@type": "Article",
      "name": "Contoso news"
  }
</script>

  4. Fügen Sie die in der Microfunktionsvorlage aufgeführten Eigenschaften hinzu.

    <script type="application/ld+json">
  {
      "@context": "http://schema.org/",
      "@type": "Article",
      "name": "Contoso news"
  }
</script>

    Sie können ihrer Website auch die Eigenschaften für jeden im schema.org verfügbaren Typ hinzufügen. Teams erkennt alle Eigenschaften für die unterstützten Microfunktionsvorlagen, die unter schema.org verfügbar sind.

  5. Nachdem Sie dem Script-Tag alle Eigenschaften hinzugefügt haben, fügen Sie das Skripttag zur HTML-Seite Ihrer Website hinzu.

Microfunktionsvorlagen

Im Folgenden finden Sie die unterstützten Microfunktionsvorlagen für den Teams-Client:

Hinweis

Wenn der Websitelink nicht über die unterstützten Microfunktionsvorlagen verfügt, verwendet Teams standardmäßig den Link zur aktuellen URL-Vorschau-Entflechtung.

Es folgt ein JSON-Codebeispiel für die Artikelvorlage:

{
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.4",
    "body":
    [
        {
            "type": "Container",
            "$when": "${image != null}",
            "backgroundImage":
            {
                "url": "${image}",
                "horizontalAlignment": "Center",
                "verticalAlignment": "Center"
            },
            "minHeight": "180px",
            "bleed": true,
            "items":
            []
        },
        {
            "type": "TextBlock",
            "$when": "${name != null}",
            "text": "${name}",
            "size": "Medium",
            "weight": "Bolder",
            "wrap": true,
            "spacing": "Small",
            "maxLines": 2
        },
        {
            "type": "TextBlock",
            "$when": "${name == null && headline != null}",
            "text": "${headline}",
            "size": "Medium",
            "weight": "Bolder",
            "wrap": true,
            "spacing": "Small",
            "maxLines": 2
        },
        {
            "type": "TextBlock",
            "$when": "${creator != null}",
            "text": "${creator}",
            "isSubtle": true,
            "spacing": "Small",
            "size": "Small"
        },
        {
            "type": "TextBlock",
            "$when": "${description != null}",
            "text": "${description}",
            "isSubtle": true,
            "spacing": "Small",
            "wrap": true,
            "maxLines": 2,
            "size": "Small"
        }
    ],
    "selectAction":
    {
        "type": "Action.OpenUrl",
        "url": "${url}"
    }
}
Eigenschaft Beschreibung
@type Artikel
Abbildung URL des Bilds von für den Artikel.
name Name des Autors.
Schlagzeile Überschrift für den Artikel.
creator Autor des Artikels.
url URL der offiziellen Website des Artikels.

Beispiel für die Entflechtungserfahrung für den Artikeltyp: Screenshot zeigt eine Entflechtungserfahrung der Artikelvorlage in Microsoft Teams.

Im Folgenden sehen Sie ein Beispiel für Schemametadaten, die der umfangreichen Vorschauversion einer adaptiven Karte zugeordnet sind:

Die Grafik zeigt ein Beispiel für Schemametadaten, die Elementen in der umfangreichen Vorschau einer adaptiven Karte zugeordnet sind.

Wechseln Sie zu schema.org Validierungssteuerelement , um zu überprüfen, ob ihre Websitelinkmetadaten schema.org Standards entsprechen. Nachdem die Überprüfung erfolgreich war, fügen Sie den Websitelink in den Nachrichtenbereich zum Verfassen von Teams ein, um eine umfassende Vorschau ihres Links anzuzeigen.

Screenshot: Beispiel für eine umfassende Vorschauversion eines Microfunktions-Websitelinks in Teams.

Siehe auch

Linkausweitung hinzufügen