Auf die Leistung kommt es an, und die großen Spieler im Internet sprechen die Leistung auf ihre Weise an. Googles Antwort kommt in Form seines umstrittenen AMP. ein Veröffentlichungsformat, das für die mobilen Suchergebnisse ein reibungsloses Erlebnis bietet. Google rangiert sogar Listen, die AMP günstiger implementieren.
In ähnlicher Weise hat Facebook mit Instant Articles eine eigene Initiative entwickelt, die es ermöglicht, gemeinsam genutzte Webinhalte auf seiner mobilen App bereitzustellen sofort mit einem nativen mobilen Erlebnis. Inhalte, die als Instant-Artikel bestätigt wurden, werden mit dem Lightning-Emblem gekennzeichnet, wenn sie an einer beliebigen Stelle im Facebook-Feed angezeigt werden.
In diesem Lernprogramm erfahren Sie, was "Instant Articles" ist und wie Sie Ihre eigenen Inhalte auf dieses Rapid Publishing-Tool portieren können. Lass uns gehen!
1. Melden Sie sich an
Zunächst müssen Sie als Administrator oder Redakteur Zugriff auf eine veröffentlichte Facebook-Seite haben.
Zum Zeitpunkt seiner Gründung war Instant Articles nur für große oder mittelgroße Verlage verfügbar, deren Facebook-Seite mindestens einhunderttausend Follower oder Likes mit einem aktiven Publikum hatte. Kein Wunder, dass meine Seiten damals nicht für Instant-Artikel zugelassen waren! Heutzutage hat Facebook Instant Articles für alle Publisher aller Größen geöffnet. Sie müssen sich nur anmelden.
Wählen Sie dann die Seite aus.
2. Überprüfen Sie Ihre Website
Sie müssen bestätigen, dass Sie Eigentümer der betreffenden Website sind, indem Sie die fb: seiten Meta-Tag innerhalb der Kopf. Vergessen Sie nicht, die URL hinzuzufügen und drücken Sie die URL beanspruchen um die Verifizierung abzuschließen. Sie können mehrere URLs überprüfen, wenn Ihre Website eine Reihe von Channels oder Subdomains umfasst, wie beispielsweise Medium und Tuts + (webdesign.tutsplus.com, code.tutsplus.com usw.)..
Geben Sie Details ein und drücken Sie "URL anfordern".
3. Formatieren Sie den Markup
Bevor Sie Instant-Artikel regelmäßig veröffentlichen können, müssen Sie mindestens fünf Artikel zur Überprüfung einreichen. Diese Artikel sollten die Instant-Artikel-kompatible Formatierung verwenden, zum Beispiel:
Titel
Untertitel
Zuck Zuck ist der CEO von Facebook. Kühlen Sie den Titelkopf ab
Web-Design
Lorem ipsum dolor sitzt amet, eine elitäre Frau. Doloremque doloribus quia quasi soluta atque veniam harum! Voluptatum facilis placeat soluta molestias, pore quasi quos pariatur minus corporis, konsequatur amet facere.
Lorem ipsum dolor sitzt amet, eine elitäre Frau. Maxime voluptas nostrum omnis eaque vero eius perspiciatis aliquam hic fugiat nobis debitis asperiores facilis ullam, nulla voluptatum animi. Quo!
Bildbeschreibung
Lorem ipsum dolor sitzt amet, eine elitäre Frau. Maxime voluptas nostrum omnis eaque vero eius perspiciatis aliquam hic fugiat nobis debitis asperiores facilis ullam, nulla voluptatum animi. Quo!
Wie Sie oben sehen können, ist das Instant Articles-Format eine einfache semantische HTML-Struktur mit speziellen Klassen und Attributen. Das Bild hat beispielsweise die Datenmodus Attribut auf gesetzt Vollbildschirm Dadurch wird das Bild als Vollbild dargestellt. Im anderen Bild haben wir eine Daten-Feedback Attributsatz, der es unseren Benutzern ermöglicht, ein „Gefällt mir“ zu geben und Kommentare direkt an das Bild anzuhängen.
Ein paar benutzerdefinierte Meta-Tags werden ebenfalls hinzugefügt Kopf tag wie der fb: article_style Tag, das die Inhaltsstile definiert. zusätzlich kanonisch Das Meta-Tag sollte auf den Originalartikel verweisen. Ein Faktor, der viele Publisher veranlasst, die Instant-Artikel von Facebook gegenüber Google AMP zu bevorzugen. Google AMP ist viel kryptischer über den Ort der ursprünglichen Arbeit.
4. Senden Sie Ihren Inhalt
Wenn Sie es fertig haben, senden Sie den Inhalt an Facebook.
Es gibt zwei Möglichkeiten, Ihren Inhalt zu übermitteln. Erstens können Sie es direkt über Ihr Facebook-Konto posten. Innerhalb des Tools zum Veröffentlichen Bildschirm sollten Sie das finden + Erstellen Schaltfläche, über die Sie zum HTML-Code gelangen können.
Der zweite Ansatz beinhaltet die Bereitstellung einer Feed-URL, die den Inhalt enthält. Dieser Ansatz kann je nach Plattform, auf der Ihre Website aufgebaut ist, eine Weile dauern. Glücklicherweise ist ein Plugin für beliebte Plattformen wie WordPress und Drupal verfügbar, mit dem Sie Ihre Inhalte ein wenig einfacher in ein kompatibles XML-Format umwandeln können.
Sofortartikel für WordPress
Sofortiger Artikel für Drupal
Dennoch ist das manuelle Einreichen des Inhalts der schnellste Weg, um Ihren Inhalt als Instant-Artikel zu veröffentlichen, insbesondere in diesen frühen Stadien.
5. Zeigen Sie eine Vorschau des Artikels an
Um eine Vorschau der von Ihnen eingereichten Inhalte anzuzeigen, müssen Sie die mobile App Facebook Page Manager installieren. Sofortartikel ist erreichbar in der die Einstellungen Menü auf der Seite Symbolleiste.
Facebook-Seitenmanager für Android
Facebook Page Manager für iOS
6. Passen Sie die Inhaltsstile an
Das Erstellen von Instant-Artikeln ist einfach, aber auch einschränkend. Facebook bietet eine Benutzeroberfläche zum Ändern einiger Komponenten des Artikels, z. B. Schriftfamilie, Schriftfarbe, Logo usw. Wenn Sie einen benutzerdefinierten Stil erstellt haben, stellen Sie sicher, dass der Stilname mit dem in eingestellten Wert übereinstimmt fb: article_style Meta-Tag.
7. Warten Sie auf die Ergebnisse des Überprüfungsprozesses
Der Überprüfungsprozess kann bis zu drei Tage dauern - und Ihre Einreichung wird möglicherweise nicht sofort akzeptiert. Es können Codefehler oder Stilprobleme auftreten, die die Veröffentlichung verhindern. Ich musste einmal die Bildkopfposition eines Artikels neu organisieren, sodass er der auf der Website ähnlicher war.
Sobald Sie jedoch die Genehmigung erhalten haben, können Sie die Feed-URL hinzufügen, um Inhalte automatisch in Instant Articles zu pushen.
Einpacken
Facebook Instant Articles enthält einige Einschränkungen, die für manche Websites ein Hindernis sein können. Zum Beispiel wird das nicht unterstützt Vor Element, ein allgemeines Tag, das in Entwicklungsblogs zum Rendern von Code-Snippets verwendet wird. Artikel, die dieses Tag enthalten, sind gemäß dem Instant-Artikel-Standard ungültig. Allein aus diesem Grund werden möglicherweise keine Websites wie Envato Tuts + oder Smashing Magazine in Instant-Artikeln angezeigt.
Damit wird nicht einmal das „Soll“ angesprochen. Wie John Gruber sagte, insbesondere bei der Diskussion über Google AMP:
"Wenn Sie ein Publisher sind und Ihre Webseiten nicht schnell geladen werden, besteht die vernünftige Lösung darin, Ihre verdammte Website so zu korrigieren, dass die Seiten schnell geladen werden, nicht Ihre Hände in die Luft werfen und AMP implementieren." - John Gruber
Unsere Aufgabe als Webentwickler besteht zunehmend darin, Inhalte so zu pflegen, dass sie auf verschiedenen Plattformen wie AMP und Instant Articles kompatibel sind. Wenn Sie Glück haben, auch Apple News (ganz zu schweigen davon, wie sich der Front-End-Workflow in nur einem Fall drastisch verändert hat) einige Jahre mit dem Aufkommen neuer Tools wie Webpack, React, Vue usw.)
Vor kurzem haben die Entwickler eine neue Initiative entwickelt, die Progressive Web App (PWA). Für Websites, die keine Instant Articles oder AMP implementieren können, ist PWA möglicherweise eine gute Alternative. Im nächsten Tutorial werden wir uns darum kümmern, wir sehen uns dort!
Accentsconagua
Share
Geben Sie Details ein und drücken Sie "URL anfordern".
