Ivan Popov의 헤드리스 워드프레스 등
게시 됨: 2022-06-14WordCamp Porto에 참석하는 동안 Headless WordPress에 대한 Ivan Popov의 프레젠테이션에 참석할 기회가 있었습니다. 그것은 SEO에 대해 모호한 영역 중 하나이며 SEJ 독자들과 몇 가지 통찰력을 공유하고 싶습니다.
Headless WordPress는 WordPress 설치에서 많은 채널을 제공할 수 있는 기회를 제공합니다.
WordPress의 데이터를 다음으로 푸시할 수 있습니다.
- 모바일 앱.
- 웹사이트.
- 타사 앱.
이미지 출처: WordCamp 2022에서 Ivan Popov의 프레젠테이션 슬라이드WordPress를 단순한 CMS 이상으로 만듭니다. 사용자가 WordPress 관리 패널을 계속 사용할 수 있는 웹 및 모바일 앱의 전체 에코시스템에 통합됩니다.
또한 React.js 또는 Node.js와 같은 현대 기술의 개발자를 WordPress 세계로 데려오고 현대 프로그래밍 언어를 배우는 것을 선호하는 젊은 세대의 개발자에게 매력적으로 만듭니다.
그러나 SEO에 대한 주요 질문은 여전히 "SEO에 대한 의미는 무엇입니까?"입니다.
더 자세히 알아보기 위해 Vipe Studio의 CEO이자 WordCamp Europe 2022의 연사인 Ivan Popov와 짧은 인터뷰를 했습니다.
헤드리스 워드프레스는 SEO에서 잘 알려지지 않은 영역 중 하나입니다. 많은 SEO가 왜 사용되는지 또는 무엇에 사용해야 하는지 이해하지 못합니다. Headless WordPress는 언제 사용해야 하고 언제 사용하지 않아야 합니까?
Ivan Popov: “예를 들어 방문자가 많은 웹사이트와 같이 트래픽이 많은 웹사이트가 있을 때 헤드리스의 진정한 가치가 온다고 믿습니다. 우리는 수백만 명의 사용자에 대해 이야기하는 수백 번의 방문에 대해 이야기하는 것이 아닙니다.
그들은 진정한 힘이 필요하고 진정한 가치가 필요합니다. 왜냐하면 그것은 사업을 시작하는 데 적합한 기술이 아니기 때문입니다. 귀하의 웹 사이트가 충분한 가치를 얻고 있고 충분히 큰 경우에만 사용하는 것이 좋습니다."
React 개발자의 평균 시간당 요금은 WordPress보다 높습니다. 이미지 출처: WordCamp 2022에서 Ivan Popov의 프레젠테이션 슬라이드“또한 SEO 문제는 해결할 수 있습니다. 그것은 완전히 SEO 준비가 될 수 있지만 단순히 플러그인을 설치하고 작동하게 할 수있는 WordPress와 같지 않습니다.
여기에서는 개발자가 작업을 수행해야 합니다. 가장 간단한 작업이라도 개발자가 수행해야 합니다.
기술 팀에 투자할 수 있는 한 직면할 수 있는 모든 SEO 문제는 해결할 수 있습니다. 완전히 해결할 수 있습니다."
회사 웹사이트나 간단한 상점과 같은 단순한 비즈니스 웹사이트가 있다면 헤드리스 사용에 대해 걱정할 필요가 없습니다. 트래픽이 많은 웹사이트에 적합하다고 언급하셨습니다. 하루, 시간당 사용자는 몇 명입니까?
Ivan Popov: “우리는 방문자가 많은 웹사이트에 대해 이야기하고 있습니다. 예를 들어, 초당 1000명의 방문자가 있거나 현재 뉴스를 읽고 있는 10000명의 독자가 있다면 우리는 실제로 많이 방문한 웹사이트에 대해 이야기하고 있습니다.
Headless는 개인화된 콘텐츠, 채용 공고 또는 수십만 개의 웹 페이지가 있는 목록 웹 사이트가 있는 매우 동적인 웹 사이트와 관련하여 필수적인 캐싱에 의존하지 않습니다.
캐싱은 사용자가 웹 페이지의 새로운 사본을 항상 받지 못할 위험이 있지만 Headless는 항상 라이브 데이터를 제공합니다."
헤드리스 웹사이트가 겪을 수 있는 인덱싱 문제를 보셨습니까? Headless의 SEO 문제가 있습니까?
Ivan Popov: “문제를 보지 못했을 뿐만 아니라 Headless WordPress 웹사이트가 페이지 속도 테스터 도구와 웹 개발 도구 테스터에서 완벽한 친환경(Core Web Vital) 점수를 제공하기 때문에 이점을 보았습니다.
그리고 이러한 녹색 결과와 좋은 성적으로 인해 웹사이트는 실제로 문제가 있는 것이 아니라 SEO를 통해 이점을 얻고 있습니다."
인덱싱에서 페이지가 삭제되는 등의 인덱싱 문제가 발생하지 않았습니까?
Ivan Popov: "아니요, 모든 것이 올바르게 설정되어 있으면 발생할 수 있는 문제가 없습니다."
따라서 Headless WordPress로 구현해야 하는 기본적인 SEO 모범 사례로 귀결됩니다. 구현하면 웹사이트가 정상적으로 순위가 매겨지나요?
이반 포포프: “물론입니다. 여기서 중요한 것은 플러그인과 플레이가 단순한 플러그인이 아니라는 것입니다.
모든 작업을 수동으로 수행해야 하는 기술자가 필요합니다. 하지만 설정만 제대로 하면 순위를 잃을 일이 없다”고 말했다.
헤드리스 워드프레스를 배우고 싶은 분들에게 어떤 교육 자료를 추천하시나요?
Ivan Popov: “모든 것이 오픈 소스이기 때문에 전통적으로 새로운 기술에 접근하는 것처럼 이것을 배우려고 시도할 수 있습니다. 가능한 한 많은 자료를 읽으십시오. 무료 자료도 많이 있습니다.
모든 것이 오픈 소스입니다. 커뮤니티가 있습니다. 모든 것이 이제 막 시작되었습니다. 프로젝트를 시작하는 것, 첫 번째 프로젝트가 가장 어렵지만, 최대한 복잡한 것을 하려고 하면 어떤 신기술을 접하는 것처럼 자연스럽게 배우게 될 것입니다.”
프레젠테이션에서 NextJS 기반의 Headless WordPress가 ReactJS보다 SEO 친화적이라고 언급했습니다. ReactJS를 사용할 때 어떤 종류의 문제에 부딪힐 수 있는지, 그리고 더 SEO 친화적인 프레임워크라고 이름을 붙였을 때 NextJS에는 어떤 종류의 기회가 제공되는지 자세히 설명해 주시겠습니까?
Ivan Popov: “예를 들어 ReactJS 설정을 사용하고 REST API에서 데이터를 읽는 경우 WordPress의 REST API와 ReactJS 웹사이트 간의 실시간 통신에 의존합니다.
그렇기 때문에 어느 시점에서 이 커뮤니케이션이 방해를 받거나 무언가를 가져올 수 있는 이유입니다. SEO는 Google이 메타, SEO 제목, 설명 제목에 빠르게 액세스할 수 있다고 의존하기 때문에 SEO와 관련하여 매우 안정적이지 않습니다.
이러한 문제가 발생할 수 있지만 예를 들어 그래프 커뮤니케이터와 함께 다음 웹 사이트를 사용하는 경우 서버 측의 모든 것이 사전 렌더링되고 전혀 문제가 없습니다.”
기본적으로 Google은 렌더링 단계가 아니라 HTML의 일부로 메타 설명을 색인화할 수 있습니다. 렌더링에는 때때로 큰 컴퓨팅 리소스가 필요할 수 있으며 Google은 렌더링 중에 인덱싱을 중단할 수 있습니다.
이반 포포프: "네, 맞습니다."
전자상거래의 경우 헤드리스를 언제 추천하시겠습니까? 일정 수의 상품을 보유한 eocmmerce 매장의 경우, 고객 등을 헤드리스로 전환을 고려합니다.
Ivan Popov: “전자상거래에 사용할 때는 정말 조심해야 합니다. 어떤 매장도 아닌 대형 매장을 위한 스케일링입니다. 우리는 기본적으로 처음부터 모든 것을 구축하고 있습니다.
전자 상거래와 관련하여 지불 유형 및 배송 제공 업체에 대한 플러그인이 있습니다. Headless로 전환하는 경우 개발자는 이러한 통합을 코딩해야 합니다.
따라서 이제 개발자는 결제 공급자를 위한 통합과 배송 공급자를 위한 통합을 코딩해야 합니다.
따라서 웹 스토어가 초고속이 되어 전 세계적으로 수백만 명의 고객에게 서비스를 제공하고 있기 때문에 여전히 이점을 얻을 수 있지만 웹 사이트와 관련된 모든 단일 기능을 코딩하는 데 투자해야 하기 때문에 투자가 훨씬 더 큽니다. "
전자 상거래의 경우 Headless 대신 다른 플랫폼을 고려하는 것이 더 낫습니까?
Ivan Popov: "저는 WordPress의 열렬한 팬이기 때문에 말할 수 없지만 투자 가치가 있는지 확인해야 합니다."
결론
헤드리스 워드프레스는 복잡한 기술이며 이를 사용하는 것은 비즈니스 목표에 따라 정당화되어야 합니다.
기본 웹사이트나 블로그가 있을 때 Headless WordPress를 사용하는 것은 완전히 중복되고 예산 낭비입니다.
헤드리스를 사용하거나 Google이 웹페이지를 크롤링하는 방법을 확인하기 위해 항상 Google Search Console의 URL 검사 도구를 사용하는 것은 아닙니다.
주요 이미지: Primakov/Shutterstock