SEO

기본 SEO 최적화 기능

  1. 자동 메타 태그 생성

    • 타이틀: 각 문서의 제목을 <title> 태그로 자동 생성하여 검색 엔진이 문서의 제목을 인식할 수 있도록 합니다.
    • 메타 설명: description 프론트 매터를 통해 메타 설명(<meta name="description">)을 생성합니다. 이는 검색 결과에서 요약 문구로 표시됩니다.
    • 키워드: keywords 프론트 매터를 통해 <meta name="keywords"> 태그를 생성합니다.
  2. Clean URLs

    • 독사우루스는 기본적으로 클린 URL을 사용합니다. 예를 들어, /docs/introduction 대신 /docs/introduction.html을 사용하지 않습니다.
  3. 모바일 최적화

    • 독사우루스는 모바일 기기에서도 잘 작동하도록 반응형 디자인을 기본적으로 지원합니다. 이는 검색 엔진에서 모바일 친화적인 사이트로 인식될 수 있습니다.

사용자 설정을 통한 추가 SEO 최적화

  1. Open Graph 및 Twitter 카드 메타 태그

    • docusaurus.config.js 파일을 수정하여 Open Graph 및 Twitter 카드 메타 태그를 추가할 수 있습니다. 이를 통해 소셜 미디어에서 콘텐츠가 공유될 때 더 나은 미리보기를 제공합니다.
module.exports = {
  // ...다른 설정들
  themeConfig: {
    // ...다른 설정들
    metadata: [
      {name: 'keywords', content: 'docusaurus, documentation, blog'},
      {name: 'description', content: 'A website for Docusaurus documentation and blog.'},
      {property: 'og:title', content: 'Docusaurus'},
      {property: 'og:description', content: 'A website for Docusaurus documentation and blog.'},
      {property: 'og:type', content: 'website'},
      {property: 'og:url', content: 'https://your-docusaurus-site.com'},
      {property: 'og:image', content: 'https://your-docusaurus-site.com/img/logo.png'},
      {name: 'twitter:card', content: 'summary_large_image'},
      {name: 'twitter:title', content: 'Docusaurus'},
      {name: 'twitter:description', content: 'A website for Docusaurus documentation and blog.'},
      {name: 'twitter:image', content: 'https://your-docusaurus-site.com/img/logo.png'},
    ],
  },
};

XML 사이트맵

  • XML 사이트맵을 생성하여 검색 엔진이 사이트 구조를 더 잘 이해하고 색인화할 수 있도록 합니다. @docusaurus/plugin-sitemap 플러그인을 사용하여 사이트맵을 생성할 수 있습니다.
npm install @docusaurus/plugin-sitemap
module.exports = {
  // ...다른 설정들
  plugins: [
    [
      '@docusaurus/plugin-sitemap',
      {
        id: 'default',
        changefreq: 'weekly',
        priority: 0.5,
      },
    ],
  ],
};

robots.txt

  • @docusaurus/plugin-robots-txt 플러그인을 사용하여 검색 엔진에 사이트 색인화를 제어할 수 있습니다.
npm install @docusaurus/plugin-robots-txt
module.exports = {
  // ...다른 설정들
  plugins: [
    [
      '@docusaurus/plugin-robots-txt',
      {
        policy: [
          {
            userAgent: '*',
            allow: '/',
          },
        ],
      },
    ],
  ],
};

결론

독사우루스는 기본적으로 SEO 최적화에 유리한 기능을 제공하며, 사용자가 추가적인 설정을 통해 SEO를 더욱 향상시킬 수 있습니다. 기본 메타 태그 생성, 클린 URL, 모바일 최적화 등은 이미 기본 설정에 포함되어 있으며, Open Graph 및 Twitter 카드 메타 태그 추가, XML 사이트맵 생성, robots.txt 파일 설정 등을 통해 추가 최적화를 할 수 있습니다.