WordPress의 목차 블록 : 4 가지 좋은 방법

WordPress 블로그 게시물에 목차 블록을 추가하면 사용자 경험과 SEO가 향상됩니다. 이는 더 긴 기사에 도움이되므로 독자는 특정 섹션으로 쉽게 탐색하고 검색 엔진 최적화를 개선 할 수 있습니다. 이를 달성하기위한 많은 플러그인과 방법이 존재합니다. 최선의 선택을 살펴 보겠습니다.

목차 블록을 선택할 때 주요 고려 사항 :

• 헤더 사용자 정의 : 기본 "목차"헤더를 제거하거나 사용자 정의 할 수 있습니까? 제목 수준 (H2, H3 등)의 유연성은 적절한 HTML 의미를 보장합니다.
• 접을 수있는 기능 : 접을 수있는 TOC는 사용자가 필요하지 않은 경우 내용을 숨길 수 있도록하여 가독성을 향상시킵니다. JavaScript를 사용하는 경우 접근성이 유지되도록하십시오.
• 제목 선택 : 포함 된 제목 (예 : H2-H4 만 포함) 및 하위 헤드가 중첩 목록을 생성하는지 제어합니다. 표준 제목 이상의 요소를 포함시키는 기능도 가치가 있습니다.
• 링크 편집 : 더 나은 가독성 또는 SEO를 위해 TOC 내의 링크를 수정하십시오 (텍스트를 단축, 길이 또는 변경).
• 추가 링크 : 기본 내용 외부의 섹션에 대한 링크 (주석 등)를 포함합니다.
• 블록 편집기 호환성 : 원활한 통합을위한 전용 Gutenberg 블록이있는 플러그인에 중점을 둡니다.
• 스타일링 옵션 : 블록 편집기 내에서 직접 색상, 글꼴 및 간격을 제어합니다.
• 시맨틱 마크 업 : 생성 된 HTML이 의미 적으로 정확하고 최적의 SEO에 대해 잘 구조화되어 있는지 확인하십시오.
• 제목 IDS : 플러그인이 충돌과 깨진 링크를 피하기 위해 고유 한 ID를 제목에 추가하십시오 (누락 된 경우에만).

옵션 1 : 전용 목차 플러그인

여러 플러그인은 내용 테이블 기능에서만 전문화됩니다. 인기있는 선택은 다음과 같습니다.

• 영웅 목차 : 강력한 편집 기능을 제공하여 세대 후에도 TOC를 수정할 수 있습니다. 접을 수있는 기능이 포함되어 있지만 스크립트와 스타일을 추가합니다.
• 쉬운 목차 : 블록이 아닙니다. 포스트 유형 또는 대사 항이 설정을 기반으로 삽입합니다. 배치 제어가 부족합니다.
• SimpleToc : 추가 스크립트 나 스타일없이 깨끗한 시맨틱 HTML 목록을 생성하는 미니멀리스트 옵션. 단순성과 효율성에 대한 강력한 경쟁자.
• LuckyWP 목차 : 기능이 풍부하지만 덜 직관적 인 인터페이스와 블록 미리보기가 제한되어 있습니다.
• Gutentoc : Gutenberg 중심 플러그인이지만 일부 설정은 실용적이지 않을 수 있습니다.

옵션 2 : 핵심 WordPress 기능을 기다리고 있습니다

Core WordPress의 기본 목차 블록이 개발 중입니다. 이것은 이상적인 솔루션이지만 현재 사용할 수 없습니다.

옵션 3 : 하위 기능으로서의 목차

일부 더 큰 플러그인에는 2 차 기능으로서 목차 블록이 포함됩니다.

• Yoast SEO Premium : (유료)는 기본, 실시간 업데이트 TOC 블록을 제공합니다. 이미 Yoast SEO Premium을 사용하는 경우에만이를 고려하십시오.
• Gutenberg의 Ultimate Addons : 다른 많은 기능들 중에서 잘 설계된 TOC 블록을 제공합니다. 추가 기능이 가치가 있는지 평가하십시오.

옵션 4 : DIY 목차 블록

사용자 정의 블록을 작성하면 완전한 제어가 제공되지만 JavaScript (또는 PHP 기반 접근법을위한 고급 사용자 정의 필드)가 필요합니다. 이것은 블록 개발에 편안한 개발자에게 가장 좋습니다.

추천:

대부분의 사용자에게 SimpleToc은 단순성, 효율성 및 청정 코드의 최상의 균형을 제공합니다. 이미 Yoast SEO 프리미엄 사용자라면 내장 TOC를 활용하는 것이 편리한 옵션입니다. 필요한 개발 기술이 있고 고도로 맞춤화 된 기능이 필요한 경우에만 DIY 접근 방식을 고려하십시오. 기본 WordPress 옵션을 사용할 수있게되면 마이그레이션을 권장합니다.

위 내용은 WordPress의 목차 블록 : 4 가지 좋은 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!