So werden deine Seiten gefunden
Important: this documentation is not applicable to your currently selected format email!
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?
Seiten verlinken mit <link>
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">
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).
- Erfahre, wie du deine Inhalte so strukturierst, dass sie in den Rich-Suchergebnissen der Google Suche angezeigt werden (z. B. Top Story Karussell, Rezeptkarten usw.).
- Teste deine strukturierten Daten mit dem Google Structured Data Testing Tool.
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.