AMP mit Squarespace verwenden

Erstelle vereinfachte Versionen deiner Blogeinträge, damit sie schneller auf Mobilgeräten geladen werden.

Zuletzt aktualisiert: 2. Dezember 2024

AMP (Accelerated Mobile Pages) erstellt vereinfachte Versionen von Webseiten, damit sie schneller auf Mobilgeräten geladen werden können. AMP-Versionen von Seiten werden in Google-Suchergebnissen mit ausgewählten Bildern und Überschriften angezeigt. Besucher können auf ein Ergebnis tippen, um eine kompakte AMP-Version der Seite anzuzeigen, bei der die Lesbarkeit auf Mobilgeräten mit einem vereinfachten Design priorisiert wird.

Tipp

Besuche die Website von AMP, um Beispiel-Blogeinträge zu sehen und mehr zu erfahren. Die Website enthält Anweisungen zum Aktivieren von AMP, aber du kannst sie überspringen. Alle Squarespace-Websites sind bereit, AMP automatisch zu aktivieren.

Bevor du loslegst

  • Nur Blogeinträge können AMP-Formatierungen anzeigen. AMP ist für andere Seiten nicht verfügbar.
  • AMP ist nur in den Google-Suchergebnissen auf Mobilgeräten sichtbar. Andere Suchmaschinen auf Mobilgeräten verlinken auf die mobile Standardversion deiner Blogeinträge.
  • Du kannst AMP-Versionen von Blogeinträgen auf Mobilgeräten anzeigen, indem du dich durch die Google-Suchergebnisse klickst oder die AMP-Version einer URL eines Blogeintrags manuell in einen Browser eingibst. Durch das Aktivieren von AMP wird das Erscheinungsbild deiner Blogeinträge nicht geändert, wenn du auf andere Weise darauf zugreifst.
  • Squarespace Analytics zeichnet keinen Datenverkehr auf AMP-fähigen Blog-Seiten auf.

Wie wird AMP meine Beiträge ändern?

Die AMP-Formatierung reduziert den HTML-Code einer Seite auf das Wesentliche. Auf Squarespace bedeutet dies, dass einige Blöcke nicht in AMP-Beiträgen erscheinen. Das AMP-Design ist Standard für alle Blogeinträge und hat nichts mit dem Stil deiner Website zu tun.

Du wirst einige wichtige Änderungen feststellen:

  • Seitenränder werden neu angepasst.
  • Der gesamte Text wird in der Schriftart Muli angezeigt.
  • Unterstützte Blöcke werden in einer einzigen Spalte gestapelt. Dies ist Standard für alle Squarespace-Websites auf Mobilgeräten, auch wenn AMP nicht aktiviert ist.
  • CSS und anderer benutzerdefinierter Code werden nicht angezeigt.
  • Am Ende des Beitrags wird der Link Mehr entdecken angezeigt, der auf deine vollständige Website verweist.

Die folgenden Blöcke erscheinen in AMP-Beiträgen:

  • Audio-Blöcke
  • Einbettungs-Blöcke
  • Galerie-Blöcke – Alle Galerie-Blocktypen werden als Slideshow angezeigt.
  • Bild-Blöcke
  • Linien-Blöcke
  • Markdown-Blöcke
  • Zitat-Blöcke
  • Text-Blöcke
  • Video-Blöcke

Alle anderen Blöcke sind vor AMP-Beiträgen versteckt. Stattdessen sehen deine Besucher einen Link, der sie zum vollständigen Beitrag führt, um alle Inhalte anzuzeigen.

KB Guide Image

Bild-Blöcke in AMP-Beiträgen

Wenn dein Blogeintrag Bild-Blöcke im Inline-Layout enthält, stelle sicher, dass alle Beschriftungen als Klartext eingegeben werden und keine zusätzlichen Formatierungen enthalten. Beschriftungen mit zusätzlicher Formatierung können verhindern, dass der Beitrag in einen AMP-Beitrag konvertiert wird.

Bild-Blöcke mit einem anderen Layout verwenden Titel und Untertitel anstelle von Beschriftungen. Diese Textfelder werden in AMP-Beiträgen nicht angezeigt. Besucher müssen die Vollversion deiner Website besuchen, um Bildtitel und Untertitel zu sehen.

AMP-Formatierung aktivieren

So aktivierst du AMP:

  1. Öffne das Menü „Blog-Präferenzen“.
  2. Scrolle nach unten zu Accelerated Mobile Pages (AMP).
  3. Wähle AMP verwenden.

Google kann jetzt deine optimierten Blogeinträge indexieren. Du kannst diesen Vorgang beschleunigen, indem du über die Google Search Console eine erneute Indexierung anforderst.

Vorschau deiner AMP-Beiträge

Die AMP-Version deiner URL wird automatisch in Google-Ergebnissen auf Mobilgeräten generiert, nachdem du AMP aktiviert hast. Du musst keine URLs der Beiträge manuell ändern.

Um eine Vorschau eines AMP-Beitrags anzuzeigen, füge „?format=amp“ an das Ende der Beitrags-URL hinzu. Dadurch wird die AMP-formatierte Version deines Blogeintrags generiert, entweder auf einem Computer oder auf einem Mobilgerät.

Wenn dies beispielsweise deine standardmäßige Blogeintrags-URL ist:

http://myblog.com/blog/2016/2/19/mypost

Verwende diese URL, um die AMP-Version anzuzeigen:

http://myblog.com/blog/2016/2/19/mypost?format=amp

Du kannst diese URL auch verwenden, um AMP-Beiträge mit Besuchern zu teilen, aber wir raten davon ab, da deine Website bereits responsive Stile für Mobilgeräte enthält.

Tipp

Du kannst die Standard-URL-Formatierung deines Blogeintrags im Menü „Blog-Präferenzen“ anpassen.

FAQ

Kann ich das Design meiner AMP-Beiträge ändern?

Nein. Alle AMP-Beiträge werden automatisch formatiert, um das beste visuelle Erlebnis auf Mobilgeräten zu erzielen, und haben einen Standardstil, unabhängig vom Design deiner Website.

Du kannst die Reihenfolge deiner Blöcke ändern, indem du den Blogeintrag-Editor öffnest und die Blöcke neu anordnest.

Ich kann meine AMP-Blogeinträge nicht in den Google-Suchergebnissen finden.

Es gibt eine Reihe von Gründen, warum deine Beiträge möglicherweise nicht als Ergebnisse für einen bestimmten Suchbegriff angezeigt werden, auch wenn AMP nicht aktiviert ist. Stelle zunächst sicher, dass du AMP im Menü „Blog-Präferenzen“ aktiviert hast, und überprüfe dann die häufigen Szenarien, die möglicherweise verhindern, dass deine Website angezeigt wird.

Ich habe die strukturierten Daten meines Beitrags getestet und sehe einen Logo-Fehler.

Wenn du deine URL über das Google-Testtool für strukturierte Daten ausgeführt hast, wird ein Logo-Fehler angezeigt, wenn deine Website kein Logo hat. Der Beitrag wird weiterhin für AMP ohne Website-Logo formatiert, aber das Hinzufügen eines Logos kann dazu beitragen, dass der Beitrag in den Google-Suchergebnissen einen höheren Rang einnimmt.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.

AMP mit Squarespace verwenden