AMP

So werden deine Seiten gefunden

In manchen Fällen ist es sinnvoll, sowohl eine AMP Version als auch eine Version ohne AMP derselben Seite zu haben, z. B. für einen Nachrichtenartikel. Aber woher weiß die Google Suche nach dem Fund deiner traditionellen Seite eigentlich, dass eine AMP Version davon existiert?

Um dieses Problem zu lösen, fügen wir der traditionellen Seite Informationen über die AMP Seite hinzu und umgekehrt. Dazu verwenden wir die Tags <link> im Abschnitt <head>.

Füge deiner Seite ohne AMP Folgendes hinzu:

<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">

Deiner AMP Seite fügst du dies hinzu:

<link rel="canonical" href="https://www.example.com/url/to/full/document.html">

Und wenn ich nur eine einzige Seite habe?

Auch wenn du nur eine einzige Seite hast, die eine AMP Seite ist, musst du den kanonischen Link hinzufügen, der in diesem Fall auf sich selbst verweist:

<link rel="canonical" href="https://www.example.com/url/to/amp/document.html">

ERFAHRE MEHR: Erfahre mehr darüber, wie Google AMP Seiten findet, unter Richtlinien für AMP-Seiten (Accelerated Mobile Pages) in der Google-Suche

Integration von Plattformen von Drittanbietern mithilfe zusätzlicher Metadaten

Manchmal brauchen Websites von Drittanbietern (die deine AMP Seite einbetten oder auf sie verlinken) mehr Informationen zu deiner Seite als nur den Hinweis, ob es sich dabei um eine AMP Seite handelt. Plattformen könnten zum Beispiel fragen: "Ist das ein Nachrichtenartikel?", "Ist das ein Video?" oder "Gibt es einen Screenshot und eine kurze Beschreibung?"

Das ist nicht nur für AMP Seiten relevant, sondern für alle Webseiten. Auf einigen Plattformen sind solche Metadaten optional, auf anderen obligatorisch, was bedeutet, dass sie keine Links zu deinen Inhalten anzeigen, wenn du nicht die richtigen Metadaten mitgeliefert hast. Stelle also sicher, dass du für die Plattformen, auf denen deine Inhalte angezeigt werden sollen, die jeweils erforderlichen Metadaten bereitstellst.

Verwende Schema.org für die meisten Suchmaschinen

Schema.org bietet frei verfügbare Vokabulare für Metadaten in allen möglichen Szenarien. Im Fall von AMP sind die folgenden Eigenschaften sinnvoll im Kontext: die konkrete Art des Inhalts (z. B. "Nachrichtenartikel"), die Überschrift, das Veröffentlichungsdatum und die zugehörigen Vorschaubilder.

Beispiel:

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "NewsArticle",
    "mainEntityOfPage": "http://cdn.ampproject.org/article-metadata.html",
    "headline": "Lorem Ipsum",
    "datePublished": "1907-05-05T12:02:41Z",
    "dateModified": "1907-05-05T12:02:41Z",
    "description": "The Catiline Orations continue to beguile engineers and designers alike -- but can it stand the test of time?",
    "author": {
      "@type": "Person",
      "name": "Jordan M Adler"
    },
    "publisher": {
      "@type": "Organization",
      "name": "Google",
      "logo": {
        "@type": "ImageObject",
        "url": "http://cdn.ampproject.org/logo.jpg",
        "width": 600,
        "height": 60
      }
    },
    "image": {
      "@type": "ImageObject",
      "url": "http://cdn.ampproject.org/leader.jpg",
      "height": 2000,
      "width": 800
    }
  }
</script>

Weitere Beispiele findest du im Ordner "examples" in ampproject (einschließlich der alternativen Syntax für HTML Attribute).

Weitere Informationen zu strukturierten Daten findest du in diesen Ressourcen:

Andere Metadaten für noch mehr Plattformen

Der Leitfaden zum Thema Social Discovery bei Web Fundamentals gibt dir einen Einblick in die verschiedenen Methoden, wie du deinen Content vorbereiten kannst, damit er gefunden und weiterverbreitet wird.