문의를 보내주셔서 감사합니다! 팀원이 곧 연락드리겠습니다.
예약을 보내주셔서 감사합니다! 저희 팀 멤버 중 한 분이 곧 연락드리겠습니다.
코스 개요
세션 1: 렌더링 전략
- 문제: 왜 Googlebot이 자주 "보지 못"하는 JavaScript 콘텐츠인가.
- 해결 방안: nuxt.config.ts를 하이브리드 렌더링으로 구성합니다. 특정 라우트 규칙(ISR vs SWR)을 설정하여 검색 로봇에게 정적 HTML로 제품 페이지가 제공되도록 합니다.
- 결과: Curl로 확인된 크롤 가능한 페이지 소스.
세션 2: 메타데이터 및 가시성
- 문제: Single Page Apps (SPAs)는 종종 전체 사이트에 대해 하나의 타이틀 태그를 공유합니다.
- 해결 방안: useSeoMeta와 useServerSeoMeta를 사용하여 동적인 제목, 설명, 캐노니컬을 프로그래밍적으로 생성합니다.
- 소셜 해결 방안:WhatsApp/LinkedIn에서 링크가 올바르게 보이도록 손상된 Open Graph (OG) 태그를 디버깅합니다.
세션 3: 기술적 기반 및 색인화
- 문제: 검색 엔진이 찾을 수 없는 고립된 페이지.
- 해결 방안: @nuxtjs/sitemap를 설치하고 구성하여 동적 라우트에 대한 XML 사이트맵을 자동 생성합니다.
- 성능 해결 방안: <NuxtImg>를 구현하고 명시적인 크기를 정의하여 누적 레이아웃 시프트(CLS)를 해결하고 색인화 속도를 높입니다.
세션 4: 감사, 방어 및 하이드레이션
- 심층 분석: Nuxt에서 성능을 저하시키는 #1 오류인 "하이드레이션 불일치"를 디버깅합니다.
- 감사: 수정된 프로젝트에 대해 실시간 Lighthouse 감사를 수행합니다.
- Schema.org: 검색 결과에서 별점/리뷰와 같은 "부가 정보"를 위해 JSON-LD 구조화된 데이터를 주입합니다.
요건
- 참가자들은 Vue.js와 Nuxt 기초에 대한 실무 지식을 필수로 갖추고 있어야 합니다.
대상 대상자
- 개발자
7 시간
회원 평가 (5)
이 내용은 매우 유용하며, 트레이너가 이해하기 더 쉽게 만들어줍니다.
Ibrahim Al mayahi - Vastech SA
코스 - Advanced Elasticsearch and Kibana Administration
기계 번역됨
트레이너와의 상호 작용 및 설명
Maurizio - Accenture
코스 - Advanced Solr
기계 번역됨
이전에 알지 못했던 운영 체제의 새로운 기능을 알게 되었습니다.
Dhivyalakshmi Ponnusamy - Mercedes-Benz AG
코스 - Search and Analytics with Amazon OpenSearch
기계 번역됨
마르신은 자신이 말하는 내용을 정확히 알고 있었으며, 도구에 대한 실질적이고 심도 있는 경험이 있었습니다. 그는 우리의 모든 질문에 답해 주었고, 미래의 프로젝트와 사용을 위해 시작할 수 있는 몇 가지 강력한 권장 사항을 제시했습니다.
Conor Glasman - Quidco
코스 - Elasticsearch for Developers
기계 번역됨
연습문제를 즐겼습니다. 좋은 통찰력을 제공합니다.
Andreas Kukacka
코스 - ELK: Elasticsearch, Logstash and Kibana for Administrators
기계 번역됨
