AMP

Beschreibung

Das AMP-Projekt (engl.) ist eine Open-Source-Initiative, um das Web für alle besser zu machen. AMP erlaubt Erlebnisse, die konstant schnell, schön und hoch performant über alle Verteilerplattformen. AMP stand für „Accelerated Mobile Pages“ (beschleunigte mobile Seiten), aber funktioniert nun vollständig auf Desktop- und Mobilgeräten. Das offizielle AMP-Plugin für WordPress unterstützt die vollständige AMP-Publizierung für WordPress-Websites, mit zuverlässigen Berechtigungen und granularen Veröffentlichungskontrollen.

Funktionen und Möglichkeiten, welche das Plugin zur Verfügung stellt:

  • AMP-first-Erfahrungen: Aktiviere vollständige AMP-Erfahrungen (engl.) ohne die Flexibilität der Plattform oder die Ehrlichkeit der Inhalte zu beeinträchtigen.
  • Core-Theme-Unterstützung: Aktiviert AMP-Kompatibilität für alle Core-Themes von Twenty Ten bis Twenty Twenty.
  • Kompatibilitäts-Werkzeug: Wenn eine automatische Konvertierung des Markups zu AMP nicht möglich ist, kannst du AMP-Validierungsfehler mit detaillierten Informationen überprüfen, wie z. B. dem ungültigen Markup und die spezifischen Komponenten, die auf der Website dafür verantwortlich sind (z. B. Theme, Plugin, Einbettung). Validierungsfehler werden im Kontext ihre entsprechenden Blöcke im Editor angezeigt.
  • CSS Tree Shaking: Entferne automatisch den Großteil des ungenutzten CSS automatisch, um es auf unter 50 KB zu bringen, das Limit von AMP. Wenn es nach dem Tree Shaking immer noch oberhalb des Limits ist, wird eine Priorisierung benutzt, damit die erforderlichsten Theme-Stile bestehen bleiben und weniger wichtige entfernt werden (z. B. Druck-Stile).
  • AMP Stories (Beta): Das AMP-Plugin erlaubt die Erstellung, Bearbeitung und Veröffentlichung von AMP Stories (engl.) in WordPress. Benutze die Magie des Storytellings auf WordPress-Art!

Das Plugin kann so konfiguriert werden, dass es einem von drei verschiedenen Template-Modi folgt: Standard, Übergang und Lesen. Im Standardmodus verwendest du AMP als Framework für deine Website, und es muss keine separate AMP- und Nicht-AMP-Versionen geben. Wenn sie für den Betrieb im Lese- und Übergangsmodus konfiguriert ist, verfügt eine bestimmte Seite über eine kanonische URL sowie eine entsprechende (gepaarte) AMP-URL. Das AMP-Plugin dient nicht als mobiles Theme, es leitet mobile Geräte nicht auf die AMP-Version um. Stattdessen wird die AMP-Version mobilen Besuchern zur Verfügung gestellt, wenn sie die Inhalte auf Plattformen wie Twitter, Pinterest, Google Search und anderen finden. Der Lesemodus unterstützt nur die Bereitstellung von AMP für einzelne Beiträge, Seiten und andere Beiträge, während der Standard- und Übergangsmodus die Bereitstellung der gesamten Website als AMP unterstützt.

Mit dem offiziellen AMP-Plugin für WordPress verfügt das WordPress-Ökosystem über die Funktionen und Werkzeuge, die es benötigt, um erstklassige AMP-Erlebnisse zu schaffen, ohne von seinem standardmäßigen, flexiblen und bekannten Workflow zur Inhaltserstellung abzuweichen.

Erste Schritte

Um mehr über das Plugin zu erfahren und seine Funktionen zu nutzen und um deinen AMP-Workflow für die Inhaltserstellung zu optimieren, schaue dir die offizielle AMP-Plugin-Produktseite (engl.) an.

Wenn du ein Entwickler bist, ermutigen wir dich, der Entwicklung dieses Plugins auf GitHub zu folgen (engl.) oder mitzuwirken (engl.).

Screenshots

  • Erstelle großartige Web-Erfahrungen mit AMP-betriebenen Websites oder visuell reichhaltige, ansprechende Stories.
  • Der Story-Editor erlaubt die Erstellung von Seiten in einer horizontalen, seitenbasierten Ansicht mit Hintergrund-Medien und mit Blöcken, die verschoben, rotiert und animiert werden können.
  • In der Website-Erfahrung ermöglicht die Themen-Unterstützung die Wiederverwendung der Templates und Stylesheets des aktiven Themes. Alle WordPress-Funktionen (Menüs, Widgets, Kommentare) sind in AMP verfügbar.
  • Alle Core-Themes werden unterstützt, aber viele Themes können AMP mit minimalen Änderungen ausliefern. Andererseits ist das Verhalten oft wie wenn JavaScript im Browser deaktiviert ist, denn Skripte werden entfernt.
  • Lese-Modus-Templates sind immer noch verfügbar, aber sie unterscheiden sich von deinem aktiven Theme.
  • Wechsle vom Lese-Modus zum Übergangs-Modus oder Standard-Modus auf der AMP-Einstellungsseite.
  • Standard-Modus: AMP wird als Framework für deine Website benutzt, es gibt keine AMP- und Nicht-AMP-Version zu pflegen. Mobile und Desktop-Benutzer haben dieselbe Benutzererfahrung.
  • Übergangs-Modus: Eine Möglichkeit, deine Website vollständig AMP-kompatibel zu machen, mit Werkzeugen unter der Haube, die beim Debugging von Validierungsfehlern helfen.
  • Mach die gesamte Website in AMP verfügbar oder wähle einzelne Inhaltstypen und Templates, du kannst es auch pro Beitrag deaktivieren.
  • Das Plugin prüft auf AMP-Gültigkeit und wird sich melden, wenn entweder keine Probleme gefunden wurden, neue Probleme einer Überprüfung bedürfen oder Probleme dazu führen, dass kein AMP ausgeliefert werden kann.
  • Der Editor wird während der Erstellung von Inhalten auf Validierungsprobleme hinweisen. Die spezifischen Blöcke mit Validierungsfehlern werden angezeigt.
  • Jede validierte URL zeigt eine Liste mit aufgetretenen Validierungsfehlern an, um die Kontrolle darüber zu geben, ob ungültiges Markup behalten oder entfernt werden soll. Das Behalten von ungültigem Markup führt zu einem deaktivierten AMP.
  • Jeder Validierungsfehler beinhaltet ein Stack Trace, um nachvollziehen zu können, welcher Code für das ungültige Markup verantwortlich ist, ob es ein Theme, ein Plugin, eine Einbettung, ein Inhaltsblock oder etwas anderes ist.
  • Stile, die von Themes und Plugins hinzugefügt wurden, werden automatisch zusammengefügt, minifiziert und tree-shaken, um zu versuchen, sie insgesamt auf weniger als 50 KB Inline-CSS zu bekommen.
  • Ein WP-CLI-Befehl wird angeboten, um die URLs einer Website auf AMP-Gültigkeit zu prüfen. Die Ergebnisse sind im Adminbereich zur Einsicht verfügbar.

Blöcke

Dieses Plugin unterstützt 5 Blöcke.

amp/amp-story-post-author
AMP
amp/amp-story-post-date
AMP
amp/amp-story-post-title
AMP
amp/amp-latest-stories
AMP
amp/amp-story-page-attachment
AMP

Installation

  1. Lade den Ordner in das /wp-content/plugins/ Verzeichnis hoch.
  2. Aktiviere das Plugin in WordPress im Menü „Plugins“​
  3. Wenn du aktuell ältere Versionen des Plugins im Lesemodus benutzt, ist es sehr empfehlenswert, zum Übergangs– oder Standard-Modus zu wechseln. Abhängig von deinem Theme und den benutzten Plugins kann ein gewisses Maß an Entwicklungsarbeit erforderlich sein.

FAQ

Please see the FAQs on amp-wp.org. Don’t see an answer to your question? Please search the support forum to see if someone has asked your question. Otherwise, please open a new support topic.

Rezensionen

3. Januar 2020
A must-have plugin for my websites. This plugin has taken care of everything one needs for going AMP with existing themes.
2. Januar 2020
I really wanted this to work. It ran the pages really fast. I think Google pads the data for how fast to make it seem better than it is. The real problem is that it is super difficult to get auto ads to work with this plugin. I spent hours with different plugins, options, following help guides and not one actually was able to display ads from Google adsense. Turn the plugin off and ads are back. As much as I want lighter and nimbler the site has to make money. This plugin prevented me from doing that.
16. Dezember 2019
There is not much one needs to do while using the official AMP plugin. You need to install and activate the plugin. It does the job for you! The best thing about the plugin is the outstanding support you can get on the support forum. James Osborne was very helpful in many of the topics I created. I would definitely recommend this plugin if you want to implement AMP on your website.
12. Dezember 2019
Great Plugin and Excellent Support due to which will be able to convert my site in AMP very Soon !! Cheers to Support team !!
12. Dezember 2019
Plugin's contributors provide good support and provided solution for my question in support forum regarding webp images support. Plugin needs improvements like support for <picture> element which is introduced in HTML5. I will request plugin contributors to add support for picture element ASAP.
Lies alle 199 Rezensionen

Mitwirkende & Entwickler

„AMP“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„AMP“ wurde in 20 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „AMP“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

Für das Änderungsprotokoll des Plugins, schau dir bitte die Release-Seite auf GitHub an (engl.).