diff --git a/docusaurus-search-local/src/client/theme/SearchBar/SuggestionTemplate.spec.ts b/docusaurus-search-local/src/client/theme/SearchBar/SuggestionTemplate.spec.ts
index e154c8b0..6520c159 100644
--- a/docusaurus-search-local/src/client/theme/SearchBar/SuggestionTemplate.spec.ts
+++ b/docusaurus-search-local/src/client/theme/SearchBar/SuggestionTemplate.spec.ts
@@ -1,3 +1,4 @@
+import { SearchDocumentType } from "../../../shared/interfaces";
 import { SuggestionTemplate } from "./SuggestionTemplate";
 
 jest.mock("./icons");
@@ -12,7 +13,7 @@ describe("SuggestionTemplate", () => {
         t: "Hello world",
         u: "/docs/a",
       },
-      type: 0,
+      type: SearchDocumentType.Title,
       page: false,
       metadata: {
         hello: {
@@ -65,7 +66,7 @@ describe("SuggestionTemplate", () => {
         t: "Hello fruits.",
         u: "/docs/b",
       },
-      type: 1,
+      type: SearchDocumentType.Heading,
       page: {
         i: 1,
         t: "Hello world",
@@ -134,7 +135,7 @@ describe("SuggestionTemplate", () => {
         t: "Goodbye fruits.",
         u: "/docs/c",
       },
-      type: 2,
+      type: SearchDocumentType.Content,
       page: {
         i: 1,
         t: "Hello world",
diff --git a/docusaurus-search-local/src/client/theme/SearchBar/SuggestionTemplate.ts b/docusaurus-search-local/src/client/theme/SearchBar/SuggestionTemplate.ts
index a8bbc3b8..d8a37a89 100644
--- a/docusaurus-search-local/src/client/theme/SearchBar/SuggestionTemplate.ts
+++ b/docusaurus-search-local/src/client/theme/SearchBar/SuggestionTemplate.ts
@@ -1,4 +1,8 @@
-import { SearchDocument, SearchResult } from "../../../shared/interfaces";
+import {
+  SearchDocument,
+  SearchDocumentType,
+  SearchResult,
+} from "../../../shared/interfaces";
 import { concatDocumentPath } from "../../utils/concatDocumentPath";
 import { getStemmedPositions } from "../../utils/getStemmedPositions";
 import { highlight } from "../../utils/highlight";
@@ -23,8 +27,10 @@ export function SuggestionTemplate({
   isInterOfTree,
   isLastOfTree,
 }: Omit<SearchResult, "score" | "index">): string {
-  const isTitle = type === 0;
-  const isHeading = type === 1;
+  const isTitle = type === SearchDocumentType.Title;
+  const isKeywords = type === SearchDocumentType.Keywords;
+  const isTitleRelated = isTitle || isKeywords;
+  const isHeading = type === SearchDocumentType.Heading;
   const tree: string[] = [];
   if (isInterOfTree) {
     tree.push(iconTreeInter);
@@ -35,22 +41,26 @@ export function SuggestionTemplate({
     (item) => `<span class="${styles.hitTree}">${item}</span>`
   );
   const icon = `<span class="${styles.hitIcon}">${
-    isTitle ? iconTitle : isHeading ? iconHeading : iconContent
+    isTitleRelated ? iconTitle : isHeading ? iconHeading : iconContent
   }</span>`;
   const wrapped = [
-    `<span class="${styles.hitTitle}">${highlightStemmed(
-      document.t,
-      getStemmedPositions(metadata, "t"),
-      tokens
-    )}</span>`,
+    `<span class="${styles.hitTitle}">${
+      isKeywords
+        ? highlight(document.s!, tokens)
+        : highlightStemmed(
+            document.t,
+            getStemmedPositions(metadata, "t"),
+            tokens
+          )
+    }</span>`,
   ];
 
   const needsExplicitHitPath =
     !isInterOfTree && !isLastOfTree && explicitSearchResultPath;
   if (needsExplicitHitPath) {
     const pathItems = page
-      ? (page.b ?? [])
-          .concat(page.t)
+      ? page.b
+          ?.concat(page.t)
           .concat(!document.s || document.s === page.t ? [] : document.s)
       : document.b;
     wrapped.push(
@@ -58,7 +68,7 @@ export function SuggestionTemplate({
         pathItems ?? []
       )}</span>`
     );
-  } else if (!isTitle) {
+  } else if (!isTitleRelated) {
     wrapped.push(
       `<span class="${styles.hitPath}">${highlight(
         (page as SearchDocument).t ||
diff --git a/docusaurus-search-local/src/client/theme/SearchPage/SearchPage.tsx b/docusaurus-search-local/src/client/theme/SearchPage/SearchPage.tsx
index 29981776..2a6f22b0 100644
--- a/docusaurus-search-local/src/client/theme/SearchPage/SearchPage.tsx
+++ b/docusaurus-search-local/src/client/theme/SearchPage/SearchPage.tsx
@@ -10,7 +10,11 @@ import clsx from "clsx";
 import useSearchQuery from "../hooks/useSearchQuery";
 import { fetchIndexes } from "../SearchBar/fetchIndexes";
 import { SearchSourceFactory } from "../../utils/SearchSourceFactory";
-import { SearchDocument, SearchResult } from "../../../shared/interfaces";
+import {
+  SearchDocument,
+  SearchDocumentType,
+  SearchResult,
+} from "../../../shared/interfaces";
 import { highlight } from "../../utils/highlight";
 import { highlightStemmed } from "../../utils/highlightStemmed";
 import { getStemmedPositions } from "../../utils/getStemmedPositions";
@@ -109,7 +113,9 @@ function SearchPageContent(): React.ReactElement {
   useEffect(() => {
     async function doFetchIndexes() {
       const { wrappedIndexes, zhDictionary } =
-        !Array.isArray(searchContextByPaths) || searchContext || useAllContextsWithNoSearchContext
+        !Array.isArray(searchContextByPaths) ||
+        searchContext ||
+        useAllContextsWithNoSearchContext
           ? await fetchIndexes(versionUrl, searchContext)
           : { wrappedIndexes: [], zhDictionary: [] };
       setSearchSource(() =>
@@ -245,13 +251,19 @@ function SearchResultItem({
 }: {
   searchResult: SearchResult;
 }): React.ReactElement {
-  const isTitle = type === 0;
-  const isContent = type === 2;
+  const isTitle = type === SearchDocumentType.Title;
+  const isKeywords = type === SearchDocumentType.Keywords;
+  const isDescription = type === SearchDocumentType.Description;
+  const isDescriptionOrKeywords = isDescription || isKeywords;
+  const isTitleRelated = isTitle || isDescriptionOrKeywords;
+  const isContent = type === SearchDocumentType.Content;
   const pathItems = (
     (isTitle ? document.b : (page as SearchDocument).b) as string[]
   ).slice();
-  const articleTitle = (isContent ? document.s : document.t) as string;
-  if (!isTitle) {
+  const articleTitle = (
+    isContent || isDescriptionOrKeywords ? document.s : document.t
+  ) as string;
+  if (!isTitleRelated) {
     pathItems.push((page as SearchDocument).t);
   }
   let search = "";
@@ -268,14 +280,15 @@ function SearchResultItem({
         <Link
           to={document.u + search + (document.h || "")}
           dangerouslySetInnerHTML={{
-            __html: isContent
-              ? highlight(articleTitle, tokens)
-              : highlightStemmed(
-                  articleTitle,
-                  getStemmedPositions(metadata, "t"),
-                  tokens,
-                  100
-                ),
+            __html:
+              isContent || isDescriptionOrKeywords
+                ? highlight(articleTitle, tokens)
+                : highlightStemmed(
+                    articleTitle,
+                    getStemmedPositions(metadata, "t"),
+                    tokens,
+                    100
+                  ),
           }}
         ></Link>
       </h2>
@@ -284,7 +297,7 @@ function SearchResultItem({
           {concatDocumentPath(pathItems)}
         </p>
       )}
-      {isContent && (
+      {(isContent || isDescription) && (
         <p
           className={styles.searchResultItemSummary}
           dangerouslySetInnerHTML={{
diff --git a/docusaurus-search-local/src/client/utils/SearchSourceFactory.spec.ts b/docusaurus-search-local/src/client/utils/SearchSourceFactory.spec.ts
index bdba3949..74f197c2 100644
--- a/docusaurus-search-local/src/client/utils/SearchSourceFactory.spec.ts
+++ b/docusaurus-search-local/src/client/utils/SearchSourceFactory.spec.ts
@@ -1,5 +1,5 @@
 import lunr from "lunr";
-import { SearchDocument } from "../../shared/interfaces";
+import { SearchDocument, SearchDocumentType } from "../../shared/interfaces";
 import { SearchSourceFactory } from "./SearchSourceFactory";
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
@@ -32,6 +32,22 @@ describe("SearchSourceFactory", () => {
       p: 1,
     },
   ];
+  const documentsOfDescriptions: SearchDocument[] = [
+    {
+      i: 1,
+      t: "First description",
+      u: "/1",
+      p: 1,
+    },
+  ];
+  const documentsOfKeywords: SearchDocument[] = [
+    {
+      i: 1,
+      t: "First keywords",
+      u: "/1",
+      p: 1,
+    },
+  ];
   const documentsOfContents: SearchDocument[] = [
     {
       i: 3,
@@ -60,17 +76,27 @@ describe("SearchSourceFactory", () => {
       {
         documents: documentsOfTitles,
         index: getIndex(documentsOfTitles),
-        type: 0,
+        type: SearchDocumentType.Title,
       },
       {
         documents: documentsOfHeadings,
         index: getIndex(documentsOfHeadings),
-        type: 1,
+        type: SearchDocumentType.Heading,
+      },
+      {
+        documents: documentsOfDescriptions,
+        index: getIndex(documentsOfDescriptions),
+        type: SearchDocumentType.Description,
+      },
+      {
+        documents: documentsOfKeywords,
+        index: getIndex(documentsOfKeywords),
+        type: SearchDocumentType.Keywords,
       },
       {
         documents: documentsOfContents,
         index: getIndex(documentsOfContents),
-        type: 2,
+        type: SearchDocumentType.Content,
       },
     ],
     [],
@@ -82,6 +108,9 @@ describe("SearchSourceFactory", () => {
     [",", []],
     ["nothing", []],
     ["peace", [4, 2]],
+    ["description", [1]],
+    ["keywords", [1]],
+    ["first", [1, 2]],
   ])(
     "SearchSourceFactory('%s', zhDictionary) should return %j",
     (input, results) => {
diff --git a/docusaurus-search-local/src/client/utils/SearchSourceFactory.ts b/docusaurus-search-local/src/client/utils/SearchSourceFactory.ts
index e2dfa37b..8312f188 100644
--- a/docusaurus-search-local/src/client/utils/SearchSourceFactory.ts
+++ b/docusaurus-search-local/src/client/utils/SearchSourceFactory.ts
@@ -6,6 +6,7 @@ import {
   SearchResult,
   SearchDocument,
   InitialSearchResult,
+  SearchDocumentType,
 } from "../../shared/interfaces";
 import { sortSearchResults } from "./sortSearchResults";
 import { processTreeStatusOfSearchResults } from "./processTreeStatusOfSearchResults";
@@ -58,7 +59,7 @@ export function SearchSourceFactory(
                 document,
                 type,
                 page:
-                  type !== 0 &&
+                  type !== SearchDocumentType.Title &&
                   wrappedIndexes[0].documents.find(
                     (doc) => doc.i === document.p
                   ),
diff --git a/docusaurus-search-local/src/client/utils/processTreeStatusOfSearchResults.spec.ts b/docusaurus-search-local/src/client/utils/processTreeStatusOfSearchResults.spec.ts
index 019aa844..f017c0e3 100644
--- a/docusaurus-search-local/src/client/utils/processTreeStatusOfSearchResults.spec.ts
+++ b/docusaurus-search-local/src/client/utils/processTreeStatusOfSearchResults.spec.ts
@@ -1,4 +1,7 @@
-import { InitialSearchResult } from "../../shared/interfaces";
+import {
+  InitialSearchResult,
+  SearchDocumentType,
+} from "../../shared/interfaces";
 import { processTreeStatusOfSearchResults } from "./processTreeStatusOfSearchResults";
 
 describe("processTreeStatusOfSearchResults", () => {
@@ -8,14 +11,21 @@ describe("processTreeStatusOfSearchResults", () => {
         document: {
           i: 100,
         },
-        type: 0,
+        type: SearchDocumentType.Title,
         page: undefined,
       },
       {
         document: {
           i: 200,
         },
-        type: 0,
+        type: SearchDocumentType.Title,
+        page: undefined,
+      },
+      {
+        document: {
+          i: 300,
+        },
+        type: SearchDocumentType.Title,
         page: undefined,
       },
     ] as InitialSearchResult[];
@@ -24,14 +34,14 @@ describe("processTreeStatusOfSearchResults", () => {
         document: {
           i: 1,
         },
-        type: 2,
+        type: SearchDocumentType.Content,
         page: {},
       },
       {
         document: {
           i: 2,
         },
-        type: 1,
+        type: SearchDocumentType.Heading,
         page: {},
       },
       pageTitles[0],
@@ -39,14 +49,14 @@ describe("processTreeStatusOfSearchResults", () => {
         document: {
           i: 101,
         },
-        type: 2,
+        type: SearchDocumentType.Content,
         page: pageTitles[0].document,
       },
       {
         document: {
           i: 3,
         },
-        type: 1,
+        type: SearchDocumentType.Heading,
         page: {},
       },
       pageTitles[1],
@@ -54,19 +64,33 @@ describe("processTreeStatusOfSearchResults", () => {
         document: {
           i: 201,
         },
-        type: 1,
+        type: SearchDocumentType.Heading,
         page: pageTitles[1].document,
       },
       {
         document: {
           i: 202,
         },
-        type: 2,
+        type: SearchDocumentType.Content,
         page: pageTitles[1].document,
       },
+      {
+        document: {
+          i: 301,
+        },
+        type: SearchDocumentType.Keywords,
+        page: pageTitles[2].document,
+      },
+      {
+        document: {
+          i: 302,
+        },
+        type: SearchDocumentType.Description,
+        page: pageTitles[2].document,
+      },
     ] as InitialSearchResult[];
     processTreeStatusOfSearchResults(results);
-    const statuses: [boolean, boolean][] = [
+    const statuses: [boolean | undefined, boolean | undefined][] = [
       [undefined, undefined],
       [undefined, undefined],
       [undefined, undefined],
@@ -75,6 +99,8 @@ describe("processTreeStatusOfSearchResults", () => {
       [undefined, undefined],
       [true, undefined],
       [undefined, true],
+      [undefined, undefined],
+      [undefined, true],
     ];
     results.forEach((item, i) => {
       expect([item.isInterOfTree, item.isLastOfTree]).toEqual(statuses[i]);
diff --git a/docusaurus-search-local/src/client/utils/processTreeStatusOfSearchResults.ts b/docusaurus-search-local/src/client/utils/processTreeStatusOfSearchResults.ts
index 9cd29603..2035601c 100644
--- a/docusaurus-search-local/src/client/utils/processTreeStatusOfSearchResults.ts
+++ b/docusaurus-search-local/src/client/utils/processTreeStatusOfSearchResults.ts
@@ -1,4 +1,7 @@
-import { InitialSearchResult } from "../../shared/interfaces";
+import {
+  InitialSearchResult,
+  SearchDocumentType,
+} from "../../shared/interfaces";
 
 export function processTreeStatusOfSearchResults(
   results: InitialSearchResult[]
@@ -7,7 +10,14 @@ export function processTreeStatusOfSearchResults(
     if (
       i > 0 &&
       item.page &&
-      results.some((prev) => prev.document === item.page)
+      results
+        .slice(0, i)
+        .some(
+          (prev) =>
+            (prev.type === SearchDocumentType.Keywords
+              ? prev.page
+              : prev.document) === item.page
+        )
     ) {
       if (i < results.length - 1 && results[i + 1].page === item.page) {
         item.isInterOfTree = true;
diff --git a/docusaurus-search-local/src/client/utils/sortSearchResults.spec.ts b/docusaurus-search-local/src/client/utils/sortSearchResults.spec.ts
index 952ce296..9476dc61 100644
--- a/docusaurus-search-local/src/client/utils/sortSearchResults.spec.ts
+++ b/docusaurus-search-local/src/client/utils/sortSearchResults.spec.ts
@@ -1,4 +1,7 @@
-import { InitialSearchResult } from "../../shared/interfaces";
+import {
+  InitialSearchResult,
+  SearchDocumentType,
+} from "../../shared/interfaces";
 import { sortSearchResults } from "./sortSearchResults";
 
 describe("sortSearchResults", () => {
@@ -8,14 +11,14 @@ describe("sortSearchResults", () => {
         document: {
           i: 100,
         },
-        type: 0,
+        type: SearchDocumentType.Title,
         page: undefined,
       },
       {
         document: {
           i: 200,
         },
-        type: 0,
+        type: SearchDocumentType.Title,
         page: undefined,
       },
     ] as InitialSearchResult[];
@@ -24,14 +27,14 @@ describe("sortSearchResults", () => {
         document: {
           i: 1,
         },
-        type: 2,
+        type: SearchDocumentType.Content,
         page: {},
       },
       {
         document: {
           i: 2,
         },
-        type: 1,
+        type: SearchDocumentType.Heading,
         page: {},
       },
       pageTitles[0],
@@ -39,21 +42,21 @@ describe("sortSearchResults", () => {
         document: {
           i: 3,
         },
-        type: 1,
+        type: SearchDocumentType.Heading,
         page: {},
       },
       {
         document: {
           i: 201,
         },
-        type: 1,
+        type: SearchDocumentType.Heading,
         page: pageTitles[1].document,
       },
       {
         document: {
           i: 202,
         },
-        type: 2,
+        type: SearchDocumentType.Content,
         page: pageTitles[1].document,
       },
       pageTitles[1],
@@ -61,7 +64,7 @@ describe("sortSearchResults", () => {
         document: {
           i: 101,
         },
-        type: 2,
+        type: SearchDocumentType.Description,
         page: pageTitles[0].document,
       },
     ] as InitialSearchResult[];
diff --git a/docusaurus-search-local/src/client/utils/sortSearchResults.ts b/docusaurus-search-local/src/client/utils/sortSearchResults.ts
index 41509cc8..7c41bdc6 100644
--- a/docusaurus-search-local/src/client/utils/sortSearchResults.ts
+++ b/docusaurus-search-local/src/client/utils/sortSearchResults.ts
@@ -1,20 +1,30 @@
-import { InitialSearchResult, SearchResult } from "../../shared/interfaces";
+import {
+  InitialSearchResult,
+  SearchDocumentType,
+  SearchResult,
+} from "../../shared/interfaces";
 
 export function sortSearchResults(results: InitialSearchResult[]): void {
   results.forEach((item, index) => {
     item.index = index;
   });
 
-  // Put search results of headings and contents just after
+  // Put search results of headings/contents/descriptions just after
   // their belonged page's title, if existed.
   (results as SearchResult[]).sort((a, b) => {
     let aPageIndex =
-      a.type > 0 && a.page
+      (a.type === SearchDocumentType.Heading ||
+        a.type === SearchDocumentType.Content ||
+        a.type === SearchDocumentType.Description) &&
+      a.page
         ? results.findIndex((item) => item.document === a.page)
         : a.index;
 
     let bPageIndex =
-      b.type > 0 && b.page
+      (b.type === SearchDocumentType.Heading ||
+        b.type === SearchDocumentType.Content ||
+        b.type === SearchDocumentType.Description) &&
+      b.page
         ? results.findIndex((item) => item.document === b.page)
         : b.index;
 
@@ -27,14 +37,10 @@ export function sortSearchResults(results: InitialSearchResult[]): void {
     }
 
     if (aPageIndex === bPageIndex) {
-      if (a.type === 0) {
-        return -1;
-      }
-      if (b.type === 0) {
-        return 1;
-      }
-      return a.index - b.index;
+      const diff = (b.type === 0 ? 1 : 0) - (a.type === 0 ? 1 : 0);
+      return diff === 0 ? a.index - b.index : diff;
     }
+
     return aPageIndex - bPageIndex;
   });
 }
diff --git a/docusaurus-search-local/src/server/utils/parse.spec.ts b/docusaurus-search-local/src/server/utils/parse.spec.ts
index 53d221f7..69eed58f 100644
--- a/docusaurus-search-local/src/server/utils/parse.spec.ts
+++ b/docusaurus-search-local/src/server/utils/parse.spec.ts
@@ -7,7 +7,11 @@ import { parse } from "./parse";
 describe("parse", () => {
   test.each<[string, "docs" | "blog" | "page", ParsedDocument | null]>([
     [
-      `<body>
+      `<head>
+        <meta name="description" content="Hello Description">
+        <meta name="keywords" content="Hello,Keywords">
+      </head>
+      <body>
         <article>
           <header>
             <h1>Hello World</h1>
@@ -24,6 +28,8 @@ describe("parse", () => {
       "page",
       {
         pageTitle: "Hello World",
+        description: "Hello Description",
+        keywords: "Hello,Keywords",
         sections: [
           {
             title: "Hello World",
@@ -49,6 +55,8 @@ describe("parse", () => {
       "docs",
       {
         pageTitle: "Hello World",
+        description: "",
+        keywords: "",
         sections: [
           {
             title: "Hello World",
@@ -74,6 +82,8 @@ describe("parse", () => {
       "docs",
       {
         pageTitle: "Hello World",
+        description: "",
+        keywords: "",
         sections: [
           {
             title: "Hello World",
diff --git a/docusaurus-search-local/src/server/utils/parseDocument.spec.ts b/docusaurus-search-local/src/server/utils/parseDocument.spec.ts
index c5522d65..b7033087 100644
--- a/docusaurus-search-local/src/server/utils/parseDocument.spec.ts
+++ b/docusaurus-search-local/src/server/utils/parseDocument.spec.ts
@@ -5,7 +5,11 @@ import { parseDocument } from "./parseDocument";
 describe("parseDocument", () => {
   test.each<[string, ParsedDocument]>([
     [
-      `<body>
+      `<head>
+        <meta name="description" content="Hello Description">
+        <meta name="keywords" content="Hello,Keywords">
+      </head>
+      <body>
         <nav>
           <a class="navbar__link navbar__link--active">
             Docs
@@ -50,6 +54,8 @@ describe("parseDocument", () => {
       </body>`,
       {
         pageTitle: "Hello World",
+        description: "Hello Description",
+        keywords: "Hello,Keywords",
         sections: [
           {
             title: "Hello World",
@@ -96,6 +102,8 @@ describe("parseDocument", () => {
       </body>`,
       {
         pageTitle: "Hello World",
+        description: "",
+        keywords: "",
         sections: [
           {
             title: "Hello World",
@@ -140,6 +148,8 @@ describe("parseDocument", () => {
       </body>`,
       {
         pageTitle: "Hello World",
+        description: "",
+        keywords: "",
         sections: [
           {
             title: "Hello World",
diff --git a/docusaurus-search-local/src/server/utils/parseDocument.ts b/docusaurus-search-local/src/server/utils/parseDocument.ts
index 16628d4b..3b4aa628 100644
--- a/docusaurus-search-local/src/server/utils/parseDocument.ts
+++ b/docusaurus-search-local/src/server/utils/parseDocument.ts
@@ -8,6 +8,8 @@ const HEADINGS = "h1, h2, h3";
 export function parseDocument($: cheerio.Root): ParsedDocument {
   const $pageTitle = $("article h1").first();
   const pageTitle = $pageTitle.text();
+  const description = $("meta[name='description']").attr("content") || "";
+  const keywords = $("meta[name='keywords']").attr("content") || "";
 
   const sections: ParsedDocumentSection[] = [];
   const breadcrumb: string[] = [];
@@ -86,5 +88,5 @@ export function parseDocument($: cheerio.Root): ParsedDocument {
       });
     });
 
-  return { pageTitle, sections, breadcrumb };
+  return { pageTitle, description, keywords, sections, breadcrumb };
 }
diff --git a/docusaurus-search-local/src/server/utils/parsePage.spec.ts b/docusaurus-search-local/src/server/utils/parsePage.spec.ts
index e14a4aac..c41cec10 100644
--- a/docusaurus-search-local/src/server/utils/parsePage.spec.ts
+++ b/docusaurus-search-local/src/server/utils/parsePage.spec.ts
@@ -5,7 +5,11 @@ import { parsePage } from "./parsePage";
 describe("parsePage", () => {
   test.each<[string, string, ParsedDocument]>([
     [
-      `<body>
+      `<head>
+        <meta name="description" content="Hello Description">
+        <meta name="keywords" content="Hello,Keywords">
+      </head>
+      <body>
         <article>
           <header>
             <h1>Hello World</h1>
@@ -18,6 +22,8 @@ describe("parsePage", () => {
       "/pages/a",
       {
         pageTitle: "Hello World",
+        description: "Hello Description",
+        keywords: "Hello,Keywords",
         sections: [
           {
             title: "Hello World",
@@ -40,6 +46,8 @@ describe("parsePage", () => {
       "/pages/a",
       {
         pageTitle: "Hello World",
+        description: "",
+        keywords: "",
         sections: [
           {
             title: "Hello World",
@@ -64,6 +72,8 @@ describe("parsePage", () => {
       "/pages/a",
       {
         pageTitle: "Hello World",
+        description: "",
+        keywords: "",
         sections: [
           {
             title: "Hello World",
@@ -86,6 +96,8 @@ describe("parsePage", () => {
       "/pages/a",
       {
         pageTitle: "Hello World",
+        description: "",
+        keywords: "",
         sections: [
           {
             title: "Hello World",
diff --git a/docusaurus-search-local/src/server/utils/parsePage.ts b/docusaurus-search-local/src/server/utils/parsePage.ts
index be674039..66430dab 100644
--- a/docusaurus-search-local/src/server/utils/parsePage.ts
+++ b/docusaurus-search-local/src/server/utils/parsePage.ts
@@ -12,6 +12,9 @@ export function parsePage($: cheerio.Root, url: string): ParsedDocument {
 
   const pageTitle = $pageTitle.text();
 
+  const description = $("meta[name='description']").attr("content") || "";
+  const keywords = $("meta[name='keywords']").attr("content") || "";
+
   const $main = $("main");
   if ($main.length === 0) {
     debugWarn(
@@ -22,6 +25,8 @@ export function parsePage($: cheerio.Root, url: string): ParsedDocument {
 
   return {
     pageTitle,
+    description,
+    keywords,
     sections: [
       {
         title: pageTitle,
diff --git a/docusaurus-search-local/src/server/utils/scanDocuments.spec.ts b/docusaurus-search-local/src/server/utils/scanDocuments.spec.ts
index 6fecaf3f..59757423 100644
--- a/docusaurus-search-local/src/server/utils/scanDocuments.spec.ts
+++ b/docusaurus-search-local/src/server/utils/scanDocuments.spec.ts
@@ -44,6 +44,8 @@ describe("scanDocuments", () => {
       if (html.includes("1")) {
         return {
           pageTitle: "Hello First Docs",
+          description: "Hello Description",
+          keywords: "Hello,Keywords",
           sections: [
             {
               title: "Hello First Docs",
@@ -105,6 +107,24 @@ describe("scanDocuments", () => {
             "u": "/1",
           },
         ],
+        Array [
+          Object {
+            "i": 1,
+            "p": 1,
+            "s": "Hello First Docs",
+            "t": "Hello Description",
+            "u": "/1",
+          },
+        ],
+        Array [
+          Object {
+            "i": 1,
+            "p": 1,
+            "s": "Hello First Docs",
+            "t": "Hello,Keywords",
+            "u": "/1",
+          },
+        ],
         Array [
           Object {
             "h": "",
diff --git a/docusaurus-search-local/src/server/utils/scanDocuments.ts b/docusaurus-search-local/src/server/utils/scanDocuments.ts
index cd28cbc0..28bf47f5 100644
--- a/docusaurus-search-local/src/server/utils/scanDocuments.ts
+++ b/docusaurus-search-local/src/server/utils/scanDocuments.ts
@@ -22,8 +22,16 @@ export async function scanDocuments(
 ): Promise<SearchDocument[][]> {
   const titleDocuments: SearchDocument[] = [];
   const headingDocuments: SearchDocument[] = [];
+  const descriptionDocuments: SearchDocument[] = [];
+  const keywordsDocuments: SearchDocument[] = [];
   const contentDocuments: SearchDocument[] = [];
-  const allDocuments = [titleDocuments, headingDocuments, contentDocuments];
+  const allDocuments = [
+    titleDocuments,
+    headingDocuments,
+    descriptionDocuments,
+    keywordsDocuments,
+    contentDocuments,
+  ];
 
   await Promise.all(
     DocInfoWithFilePathList.map(async ({ filePath, url, type }) => {
@@ -41,7 +49,7 @@ export async function scanDocuments(
         // Unlisted content
         return;
       }
-      const { pageTitle, sections, breadcrumb } = parsed;
+      const { pageTitle, description, keywords, sections, breadcrumb } = parsed;
 
       const titleId = getNextDocId();
 
@@ -52,6 +60,26 @@ export async function scanDocuments(
         b: breadcrumb,
       });
 
+      if (description) {
+        descriptionDocuments.push({
+          i: titleId,
+          t: description,
+          s: pageTitle,
+          u: url,
+          p: titleId,
+        });
+      }
+
+      if (keywords) {
+        keywordsDocuments.push({
+          i: titleId,
+          t: keywords,
+          s: pageTitle,
+          u: url,
+          p: titleId,
+        });
+      }
+
       for (const section of sections) {
         if (section.title !== pageTitle) {
           headingDocuments.push({
diff --git a/docusaurus-search-local/src/shared/interfaces.ts b/docusaurus-search-local/src/shared/interfaces.ts
index 4ab303d0..27f60260 100644
--- a/docusaurus-search-local/src/shared/interfaces.ts
+++ b/docusaurus-search-local/src/shared/interfaces.ts
@@ -71,12 +71,13 @@ export interface SearchDocument {
   s?: string;
 }
 
-/**
- * - 0: Doc title
- * - 1: Doc heading
- * - 2: Doc content
- */
-export type SearchDocumentType = 0 | 1 | 2;
+export enum SearchDocumentType {
+  Title = 0,
+  Heading = 1,
+  Description = 2,
+  Keywords = 3,
+  Content = 4,
+}
 
 export interface SearchResultBase {
   document: SearchDocument;
@@ -105,6 +106,8 @@ export interface WrappedIndex {
 
 export interface ParsedDocument {
   pageTitle: string;
+  description: string;
+  keywords: string;
   sections: ParsedDocumentSection[];
   breadcrumb: string[];
 }
diff --git a/website/docs/intro.md b/website/docs/intro.md
index 50026023..24441dfa 100644
--- a/website/docs/intro.md
+++ b/website/docs/intro.md
@@ -1,5 +1,11 @@
 ---
 sidebar_position: 1
+description: This is description in front matter
+keywords: [Keywords, intro, front matter, template]
+tags:
+  - Test
+  - Keywords
+  - Front matter
 ---
 
 # Tutorial Intro