Google Chrome 탐색 웹 사이트 "다음"기능과 소셜 미디어의 알고리즘 피드 제한에 대한 좌절감이 커지면서 RSS 피드는 부활을 경험하고 있습니다. 이 추세는 2022 년 이상으로 계속 될 것으로 예상됩니다.
이 기사는 CSS- 트릭의 공식 학습 파트너 인 Frontend Masters가 지원합니다.
Frontend Masters는 필수 프론트 엔드 기술을 다루는 포괄적 인 과정을 제공합니다. 야심 찬 풀 스택 개발자도 여기에서 귀중한 리소스를 찾을 수 있습니다.
RSS의 죽음에 대한 소문이 크게 과장된 과정을 수강하십시오. 팟 캐스팅에서 광범위한 사용은 지속적인 관련성을 보여줍니다. 노련한 RSS 사용자이든 새로 고침이 필요하거나 새로 온 사람이든 피드 생성 및 관리를위한 모범 사례를 이해하는 것이 중요합니다. 이 기사는 다양한 피드 유형, 구현 기술 및 사료 콘텐츠를 극대화하기위한 전략을 안내합니다.
RSS는 신디케이트 된 웹 피드의 한 유형 일뿐입니다. 가장 널리 퍼진 형식은 다음과 같습니다.
"RSS"는 일반적으로 사용되는 검색어이지만이 기사는 특정 형식을 언급하지 않는 한 "웹 피드"를 사용합니다.
Atom, RSS 및 JSON 피드는 동일한 목적으로 사용되지만 주요 차이점이 있습니다.
<itunes:></itunes:> 태그).content_html 사용합니다. Atom은 content 태그를 type=html 및 XML-ESCAPED HTML; RSS 사용으로 사용합니다.<description></description> 또는 XML에서 에스케이프 또는 에스카로운 HTML을 사용한 컨텐츠 확장).이러한 차이점 외에도 변형은 사소합니다. 압축으로 인해 파일 크기가 중요한 요소가 아닙니다. 특정 형식이 필요하지 않은 한 (팟 캐스트와 같은) 여러 형식을 제공하는 것이 유리하며 RSS와 Atom은 가장 광범위한 지원을 즐기는 것이 좋습니다.
피드를 최적화하면 몇 가지 주요 전략이 필요합니다.
숨겨진 피드는 쓸모가 없습니다. 내에 링크를 포함하여 피드를 쉽게 발견 할 수 있도록하십시오. 귀하의 사이트의. 이를 통해 피드 리더는 콘텐츠를 식별하고 액세스 할 수 있습니다. 다음은 세 가지 형식을 모두 통합 한 예입니다.
<link href="https://codelab.farai.xyz/index.rss.xml" rel="alternate" title="Farai의 Codelab의 RSS 피드" type="application/rss xml"><link href="https://codelab.farai.xyz/index.feed.json" rel="alternate" title="Farai의 Codelab의 JSON 피드" type="application/feed json"><link href="https://codelab.farai.xyz/index.atom.xml" rel="alternate" title="Farai의 Codelab의 원자 공급" type="application/atom xml">
세 가지를 모두 사용하는 것이 허용됩니다. 일부 독자는 첫 번째 링크 만 인식 할 수 있지만 rel="alternate" 와 올바른 Mime 유형이 필수적입니다. 제목 추가도 권장됩니다. 웹 사이트의 피드에 대한 직접 링크를 눈에 띄게 표시하여 발견 성을 더욱 향상시킵니다. 예를 들어 CSS 트릭은 바닥 글에 RSS 링크를 제공합니다. 피드 리더는 종종 외부에서도 이러한 링크를 감지 할 수 있습니다. . 피드 이름은 접근성보다 덜 중요합니다.
표준 웹 기술을 사용하여 피드를 최적화하십시오.
Access-Control-Allow-Origin: * )를 활성화합니다. 보안의 영향을 고려해야하지만 소규모 사이트에 큰 관심사가 될 가능성은 거의 없습니다.요약이 아닌 피드에서 각 게시물/항목/항목의 전체 내용을 제공하는 우선 순위를 정하십시오. 많은 사용자가 피드 리더의 가독성을 선호합니다. 콘텐츠 스크래핑에 대한 우려가 존재하지만 피드보다 웹 페이지에서 긁는 것은 더 이상 어렵지 않습니다. 피드 콘텐츠 내에 직접 정적 광고를 포함시킬 수 있습니다. 일부 독자는 관련 웹 페이지를 구문 분석 할 수도 있습니다. 그러나 요약은 긴 형식의 컨텐츠 또는 풍부한 미디어가있는 피드에 대해 허용됩니다 (팟 캐스트 쇼 노트와 같은 특정 시청 방법이 필요합니다). 요약을 사용하는 경우 이미지, 키 포인트 및 전체 컨텐츠 링크를 포함하십시오.
JavaScript 및 CSS가 제한되는 웹 브라우저 외부에서 최적의 가독성을 위해 피드 컨텐츠를 설계하십시오. 이것에 대한 사라 수 에이단의 팁은 가치가 있습니다. 특히 임베디드 요소에 대한 강력한 폴백 경험을 제공하는 데 중점을 둡니다. 많은 임베드는 (트위터 및 코드펜과 같은) 폴백 콘텐츠를 제공하지만 다른 임베드는 그렇지 않을 수도 있습니다. 일부 임베드 (Vimeo 비디오와 같은)는 특정 도메인에서만 작동 할 수 있습니다. 이미지 나 링크와 같은 대안을 제공합니다. 다른 독자들이 콘텐츠를 처리하고 적절한 폴백을 제공하는 방법을 고려하십시오.
항목 내용의 모든 href 및 src 속성에 대한 절대 URL을 사용하여 이미지 및 링크의 상대 URL을 해결하십시오. 이는 상대 URL 및 하위 디렉토리와 관련된 문제를 피합니다. 특히 정적으로 생성 된 사이트에서는 어려울 수 있지만 가장 강력한 솔루션입니다. 한 가지 방법은 빌드 프로세스 중에 상대 URL을 절대적으로 만드는 것입니다. 다른 하나는 정적 사이트 생성기를 구성하여 Markdown에서 Absolute URL을 직접 렌더링하는 것입니다. 각주는 예외입니다. 일부 독자는 각주 내에서 상대 점프 링크를 처리합니다.
피드 리더에서 JavaScript 지원이 제한되어 있으므로 광고는 동적으로 주입되지 않은 콘텐츠에 직접 통합되어야합니다.
특히 자주 업데이트되는 사이트의 경우 과도하게 긴 피드를 가진 압도적 인 사용자를 피하십시오. 포함 된 과거 항목의 수, 전체 컨텐츠 대신 요약을 사용하거나 다른 컨텐츠 범주 또는 주제에 대한 여러 피드 생성을 고려하십시오.
피드를 이동할 때는 항목에 태그 URI 체계 (예 : 태그 : tag:<authority> ,<yyyy-mm-dd> :<specific> #<fragment></fragment></specific></yyyy-mm-dd></authority> ). 이것은 피드 리더의 중복 항목을 방지합니다. 피드 자체에 301 리디렉션을 사용하십시오.
정확성을 보장하고 잠재적 인 문제를 식별하기 위해 피드 (RSS 및 ATOM에 W3C의 서비스 사용 또는 JSON 용 validator.jsonfeed.org)를 확인하십시오. 안내 및 절대 URL과 관련된 오류를 해결하십시오.
HTTP 기본 인증 (사용자 이름/비밀번호) 또는 토큰을 쿼리 매개 변수로 사용하여 피드 액세스를 관리합니다. 둘 다 HTTP에 비해 유사한 보안을 제공합니다.
RSS Club은 웹 사이트가 아닌 피드를 통해서만 콘텐츠를 사용할 수있는 독점 피드 생성을 촉진합니다.
웹 피드는 웹 사이트의 업데이트, 알림 및 모니터링을 포함하여 블로그 게시물 이외의 다양한 목적으로 사용할 수 있습니다. WebSub은 알림을 효율적으로 관리하는 데 도움이 될 수 있습니다.
이 기사는 RSS 팟 캐스트 피드, RSS 블로그 게시물 피드 및 JSON 피드의 예를 제공합니다.
이 기사에는 웹 피드를 지원하는 CMSS (WordPress, Ghost, Shopify, Squarespace, Wix) 및 정적 사이트 생성기 (Eleventy, Hugo, Next.js, Nuxt.js, Jekyll, Astro, Gatsby, Zola)가 나와 웹 피드를 지원합니다.
이 기사는 효과적인 웹 피드를 구현하기위한 주요 고려 사항을 요약함으로써 마무리됩니다. 독자들은 의견에 피드와 질문을 공유하도록 권장합니다.
위 내용은 웹 피드 작업 : RSS 이상입니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
