Bekerja dengan suapan web: Lebih daripada RSS

Dengan Google Chrome meneroka laman web "berikut" ciri -ciri dan kekecewaan yang semakin meningkat terhadap batasan suapan algoritma media sosial pada pencipta jangkauan, suapan RSS mengalami kebangkitan semula. Trend ini dijangka berterusan ke 2022 dan seterusnya.

Artikel ini disokong oleh Rakan Pembelajaran Rasmi CSS-Tricks, CSS-Tricks.

Perlukan kemahiran pembangunan depan?

Frontend Masters menawarkan kursus yang komprehensif yang meliputi teknologi front-end penting. Pemaju penuh yang bercita-cita tinggi juga akan menemui sumber yang berharga di sini:

Ambil desas -desus kursus kematian RSS sangat dibesar -besarkan. Penggunaannya yang meluas dalam podcasting menunjukkan kaitannya yang berterusan. Sama ada anda seorang pengguna RSS yang berpengalaman yang memerlukan penyegaran atau pendatang baru, memahami amalan terbaik untuk membuat dan menguruskan suapan adalah penting. Artikel ini membimbing anda melalui pelbagai jenis suapan, teknik pelaksanaan, dan strategi untuk memaksimumkan kandungan suapan.

RSS, Atom, dan JSON Feed: Perbandingan

RSS hanya satu jenis suapan web bersindiket. Format yang paling lazim termasuk:

1. RSS
2. Atom
3. Suapan json

Walaupun "RSS" adalah istilah carian yang biasa digunakan, artikel ini menggunakan "suapan web" kecuali merujuk kepada format tertentu.

Atom, RSS, dan suapan JSON berfungsi dengan tujuan yang sama, tetapi dengan perbezaan utama:

• Atom dan RSS adalah berasaskan XML, manakala JSON Feed menggunakan JSON.
• Semua format membenarkan sambungan. JSON menggunakan kekunci yang dipelihara di bawah, manakala Atom dan RSS menggunakan pengisytiharan ruang nama (contohnya, ruang nama podcast iTunes dengan<itunes:></itunes:> tag).
• JSON Feed, yang lebih baru, mungkin mempunyai sokongan yang kurang meluas daripada Atom atau RSS. Walau bagaimanapun, RSS adalah penting untuk podcast .
• Atom unik memerlukan pengenal unik untuk setiap suapan, sebagai tambahan kepada setiap entri/item.
• Semua sokongan HTML markup, tetapi mengendalikannya secara berbeza (JSON menggunakan content_html dengan html yang diiringi json; atom menggunakan tag content dengan type=html dan xml-escaped html; rss menggunakan<description></description> atau sambungan kandungan dengan HTML yang diiringi XML atau tidak diselaraskan).

Di luar perbezaan ini, variasi adalah kecil. Saiz fail bukanlah faktor penting kerana mampatan. Kecuali format tertentu diperlukan (seperti untuk podcast), menawarkan pelbagai format adalah bermanfaat, dengan RSS dan atom menikmati sokongan yang luas.

Membuat suapan web yang berkesan: Amalan terbaik

Mengoptimumkan suapan anda melibatkan beberapa strategi utama:

1. Memastikan penemuan

Suapan tersembunyi tidak berguna. Jadikan suapan anda mudah ditemui dengan memasukkan pautan dalam laman web anda. Ini membolehkan pembaca suapan mengenal pasti dan mengakses kandungan anda. Berikut adalah contoh yang menggabungkan ketiga -tiga format:

<link href="https://codelab.farai.xyz/index.rss.xml" rel="alternate" title="Suapan RSS Codelab Farai" type="application/rss xml"><link href="https://codelab.farai.xyz/index.feed.json" rel="alternate" title="Suapan JSON Codelab Farai" type="application/feed json"><link href="https://codelab.farai.xyz/index.atom.xml" rel="alternate" title="Suapan Atom Codelab Farai" type="application/atom xml">

Menggunakan ketiga -tiga boleh diterima. Walaupun sesetengah pembaca mungkin hanya mengenali pautan pertama, rel="alternate" dan jenis mime yang betul adalah penting. Menambah tajuk juga disyorkan. Meningkatkan penemuan selanjutnya dengan memaparkan pautan langsung secara mendalam ke suapan anda di laman web anda. Trik CSS, sebagai contoh, menyediakan pautan RSS dalam footernya. Pembaca suapan sering dapat mengesan pautan ini walaupun di luar . Nama suapan kurang penting daripada aksesnya.

2. Memanfaatkan ciri HTTP

Mengoptimumkan suapan anda menggunakan teknologi web standard:

• Mampatan: Gunakan gzip, brotli, atau serupa dengan mengurangkan saiz fail dan masa muat turun. Kebanyakan pelayan mengendalikan ini secara automatik.
• Caching: Melaksanakan ETAGS atau IF-Modified-SICE untuk membolehkan pelanggan memberi suapan cache dan mengelakkan muat turun yang tidak perlu. Konfigurasi sisi pelayan sering menguruskannya.
• CORS: Dayakan CORS Permissive (misalnya, Access-Control-Allow-Origin: * ) untuk mencegah penyekatan klien. Walaupun implikasi keselamatan perlu dipertimbangkan, ia tidak mungkin menjadi kebimbangan utama untuk laman web yang lebih kecil.

3. Menyampaikan kandungan penuh

Mengutamakan menyediakan kandungan lengkap setiap pos/entri/item dalam suapan anda, bukan hanya ringkasan. Ramai pengguna lebih suka pembacaan pembaca suapan. Walaupun kebimbangan mengenai pengikis kandungan wujud, tidak lebih sukar untuk mengikis dari laman web daripada makanan. Termasuk iklan statik secara langsung dalam kandungan suapan anda masih mungkin. Sesetengah pembaca juga boleh menghuraikan laman web yang berkaitan. Walau bagaimanapun, ringkasan boleh diterima untuk suapan dengan kandungan jangka panjang atau media kaya yang memerlukan kaedah tontonan tertentu (seperti nota pertunjukan podcast). Jika menggunakan ringkasan, sertakan imej, mata utama, dan pautan ke kandungan penuh.

4. Mengoptimumkan untuk kebolehbacaan

Reka bentuk kandungan suapan anda untuk kebolehbacaan yang optimum di luar pelayar web, di mana JavaScript dan CSS terhad. Petua Sara Soueidan mengenai perkara ini sangat berharga. Fokus pada menyediakan pengalaman sandaran yang mantap, terutamanya untuk unsur -unsur tertanam. Banyak embeds menawarkan kandungan sandaran (seperti Twitter dan Codepen), tetapi yang lain mungkin tidak. Sesetengah embeds (seperti video Vimeo) hanya boleh berfungsi pada domain tertentu. Sediakan alternatif seperti imej atau pautan. Pertimbangkan bagaimana pembaca yang berbeza mengendalikan kandungan dan memberikan sandaran yang sesuai.

5. Menggunakan URL mutlak

Selesaikan URL relatif untuk imej dan pautan dengan menggunakan URL mutlak untuk setiap atribut href dan src dalam kandungan kemasukan. Ini mengelakkan masalah dengan URL relatif dan subdirektori. Walaupun ini boleh mencabar, terutamanya dengan tapak yang dihasilkan secara statik, ia adalah penyelesaian yang paling mantap. Satu pendekatan adalah untuk membuat URL relatif mutlak semasa proses membina. Satu lagi adalah untuk mengkonfigurasi penjana tapak statik anda untuk menjadikan URL mutlak secara langsung di Markdown. Nota kaki adalah pengecualian; Sesetengah pembaca mengendalikan pautan melompat relatif dalam nota kaki.

6. Mengendalikan iklan dalam suapan

Oleh kerana sokongan JavaScript terhad dalam pembaca suapan, iklan mesti diintegrasikan terus ke dalam kandungan anda, tidak disuntik secara dinamik.

7. Pengurusan kandungan dan pelbagai suapan

Elakkan pengguna yang luar biasa dengan suapan yang berlebihan, terutamanya untuk laman web yang sering dikemas kini. Pertimbangkan untuk mengehadkan bilangan penyertaan yang lalu termasuk, menggunakan ringkasan dan bukannya kandungan penuh, atau membuat pelbagai suapan untuk kategori atau topik kandungan yang berlainan.

8. Moving Feeds

Apabila menggerakkan suapan, pastikan penyertaan mempunyai pengenal unik di seluruh dunia (GUID) menggunakan skema Tag URI (misalnya, tag:<authority> ,<yyyy-mm-dd> :<specific> #<fragment></fragment></specific></yyyy-mm-dd></authority> ). Ini menghalang penyertaan pendua dalam pembaca suapan. Gunakan 301 redirect untuk suapan itu sendiri.

9. Pengesahan Feed

Mengesahkan suapan anda (menggunakan perkhidmatan W3C untuk RSS dan atom, atau validator.jsonfeed.org untuk JSON) untuk memastikan ketepatan dan mengenal pasti isu -isu yang berpotensi. Menangani sebarang kesilapan yang berkaitan dengan GUID dan URL mutlak.

10. Kawalan Akses

Menguruskan akses suapan menggunakan Pengesahan Asas HTTP (nama pengguna/kata laluan) atau token sebagai parameter pertanyaan. Kedua -duanya menawarkan keselamatan yang sama ke atas HTTPS.

11. Kelab RSS

Kelab RSS menggalakkan penciptaan suapan eksklusif di mana kandungan hanya tersedia melalui suapan, bukan laman web.

12. suapan web melebihi kandungan

Suapan web boleh digunakan untuk pelbagai tujuan di luar catatan blog, termasuk kemas kini, pemberitahuan, dan pemantauan perubahan di laman web. WebSub boleh membantu menguruskan pemberitahuan dengan cekap.

13. Contoh

Artikel ini menyediakan contoh suapan podcast RSS, suapan pos blog RSS, dan suapan JSON.

14. Pelaksanaan penjana tapak CMS dan statik

Artikel ini menyenaraikan CMSS (WordPress, Ghost, Shopify, Squarespace, Wix) dan penjana tapak statik (Eleventy, Hugo, Next.js, Nuxt.js, Jekyll, Astro, Gatsby, Zola) yang menyokong suapan web.

Artikel ini menyimpulkan dengan meringkaskan pertimbangan utama untuk melaksanakan suapan web yang berkesan. Ia menggalakkan pembaca untuk berkongsi suapan dan soalan mereka dalam komen.

Atas ialah kandungan terperinci Bekerja dengan suapan web: Lebih daripada RSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!