Kernpunkte
Das Google Accelerated Mobile Pages (AMP) -Projekt wurde am 24. Februar 2016 gestartet. Mit diesem Start wurden Tausende von Entwicklern aktive Teilnehmer am Projekt. Unzählige Websites haben jetzt AMP -Versionsseiten, und viele Entwickler lernen, AMP zu verwenden. In diesem Fall lernen Sie, wie Sie AMP in WordPress verwenden.
Google erhält AMP von großer Bedeutung. Es ist auch eines ihrer Suchmaschinenranking -Kriterien. Auf diese Weise macht Google AMP für viele Websites zu einer Notwendigkeit. In diesem Artikel werde ich Ihnen detaillierte Informationen über das beschleunigte mobile Seitenprojekt von Google zur Verfügung stellen. Dies beinhaltet die Schritte, um es auf Ihrer WordPress -Site aufzurufen.
Was ist AMP?
Einige Entwickler sind mit AMP möglicherweise nicht vertraut. Es ist ein mobilfreundliches Framework, das Ihre Webseiten schnell in einem mobilen Browser lädt. Es handelt sich um eine Open -Source -Technologie, mit der Website -Publisher die Geschwindigkeit und das Benutzererlebnis des Ladens von Inhaltsseiten auf mobilen Geräten effektiv verbessern kann. All diese Verbesserungen wirken sich nicht auf die Werbeeinnahmen aus.
Wenn Sie ein erfahrener Entwickler sind, können Sie ähnliche Verbesserungen mit umfassenden Seitenladenoptimierungen erzielen. Das Beschleunigen von mobilen Seiten erleichtert diese Optimierungen jedoch sehr einfach, ohne zu viel Zeit und Mühe für mobile Layouts zu verbringen.
Für diejenigen Websites, die ihre SEO-Rangliste verdoppelt haben, wird dies sicherlich weitere Aufgaben auf der To-Do-Liste hinzufügen, da die AMP-Seite auch die SEO-Ranglisten Ihrer Website verbessern kann. Dies kann der Hauptgrund sein, warum große Unternehmen ebenfalls Verstärker einführen.
AMP -Projekt
AMP enthält drei Hauptkomponenten:
Es handelt sich um eine Teilmenge von HTML mit vielen Einschränkungen, benutzerdefinierten Tags und benutzerdefinierten Eigenschaften. Wenn Sie mit HTML bereits vertraut sind, ist es nicht kompliziert, sich daran anzupassen. Wenn Sie jedoch Schwierigkeiten haben, empfehle ich Ihnen, diesen Link zu besuchen, um mehr darüber zu erfahren, wie Sie Ihre AMP -HTML -Seite erstellen.
AMP bietet eine begrenzte Anzahl von JavaScript für mobile Webseiten. Eine wichtige Sache, die Sie an JS in AMP erinnern sollten, ist, dass AMP JavaScript nicht zulässt.
Google AMP -Cache ist ein CDN, das zur Lieferung von AMP -Seiten verwendet wird. Sie alle kennen die Kernfunktionen des Inhaltszubereitungsnetzwerks - sie verteilen Ressourcen an Server näher an den Zuschauern Ihrer Website. Für AMP -Seiten ermöglicht dieser CDN aufgrund möglicher Entfernungsverzögerungen eine minimale Ladezeit.
Die Korrelation des AMP -Logos auf SEO
, als Google AMP startete, veröffentlichte ADAGE.com ein Interview mit Richard Gingras, Senior Director von Google News und Social Products. In diesem Interview sagte er, dass die Verwendung von AMP nicht direkt mit Ihren Suchrankings zusammenhängt, da dies kein direkter Faktor ist. Dann fügte er hinzu: "Alle anderen (Suchmaschinen -Rankings) Signale müssen auch erfüllt werden."
nach dieser Klarstellung wurde jedoch alles klarer. Er sagte: "Wenn wir zwei Artikel aus Signalstand haben, werden wir uns auf die schnellste konzentrieren, da wir uns auf das schnellste konzentrieren, denn das ist der Benutzer, der etwas Auge entdeckt -Corporation. ”
Auch Google lehnt die Relevanz von AMP -Websites nicht für SEO ab. Geschwindigkeit ist immer ein Einflussfaktor in der Suchmaschinenoptimierung. Wenn AMP -Seiten aufgrund eines schnelleren Ladens mehr Klicks und niedrigere Absprungraten erhalten, wird Google die Website sicherlich höher für eine bessere Benutzererfahrung einstufen.
Wie kann Sie Ihre Website verändern?Sie müssen zwei Versionen der Artikelseite auf der Website verwalten. Originalartikelseite für Standard -Webbenutzer und AMP -Version für potenzielle mobile Benutzer.
Beachten Sie auch, dass AMP keine Formularelemente und JavaScript von Drittanbietern zulässt. Dies bedeutet, dass Sie in der Standardimplementierung keine Kontaktformulare oder eingehende Kommentare einfügen können, da AMP hauptsächlich für die Bereitstellung von Inhalten verwendet wird.
Ist Google Analytics für AMP geeignet?
Ja, natürlich arbeitet Analytics für AMP. Tatsächlich ist auch die Analysen auf AMP intelligent. Um zu verhindern, dass Websites aufgrund mehrerer Analyse -Trackers verlangsamt werden, basieren sie auf der Kernphilosophie „One Messung, mehrere Berichte“. Im Allgemeinen gibt es zwei Möglichkeiten, Analysen für AMP auf Ihrer Website zu aktivieren.
AMP-Pixel-Element: Es handelt sich um ein einfaches Tag, mit dem GET-Anforderungen zur Berechnung von Seitenansichten (ähnlich wie die Verfolgung von Pixeln) verwendet werden können.
In der Tat ist eine der einfachsten Möglichkeiten, AMP zu verwenden, es auf Ihrer WordPress -Website zu implementieren. Sie können das von Automattic/WordPress entwickelte offizielle Plug-In verwenden.
Schritt 1: Installieren Sie WordPress Plugin
Die Google -Suchkonsole erhält die AMP -Version der Artikelseite aus dem Meta -Tag, das vom Plugin angehängt wird. Das Problem ist jedoch, dass es normalerweise mehrere Tage dauert, um solche Änderungen zu erkennen.
Also, was soll ich jetzt tun? Um diese schwierigen Situationen zu bewältigen, empfehle ich, eine Kombination aus Chromüberprüfungsprozess und Suchkonsole zu verwenden. Um den Chromüberprüfungsprozess zu verwenden, besuchen Sie bitte eine Ihrer AMP -Seiten in Chrome. Dann enden Sie #Development = 1 am Ende der URL. Drücken Sie nun die Kontrollverschiebung I, um Chromentwickler -Tools zu öffnen.
Aktualisieren Sie die Seite und sie werden "AMP -Überprüfung erfolgreich" angezeigt oder eine detaillierte Liste von Problemen bereitgestellt, die behoben werden müssen.
Sie können sehen, dass die Installation von Plugins nicht ausreicht. Sie müssen jede Daten überprüfen, indem Sie auf die Seite zugreifen und die oben genannten Schritte wiederholen, um von mobilen Seiten zu beschleunigen.
Sie haben gelernt, dass die Überprüfung von Schema -Tags für Ihre AMP -Seite unerlässlich ist. Ich empfehle, das strukturierte Datentest -Tool von Google zu testen, um zu testen, ob Ihre Seite über ein gültiges Schema -Tag verfügt. Ich fand jedoch, dass WordPress einige Probleme mit der Anzeige des Logos hat. Also habe ich einige Änderungen vorgenommen, um dies zu überwinden.
Gehen Sie zum Plug-In, klicken Sie auf den Editor und wählen Sie AMP. Ändern Sie diese Zeilen im Editor, um das Plugin zu ändern.
<code>if ( $site_icon_url ) {
$metadata['publisher']['logo'] = array(
'@type' => 'ImageObject',
'url' => $site_icon_url,
'height' => self::SITE_ICON_SIZE,
'width' => self::SITE_ICON_SIZE,
);
}</code>bis:
<code>$metadata['publisher']['logo'] = array( '@type' => 'ImageObject', 'url' => 'http://yourdomain.com/wp-content/uploads/logo-company.png', 'height' => 60, 'width' => 170, );</code>
Stellen Sie sicher, dass Sie den Ort des Logos in der URL angeben und die Höhe und Breite entsprechend angeben.
Jetzt sind Sie fast fertig. Ich bevorzuge jedoch, Google Analytics zu verwenden, um Statistiken zu verfolgen. Das AMP WordPress-Plugin aktiviert AMP-Analytics nicht aktiv, aber es ist sehr einfach auszuführen.
Um das AMP WordPress -Plugin mit Google Analytics zu ermöglichen, gehen Sie zu Plugins -& Gt; Editor -& Gt; AMP "und fügen Sie den folgenden Code zum Ende hinzu.
<code>add_action( 'amp_post_template_head', 'amp_post_template_add_analytics_js' );
function amp_post_template_add_analytics_js( $amp_template ) {
$post_id = $amp_template->get( 'post_id' );
?>
async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js">>
<?php }
add_action( 'amp_post_template_footer', 'xyz_amp_add_analytics' );
function xyz_amp_add_analytics( $amp_template ) {
$post_id = $amp_template->get( 'post_id' );
?>
<amp-analytics> type="googleanalytics" id="analytics1"></amp-analytics>
type="application/json">
{
"vars": {
"account": "UA-XXXXX-Y" ←(YOUR GOOGLE ANALYTICS PROPERTY ID)
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
>
>
<?php }
</code>Stellen Sie sicher, dass Sie den Wert ua-xxxxx-y in Ihre eigene Google Analytics-Eigenschaft-ID ändern!
Verfassen Sie nach dieser Änderung Ihre Verstärkungsseite und Ihre Verstärkungsseite ist verfolgbar.
Schlussfolgerung zum Google AMP -Projekt
Google hofft, dass das AMP -Projekt Benutzern eine gute Erfahrung bietet. Dennoch ist die Frage, ob AMP alles super schnell machen kann. Die Antwort auf diese Frage ist ziemlich offen. Wenn Sie Ihre Website nicht gut optimieren, wird AMP einige erhebliche Verbesserungen mit sich bringen.
ist jedoch keine mobile Seiten beschleunigt, keine magische Kugel. Die Technologie zur Verbesserung der Website -Geschwindigkeit wird von Anfang an bereitgestellt. AMP versucht nur, alle wichtigen langsamen Ladefaktoren zu kombinieren und zu beseitigen und den Benutzern bessere Lösungen zu bieten.
Was halten Sie von AMP -Projekten? Bitte teilen Sie Ihre Ansichten im Kommentarbereich unten mit!
FAQs über die Verwendung von AMP in WordPress (FAQ)
Der Hauptvorteil der Verwendung von AMP (beschleunigte mobile Seiten) mit WordPress ist die Verbesserung des mobilen Browsing -Erlebnisses. AMP ist ein von Google unterstütztes Projekt, mit dem Webseiten auf mobilen Geräten schneller geladen werden können. Dies geschieht, indem HTML optimiert und eine dünne Version von CSS verwendet wird. Dies führt zu einer signifikanten Zunahme der Seitenladungsgeschwindigkeit, die die Benutzereinfindung, die Aufbewahrung und die Verbesserung der mobilen SEO erhöhen kann.
Amp kann Ihre SEO erheblich verbessern, da die Ladegeschwindigkeit von Seite ein Ranking -Faktor im Google -Algorithmus ist. Durch die schnellere Belastung Ihrer Webseiten kann AMP dazu beitragen, Ihre Sichtbarkeit in Suchmaschinenergebnissen, insbesondere bei mobilen Benutzern, zu verbessern. Darüber hinaus hebt Google die AMP -Seiten in Karussellern in den Suchergebnissen in der Regel hervor und bietet eine weitere Sichtbarkeit.
Ja, Sie können AMP auf Ihrer vorhandenen WordPress -Website verwenden. Es stehen mehrere Plugins zur Verfügung, mit denen Sie AMP auf Ihrer WordPress -Website implementieren können. Diese Plugins helfen dabei, Ihre vorhandenen Beiträge und Seiten in amp-kompatible Versionen umzuwandeln.
Amp begrenzt bestimmte HTML-, CSS- und JavaScript -Elemente, um schnelle Ladezeiten der Seite zu gewährleisten. Dies bedeutet, dass einige Funktionen Ihrer WordPress -Website möglicherweise nicht wie erwartet auf der AMP -Version Ihrer Website funktionieren. Die meisten AMP -Plugins bieten jedoch Optionen an, die zu Funktionen hinzugefügt werden können, indem sie weiterhin den AMP -Standards einhalten.
CSS kann verwendet werden, um das Erscheinungsbild von AMP -Seiten anzupassen. Da AMP jedoch die Verwendung bestimmter CSS -Eigenschaften einschränkt, um schnelle Ladezeiten der Seiten zu gewährleisten, möchten Sie möglicherweise einen optimierteren Ansatz verwenden, um ihn zu stylen. Einige WordPress-AMP-Plugins bieten integrierte Anpassungsoptionen.
Sie können das von Google bereitgestellte AMP -Test -Tool verwenden, um zu überprüfen, ob Ihre AMP -Implementierung erfolgreich ist. Dieses Tool analysiert Ihre AMP -Seite und meldet alle Fehler, die verhindern können, dass sie als AMP -Seite in Google -Suchergebnissen bereitgestellt werden.
Ja, Sie können AMP implementieren, ohne Plugins in WordPress zu verwenden, aber dies erfordert ein gutes Verständnis für Webentwicklung und AMP -Standards. Sie müssen manuell eine separate AMP-kompatible Version Ihrer Beiträge und Seiten erstellen und die erforderlichen AMP-HTML-Tags manuell hinzufügen.
Ja, AMP unterstützt sowohl Werbung als auch Analyse. Da AMP jedoch bestimmte HTML-, CSS- und JavaScript-Elemente einschränkt, müssen Sie möglicherweise AMP-spezifische Tags und Skripte für Werbung und Analyse verwenden.
Ja, die meisten WordPress -AMP -Plugins bieten Optionen zum Deaktivieren von AMP für einen bestimmten Beitrag oder eine bestimmte Seite. Dies ist sehr nützlich, wenn Sie etwas haben, das mit AMP -Beschränkungen nicht gut funktioniert.
Nein, AMP ist kein Ersatz für reaktionsschnelles Design. Während AMP das mobile Browsing -Erlebnis verbessern kann, indem die Seiten schneller geladen werden, ersetzt er nicht die Notwendigkeit, sich an Website -Designs verschiedener Bildschirmgrößen anzupassen. Es ist am besten, AMP in Verbindung mit Responsive Design für die beste mobile Benutzererfahrung zu verwenden.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie AMP mit WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Download-Adresse der offiziellen Website der Yiou Exchange-App
Python konfiguriert Umgebungsvariablen
IIS unerwarteter Fehler 0x8ffe2740 Lösung
So verwenden Sie Findbugs
So verbergen Sie den Laufwerksbuchstaben
So beheben Sie den 504-Fehler im CDN
Was tun, wenn das Laden der DLL fehlschlägt?
So ändern Sie das Passwort in MySQL
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
