Update description meta for frontend, backend, devops

src/components/RoadmapTitleQuestion.tsx

@@ -45,7 +45,7 @@ export function RoadmapTitleQuestion(props: RoadmapTitleQuestionProps) {
           className="absolute left-0 right-0 top-0 z-50 mt-0 rounded-md border bg-white"
           ref={ref}
         >
-          <p className="flex items-center px-[7px] pt-[7px] pb-[8px] text-sm font-medium border-b cursor-pointer" onClick={() => setIsAnswerVisible(false)}>
+          <h2 className="flex items-center px-[7px] pt-[7px] pb-[8px] text-sm font-medium border-b cursor-pointer" onClick={() => setIsAnswerVisible(false)}>
             <span className="flex flex-grow items-center">
               <GraduationCap className="mr-2 inline-block h-5 w-5" />
                 { question }
@@ -53,7 +53,7 @@ export function RoadmapTitleQuestion(props: RoadmapTitleQuestionProps) {
             <span className="flex-shrink-0 text-gray-400">
               <ChevronUp className={`inline-block h-5 w-5`} />
             </span>
-          </p>
+          </h2>
           <div className='p-3 text-base bg-gray-100 [&>h2]:text-lg [&>h2]:font-semibold [&>h2]:mb-1 [&>h2]:mt-5 [&>p>a]:font-semibold [&>p>a]:underline [&>p>a]:underline-offset-2 [&>p:last-child]:mb-0 [&>p]:mb-3 [&>p]:font-normal [&>p]:leading-relaxed' dangerouslySetInnerHTML={{ __html: markdownToHtml(answer, false) }}>
           </div>
         </div>

src/data/roadmaps/backend/backend.md

@@ -20,13 +20,13 @@ dimensions:
   height: 2840.4
 schema:
   headline: 'Backend Developer Roadmap: What is Backend Development?'
-  description: 'Learn how to become a Backend Developer with this interactive step by step guide in 2023. We also have resources and short descriptions attached to the roadmap items so you can get everything you want to learn in one place.'
+  description: 'Learn what backend development is, what backend developers do and how to become one using our community-driven roadmap.'
   imageUrl: 'https://roadmap.sh/roadmaps/backend.png'
   datePublished: '2023-01-05'
   dateModified: '2023-09-16'
 seo:
   title: 'Backend Developer Roadmap: What is Backend Development?'
-  description: 'Learn what is backend development, what do backend developers do and how to become a modern backend developer using this roadmap. Community driven, articles, resources, guides, interview questions, quizzes for modern backend development.'
+  description: 'Learn what backend development is, what backend developers do and how to become one using our community-driven roadmap.'
   keywords:
     - 'backend roadmap 2023'
     - 'backend developer roadmap 2023'

src/data/roadmaps/devops/devops.md

@@ -22,13 +22,13 @@ dimensions:
   height: 2527.46
 schema:
   headline: 'DevOps Roadmap'
-  description: 'Learn to become a DevOps, SRE or get any other operations role with this interactive step by step guide in 2023. We also have resources and short descriptions attached to the roadmap items so you can get everything you want to learn in one place.'
+  description: 'Learn to become a modern DevOps engineer by following the steps, skills, resources and guides listed in our community-driven roadmap.'
   imageUrl: 'https://roadmap.sh/roadmaps/devops.png'
   datePublished: '2023-01-05'
   dateModified: '2023-06-10'
 seo:
   title: 'DevOps Roadmap: Learn to become a DevOps Engineer or SRE'
-  description: 'Community driven, articles, resources, guides, interview questions, quizzes for DevOps. Learn to become a modern DevOps engineer by following the steps, skills, resources and guides listed in this roadmap.'
+  description: 'Learn to become a modern DevOps engineer by following the steps, skills, resources and guides listed in our community-driven roadmap.'
   keywords:
     - 'devops roadmap 2023'
     - 'sre roadmap 2023'

src/data/roadmaps/frontend/frontend.md

@@ -20,13 +20,13 @@ dimensions:
   height: 2587.63
 schema:
   headline: 'Frontend Developer Roadmap: What is Frontend Development?'
-  description: 'Learn how to become a Frontend Developer with this interactive step by step guide in 2023. We also have resources and short descriptions attached to the roadmap items so you can get everything you want to learn in one place.'
+  description: 'Learn what Frontend Development is, what frontend developers do and how to become a modern frontend developer using our community-driven roadmap.'
   imageUrl: 'https://roadmap.sh/roadmaps/frontend.png'
   datePublished: '2023-01-05'
   dateModified: '2023-01-20'
 seo:
   title: 'Frontend Developer Roadmap: What is Frontend Development?'
-  description: 'Learn what is Frontend Development, what do frontend developers do and how to become a modern frontend developer using this roadmap. Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development.'
+  description: 'Learn what Frontend Development is, what frontend developers do and how to become a modern frontend developer using our community-driven roadmap.'
   keywords:
     - 'javascript roadmap 2023'
     - 'frontend roadmap 2023'