Das AMP ist im Allgemeinen ein prägnantes, speziell entworfenes HTML5 – Dokument, das einige Einschränkungen aufweist, die darauf ausgelegt sind, das Laden und Rendern von Seiten für mobile Geräte zu verbessern. Beispielsweise können die AMP-Seiten nur über ein Inline-CSS verfügen, sodass das Seitenlayout bestimmt werden kann, ohne externe CSS-Stylesheets laden zu müssen. Javascript wurde auch dort eingeschränkt, wo das synchrone JS nur in einem Iframe platziert werden kann.

Warum AMP?

AMP ist auf Geschwindigkeit auch in langsamen Netzwerken ausgelegt. Der größte Vorteil von AMP ist, dass es 3-4 Mal schneller geladen/gerendert werden kann. Die Gründe, warum AMP auf Mobilgeräten blitzschnell sind, sind:

Es werden weniger Elemente geladen. Nehmen Sie zum Beispiel WordPress, viele Widgets werden nicht angezeigt.
AMP werden von Google CDN (Content Delivery Networks) oder CloudFlare CDN zwischengespeichert. Wenn also die Suchergebnisse angezeigt werden, werden die AMP über Google/CloudFlare CDN vorgeladen, wenn sie angezeigt werden, werden sie bereits heruntergeladen und aus Ihrem Browser-Cache bereitgestellt, der leuchtet nur schnell.
Wie bereits erwähnt, kann das AMP-Layout bestimmt werden, ohne dass externes JS / CSS geladen werden muss. Auf mobilen Bildschirmen ist das Layout also statisch, was schnell ist.

Wer braucht AMP?

Wenn Ihnen Geschwindigkeit und Benutzererfahrung wichtig sind oder wenn Sie viele Inhalte haben (statischer Text/Bilder), dann ist AMP definitiv etwas, das Sie haben müssen.

Verbessert AMP die SEO?

Laut Google Official wirkt es sich zumindest nicht direkt auf SEO aus. Da AMP jedoch die Seitenladegeschwindigkeit verbessert, wirkt sich das auf die SEO aus. Untersuchungen zufolge bleiben die Besucher bei aktiviertem AMP tatsächlich länger auf der Website und die Absprungrate wird erhöht.

Auf Mobilgeräten werden die AMP-Seiten vorrangig und mit einem eindeutigen AMP-Tag angezeigt. Google hat die Verwendung von „Mobile Friendly“ entfernt, um die angezeigten AMPs zuzulassen. Tatsächlich sind alle gültigen AMP bereits gültig für mobile Benutzer.

Wie aktiviere ich AMP mit WordPress Blog?

AMP sind spezielle HTML-Formate und die Syntax ist sehr streng. Es ist nicht möglich, eine vorhandene Seitenvorlage zu ändern, und es ist auch ratsam, dies nicht zu tun. Wenn Sie viele Artikel (viele URLs) haben, ist es nicht praktisch, dies manuell zu tun.

Um AMP in WordPress zu aktivieren, müssen Sie das offizielle AMP-Plugin hinzufügen/aktivieren .

wordpress-official-amp-plugin

Sobald dieses Plugin aktiviert ist, gibt es für jeden Beitrag (nicht Seiten) eine kanonische URL, die mit /amp/ angehängt wird. Ja, Sie müssen nur das AMP-Plugin aktivieren, das die meiste Arbeit erledigt.

Wie validiere ich AMP?

Sie können die AMP-Chrome-Erweiterung installieren, die eine grüne Blase anzeigt, wenn die aktuelle Seite ein gültiges AMP ist. Außerdem erfahren Sie, ob die aktuelle Seite eine AMP-Version hat
Drücken Sie F12 in Chrome, um die Konsole aufzurufen. Wenn Sie so etwas sehen, bedeutet dies, dass AMP aktiviert ist!
```
Powered by AMP ⚡ HTML – Version 1489777197505 
```
Goto the Web AMP Validator: Dies ist oft nützlich, da Sie die AMP-Quelle direkt in das Dienstprogramm kopieren und einfügen können.

Führen Sie den Curl- Befehl aus, um dies über das CloudFlare-Amp-Dienstprogramm zu überprüfen:

curl <a class="vglnk" target="_blank" href="https://amp.cloudflare.com/q/helloacm.com/how-to-list-the-most-voted-posts-in-a-year-using-sql/amp/" rel="nofollow"><span>https</span><span>://</span><span>amp</span><span>.</span><span>cloudflare</span><span>.</span><span>com</span><span>/</span><span>q</span><span>/</span><span>helloacm</span><span>.</span><span>com</span><span>/</span><span>how</span><span>-</span><span>to</span><span>-</span><span>list</span><span>-</span><span>the</span><span>-</span><span>most</span><span>-</span><span>voted</span><span>-</span><span>posts</span><span>-</span><span>in</span><span>-</span><span>a</span><span>-</span><span>year</span><span>-</span><span>using</span><span>-</span><span>sql</span><span>/</span><span>amp</span><span>/</span></a>
{"version":"1488238516283","source":"<a class="vglnk" target="_blank" href="http://helloacm.com/how-to-list-the-most-voted-posts-in-a-year-using-sql/amp/","valid":true" rel="nofollow"><span>http</span><span>://</span><span>helloacm</span><span>.</span><span>com</span><span>/</span><span>how</span><span>-</span><span>to</span><span>-</span><span>list</span><span>-</span><span>the</span><span>-</span><span>most</span><span>-</span><span>voted</span><span>-</span><span>posts</span><span>-</span><span>in</span><span>-</span><span>a</span><span>-</span><span>year</span><span>-</span><span>using</span><span>-</span><span>sql</span><span>/</span><span>amp</span><span>/","</span><span>valid</span><span>":</span><span>true</span></a>}

In Google Webmaster zeigt es die Anzahl der indexierten AMP-Seiten und welche Art von Fehlern die AMP-Seiten haben. AMP mit kritischen Fehlern wird nicht indiziert, also müssen Sie sie beheben. Google stellt auch einen weiteren AMP-Validator zur Verfügung .

google-webmaster-zeigt-indizierten-amp

Wie füge ich Google Analytics-Tracking zu AMP-Seiten hinzu?

Laut Official müssen Sie:

Fügen Sie Folgendes vor dem hinzuin wp-content/plugins/amp/templates/single.php

<script async custom-element="amp-analytics" src="<a class="vglnk" target="_blank" href="https://cdn.ampproject.org/v0/amp-analytics-0.1.js" rel="nofollow"><span>https</span><span>://</span><span>cdn</span><span>.</span><span>ampproject</span><span>.</span><span>org</span><span>/</span><span>v0</span><span>/</span><span>amp</span><span>-</span><span>analytics</span><span>-</span><span>0</span><span>.</span><span>1</span><span>.</span><span>js</span></a>"></script>

Fügen Sie Folgendes vor dem hinzuin wp-content/plugins/amp/templates/single.php

<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-1234123412-1" // Remember to change to your GA ID
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>

Wie füge ich Google Adsense zu AMP-Seiten hinzu?

Der traditionelle Google Adsense-Code funktioniert nicht in AMP, stattdessen benötigen Sie:

Fügen Sie Folgendes vor dem hinzuin wp-content/plugins/amp/templates/single.php

<script async custom-element="amp-ad" src="<a class="vglnk" target="_blank" href="https://cdn.ampproject.org/v0/amp-ad-0.1.js" rel="nofollow"><span>https</span><span>://</span><span>cdn</span><span>.</span><span>ampproject</span><span>.</span><span>org</span><span>/</span><span>v0</span><span>/</span><span>amp</span><span>-</span><span>ad</span><span>-</span><span>0</span><span>.</span><span>1</span><span>.</span><span>js</span></a>"></script>

Füge Folgendes vor oder nach post_amp_content in wp-content/plugins/amp/templates/single.php hinzu

<amp-ad layout="responsive" width=300 height=250 type="adsense" data-ad-client="ca-pub-123456" data-ad-slot="72341234"></amp-ad>

Beispiel-AMP-Vorlage für WordPress Single Post (z. B. single.php)

beispiel-wordpress-vorlage-single-für-amp-seiten

Wann werden AMP von Suchmaschinen indiziert?

Nicht alle Suchmaschinen unterstützen AMP, aber anscheinend kennt Google AMP am besten. Es kann einige Stunden oder sogar Tage dauern, bis Google erkennt, dass Ihre Seiten AMP-Alternativen haben. Auf Ihren normalen Beitragsseiten wird es so etwas geben, um der Suchmaschine die URL der AMP-Version mitzuteilen:

<link rel="amphtml" href="//helloacm.com/how-to-parallel-for-in-linux-bash-shell/amp/"/>

Und in seiner AMP-Version wird es mit dem Canonical-Tag zurückverlinkt:

<link rel="canonical" href="//helloacm.com/how-to-parallel-for-in-linux-bash-shell/"/>

Es ist in Ordnung, dass nicht alle Ihre Seiten AMP-Alternativen haben. Es ist auch in Ordnung, dass einige AMP nicht validiert sind, im schlimmsten Fall wird dieses AMP nicht indexiert, was Ihren anderen Seiten, dh SEO, nicht schadet. Das AMP wird als alternatives Layout (Vorlage) bereitgestellt, sodass Sie es als leistungsoptimierte Version betrachten können.

Wie kann man feststellen, ob die aktuelle Seite AMP in PHP ist?

Möglicherweise müssen Sie einige Inhaltsfilter (über add_filter, die WordPress-Funktion) in der Vorlage functions.php deaktivieren, dann benötigen Sie die folgende Funktion, um zu überprüfen, ob die aktuelle Seite eine AMP-Version ist. Es erfordert die PHP-EndsWith-Funktion. In WordPress können Sie auch die Funktion is_amp_endpoint() verwenden, um zu sehen, ob die aktuelle WordPress-URL AMP ist. Andernfalls ist für eine seitenspezifische allgemeine Lösung zu prüfen, ob die URL mit /amp endet oder /amp/ enthält.

if (!function_exists("endsWith")) {
  function endsWith($haystack, $needle) {
    return $needle === "" || (($temp = strlen($haystack) - strlen($needle)) >= 0 && strpos($haystack, $needle, $temp) !== FALSE);
  }
}
 
if (!function_exists("is_amp")) { 
  function is_amp() {    
    $url = $_SERVER['REQUEST_URI'];  
    return (endsWith($url, '/amp') || (strpos($url, '/amp/') !== false));
  }
}
 
if (!is_amp()) { // only in non-AMP version
  add_filter( 'the_content', 'some_content_function' );
} 
 
function some_content_function($content) {
   // do something, e.g. add some ads
   $content .= " some ads code ";
   return $content;
}

Falls Sie es nicht bemerkt haben, wird die AMP-Versions-URL in jedem Beitrag angezeigt und Sie können das Archiv der AMP-Seiten hier finden. Sie können den folgenden PHP -Code verwenden, um nur die AMP-URLs für die Beiträge anstelle anderer Seitentypen in WordPress anzuzeigen:

if (get_post_type( get_the_ID()) == 'post') {
  // show AMP URL
}

Bei Seiten, die AMP nicht unterstützen, wird die kanonische AMP-URL per 301 auf ihre normale Version umgeleitet.

Wie sieht die AMP-Seite auf kleinen Bildschirmen aus?

Das Folgende links ist die AMP-Version mit einer Anzeige (Responsive AdSense ), die über dem Inhalt angezeigt wird.

AMP-versus-mobile-benutzerfreundlich

AMP kann als separate Vorlage (Stil) für Ihre Beiträge betrachtet werden. Beide URLs existieren für die mobilbenutzerfreundliche und die AMP-Version. Der Eintrag von AMP erfolgt hauptsächlich über Suchmaschinen, während die ursprünglichen Links in den Beiträgen unberührt bleiben. Möglicherweise möchten Sie jedoch die AML von CloudFlare verwenden, die gegebenenfalls die Post-Links in der Post-zu -AMP-Version ersetzt.

cloudflare-enable-accelerated-mobile-links

Wenn Ihre AMP-Seite kritische Fehler aufweist, wird sie möglicherweise nicht von Suchmaschinen indexiert. Google weist Sie möglicherweise auf Fehler im Suchergebnis hin, das mit Ihrem Google-Webmaster verknüpft ist.

AMP-Fehlermeldung in den Google-Suchergebnissen

Aufnahmequelle: helloacm.com