Arbeiten mit Web -Feeds: Es ist mehr als RSS

Da Google Chrome die Website "folgen" und wachsende Frustrationen über die algorithmischen Futtermittelbeschränkungen in den sozialen Medien für die Reichweite der Schöpferin erleiden, erleben RSS -Feeds eine Wiederbelebung. Dieser Trend wird voraussichtlich in 2022 und darüber hinaus fortgesetzt.

Dieser Artikel wird von Frontend Masters, dem offiziellen Lernpartner von CSS-Tricks, unterstützt.

Benötigen Sie Front-End-Entwicklungsfähigkeiten?

Frontend Masters bietet umfassende Kurse mit wesentlichen Front-End-Technologien an. Aufstrebende Full-Stack-Entwickler finden hier auch wertvolle Ressourcen:

Nehmen Sie die Kurse, die Gerüchte über RSS 'Tod sind stark übertrieben. Die weit verbreitete Verwendung im Podcasting zeigt seine anhaltende Relevanz. Unabhängig davon, ob Sie ein erfahrener RSS -Nutzer sind, der eine Auffrischung oder einen Neuling benötigt, ist es entscheidend, Best Practices für das Erstellen und Verwalten von Feeds zu verstehen. Dieser Artikel führt Sie durch verschiedene Feed -Typen, Implementierungstechniken und Strategien zur Maximierung des Futtermittelinhalts.

RSS-, Atom- und JSON -Feeds: Ein Vergleich

RSS ist nur eine Art von syndiziertem Web -Feed. Die am weitesten verbreiteten Formate sind:

1. RSS
2. Atom
3. JSON -Feed

Während "RSS" ein häufig verwendeter Suchbegriff ist, verwendet dieser Artikel "Webfeeds", sofern sich auf ein bestimmtes Format bezieht.

Atom, RSS und JSON -Feeds dienen dem gleichen Zweck, jedoch mit wichtigen Unterschieden:

• Atom und RSS basieren auf XML, während JSON Feed JSON verwendet.
• Alle Formate ermöglichen Verlängerungen. JSON verwendet untersteilige Tasten, während Atom und RSS Namespace-Deklarationen verwenden (z. B. der iTunes Podcast-Namespace mit<itunes:></itunes:> Tags).
• JSON Feed, neuer, kann weniger weit verbreitet als Atom oder RSS sind. RSS ist jedoch für Podcasts unerlässlich .
• Atom benötigt neben jedem Eintrag/Element eindeutig eine eindeutige Kennung für jeden Feed.
• Alle unterstützen HTML content_html Markup type=html content es jedoch anders<description></description> oder Inhaltserweiterungen mit XML-Essumkapitionen oder nicht entzündetem HTML).

Über diese Unterschiede hinaus sind Variationen gering. Die Dateigröße ist aufgrund der Komprimierung kein wesentlicher Faktor. Sofern ein bestimmtes Format nicht erforderlich ist (wie für Podcasts), ist das Anbieten mehrerer Formate von Vorteil, wobei RSS und Atom die größte Unterstützung genießen.

Erstellen effektiver Web -Feeds: Best Practices

Die Optimierung Ihrer Feeds beinhaltet mehrere Schlüsselstrategien:

1.. Sicherstellung sicherstellen

Ein versteckter Feed ist nutzlos. Machen Sie Ihren Feed leicht erfunden, indem Sie Links in die enthalten Ihrer Website. Auf diese Weise können Feed -Leser auf Ihre Inhalte identifizieren und zugreifen. Hier ist ein Beispiel, das alle drei Formate einbezieht:

<link href="https://codelab.farai.xyz/index.rss.xml" rel="alternate" title="Farais RSS -Feed von Codelab" type="application/rss xml"><link href="https://codelab.farai.xyz/index.feed.json" rel="alternate" title="Farais JSON -Feeds Codelaber -Feed" type="application/feed json"><link href="https://codelab.farai.xyz/index.atom.xml" rel="alternate" title="Farais Atom -Feed von Codelab" type="application/atom xml">

Die Verwendung aller drei ist akzeptabel. Während einige Leser möglicherweise nur den ersten Link erkennen, sind rel="alternate" und der richtige MIME -Typ unerlässlich. Hinzufügen eines Titels wird ebenfalls empfohlen. Verbessern Sie die Entdeckbarkeit weiter, indem Sie direkte Links zu Ihren Feeds auf Ihrer Website prominent angezeigt werden. CSS -Tricks bilden beispielsweise einen RSS -Link in seiner Fußzeile. Feed -Leser können diese Links häufig auch außerhalb der erkennen . Der Name des Feeds ist weniger wichtig als seine Zugänglichkeit.

2. Nutzung von HTTP -Funktionen

Optimieren Sie Ihre Feeds mit Standard -Web -Technologien:

• Komprimierung: Verwenden Sie GZIP, Brotli oder ähnlich, um die Dateigröße und die Download -Zeiten zu reduzieren. Die meisten Server verarbeiten dies automatisch.
• Caching: Implementieren Sie ETAGs oder If-Modified-Since, damit Kunden Feeds cache und unnötige Downloads vermeiden können. Die serverseitige Konfiguration verwaltet dies häufig.
• CORS: Aktivieren Sie die zulässigen CORs (z. B. Access-Control-Allow-Origin: * ), um das blockierte Kunden zu verhindern. Während die Auswirkungen auf die Sicherheit in Betracht gezogen werden sollten, ist es unwahrscheinlich, dass kleinere Standorte ein großes Problem sein.

3. Lieferung vollständiger Inhalte

Priorisieren Sie die Bereitstellung der vollständigen Inhalte jedes Beitrags/Eintrags/Elements in Ihrem Feed und nicht nur Zusammenfassungen. Viele Benutzer bevorzugen die Lesbarkeit von Feed -Lesern. Während Bedenken hinsichtlich des Schabtes von Inhalten existieren, ist es nicht schwieriger, von einer Webseite zu kratzen als ein Feed. Das Einbeziehen statischer Anzeigen direkt in Ihren Futterinhalt bleibt möglich. Einige Leser können auch die zugehörigen Webseiten analysieren. Zusammenfassungen sind jedoch für Feeds mit Langforminhalten oder reichhaltigen Medien akzeptabel, für die spezifische Betrachtungsmethoden erforderlich sind (wie Podcast-Notizen). Wenn Sie Zusammenfassungen verwenden, geben Sie ein Bild, Schlüsselpunkte und einen Link zum vollständigen Inhalt an.

4. Optimierung für die Lesbarkeit

Entwerfen Sie Ihren Feed -Inhalt für eine optimale Lesbarkeit außerhalb eines Webbrowsers, in dem JavaScript und CSS begrenzt sind. Sara Soueidans Tipps dazu sind wertvoll. Konzentrieren Sie sich darauf, robuste Fallback -Erfahrungen zu bieten, insbesondere für eingebettete Elemente. Viele Einbettungen bieten Fallback -Inhalte (wie Twitter und Codepen), andere jedoch nicht. Einige Einbettungen (wie Vimeo -Videos) arbeiten möglicherweise nur auf bestimmten Domänen. Bieten Sie Alternativen wie Bilder oder Links an. Überlegen Sie, wie unterschiedliche Leser mit Inhalten umgehen, und bieten geeignete Fallbacks.

5. Verwenden Sie absolute URLs

Lösen Sie die relativen URLs für Bilder und Links, indem Sie absolute URLs für jedes href und src -Attribut innerhalb des Inhalts eines Eintrags verwenden. Dies vermeidet Probleme mit relativen URLs und Unterverzeichnissen. Dies kann zwar eine Herausforderung sein, insbesondere bei staatlich generierten Websites, aber die robusteste Lösung. Ein Ansatz besteht darin, relative URLs während des Build -Prozesses absolut absolut zu machen. Eine andere besteht darin, Ihren statischen Site -Generator so zu konfigurieren, dass absolute URLs direkt in Markdown gerendert werden. Fußnoten sind eine Ausnahme; Einige Leser verarbeiten relative Sprungverbindungen in Fußnoten.

6. Anzeigen in Futtermitteln umgehen

Da die Unterstützung von JavaScript in Feed -Lesern begrenzt ist, müssen Anzeigen direkt in Ihren Inhalt integriert und nicht dynamisch injiziert werden.

7. Inhaltsverwaltung und mehrere Feeds

Vermeiden Sie überwältigende Benutzer mit übermäßig langen Feeds, insbesondere für häufig aktualisierte Websites. Erwägen Sie, die Anzahl der enthaltenen früheren Einträge einzuschränken, Zusammenfassungen anstelle des vollständigen Inhalts oder das Erstellen mehrerer Feeds für verschiedene Inhaltskategorien oder -Themen.

8. Bewegen

Stellen Sie beim Verschieben eines Feeds sicher, dass Einträge mit einem Tag -URI -Schema (z. B. Tag, tag:<authority> ,<yyyy-mm-dd> :<specific> #<fragment></fragment></specific></yyyy-mm-dd></authority> ). Dies verhindert doppelte Einträge in Feed -Lesern. Verwenden Sie eine 301 -Umleitung für das Futter selbst.

9. Futtervalidierung

Überprüfen Sie Ihre Feeds (mit dem W3C -Dienst für RSS und Atom oder Validator.jsonFeed.org für JSON), um die Korrektheit zu gewährleisten und potenzielle Probleme zu identifizieren. Melden Sie sich alle Fehler in Bezug auf Leitfaden und absolute URLs an.

10. Zugangskontrolle

Verwalten Sie den Feed -Zugriff mithilfe der HTTP Basic Authentication (Benutzername/Kennwort) oder Token als Abfrageparameter. Beide bieten ähnliche Sicherheit gegenüber HTTPS.

11. Der RSS -Club

Der RSS Club fördert die Erstellung exklusiver Feeds, bei denen Inhalte nur über den Feed und nicht über die Website verfügbar sind.

12. Web -Feeds jenseits des Inhalts

Web -Feeds können für verschiedene Zwecke verwendet werden, die über Blog -Beiträge hinausgehen, einschließlich Updates, Benachrichtigungen und Überwachungsänderungen auf einer Website. WebSub kann zur effizienten Verwaltung von Benachrichtigungen helfen.

13. Beispiele

Der Artikel enthält Beispiele für RSS -Podcast -Feeds, RSS -Blog -Post -Feeds und JSON -Feeds.

14. Implementierungen von CMS und Static Site Generator

Der Artikel listet CMSS (WordPress, Ghost, Shopify, Squarespace, Wix) und statische Site -Generatoren (elf, Hugo, Next.js, Nuxt.js, Jekyll, Astro, Gatsby, Zola) auf, die Web -Feeds unterstützen.

Der Artikel schließt mit der Zusammenfassung der wichtigsten Überlegungen zur Implementierung effektiver Web -Feeds. Es ermutigt die Leser, ihre Feeds und Fragen in den Kommentaren zu teilen.

Das obige ist der detaillierte Inhalt vonArbeiten mit Web -Feeds: Es ist mehr als RSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!