734

Das "PHP AMP-Plugin" Script

amp-clouds offizielles "PHP AMP-Plugin" aktiviert Accelerated-Mobile-Pages Support auf Deiner Website unter Deinem eigenen Host, wie es z.B. die Google Richtlinie zum AMP Host empfiehlt!

Mit dem PHP Accelerated-Mobile-Pages-Script kannst Du auf einfache Weise AMP Support auf Deiner Webseite hinzufügen. Zur Installation halte Dich einfach an die folgende Schritt-für-Schritt-Anleitung zur AMP Erstellung.

PHP AMP-Plugin Script

Installiere das "PHP AMP-Plugin"-Script

Ein Tipp, bevor Du mit AMP startest: Für einige CMS-Lösungen bitete amp-cloud.de spezielle AMP-Plugins an, die sich noch einfacher installieren lassen! - Alternativ zum "PHP AMP-Plugin"-Script kann daher eines der folgenden AMP-Plugins für Dich interessant sein:

 

Schritt-1: Download "PHP AMP-Plugin"-Script

Lade die aktuelle "PHP AMP-Plugin" Version als ZIP-Datei über den folgenden Download-Link herunter. - Die ZIP-Datei enthält einen Ordner namens "amp", der alle Dateien enthält, die zur Installation und Verwendung des AMP-Plugins benötigt werden.

 

Schritt-2: Entpacken der "PHP AMP-Plugin"-ZIP-Datei

Entpacke/Extrahiere die heruntergeladene ZIP-Datei. Nach dem Entpacken/Extrahieren solltest Du jetzt einen "Ordner" mit dem Namen "amp" besitzen in dem sich die PHP AMP-Plugin-Dateien befinden.

 

Schritt-3: PHP Plugin Dateien auf dem Webserver speichern

Lade den entpackten Ordner mit dem Namen "amp" in das Root-Verzeichnis Deines Webservers hoch, so dass der Ordner auf Deiner Website unter folgender URL zu erreichen ist:
  • www.DeineDomain.de/amp/

Rufe die folgende URL auf, um zu testen, ob Du den Ordner korrekt auf Deinem Webserver gespeichert hast: www.DeineDomain.de/amp/amp.php
(www.DeineDomain.de musst Du natürlich durch die Adresse Deiner Website ersetzen)

Bei richtiger Installation solltest Du einen Hinweistext sehen, dass Deine Website das AMP-Plugin von amp-cloud.de verwendet.

 

Schritt-4: AMP-HTML-Tag einfügen!

Zu letzt füge nun auf jeder Unterseite Deiner Website für die Du eine AMP-Version bereitstellen möchtest mittels einer der folgenden Varianten den <link rel="amphtml">-Tag im <Head>-Bereich Deiner Unterseite ein.

Variante 1:

<link rel="amphtml" href="http://www.DeineDomain.de/amp/amp.php?url=DeineArtikelURL" />
  • Ersetze den Teil "http://" durch "https://", WENN Du auf Deiner Website SSL verwendest!
  • Ersetze den Teil "www.DeineDomain.de" durch die Domain Deiner Website.
  • Ersetze den Teil "DeineArtikelURL" durch eine UTF8 encodierte URL der jeweiligen Unterseite auf der Du den AMP-HTML-Tag einbaust (inkl. "http://" bzw. "https://").

    Beispiel für decodierte URL:
    https://www.DeineDomain.de/DeinPfad/DeineDatei.php?parameter=Süß&sprache=DE

    Beispiel für encodierte URL:
    https%3A%2F%2Fwww.DeineDomain.de%2FDeinPfad%2FDeineDatei.php%3Fparameter%3DS%C3%BC%C3%9F%26sprache%3DDE

 

Variante 2:

<link rel=\"amphtml\" href=\"http://".$_SERVER['HTTP_HOST']."/amp/amp.php?url=".urlencode("http://".$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']."?".$_SERVER['QUERY_STRING']."")."\" />
  • Ersetze die beiden Teile "http://" durch "https://", WENN Du auf Deiner Website SSL verwendest!

 

Beispiel für PHP-Code:
<?php
echo "
<!DOCTYPE html>
<html>
<head>
<title> Dein Meta-Title ... </title>
<link rel=\"amphtml\" href=\"http://".$_SERVER['HTTP_HOST']."/amp/amp.php?url=".urlencode("http://".$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']."?".$_SERVER['QUERY_STRING']."")."\" />
</head>
<body>
Dein Body-Quelltext...
</body>
</html>
";
?>

 


Mehr zu AMP und dem ampproject:

Detaillierte Erläuterungen zum AMP-Project im Allgemeinen und unabhängig vom PHP AMP-Plugin findest Du hier: ampproject.org