SectionHeading always rendered its title as <h2>, so every page whose only heading came from a shared section component (services hub, promotions, cases, faq, contact, reviews, blog list) had no <h1> at all. Add a level prop (default h2) and pass headingLevel="h1" from each page where that section is the page's own top-level heading. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013otXCiTZsxdZ4SJKZ9wUky
40 lines
1.3 KiB
React
40 lines
1.3 KiB
React
import Header from '../../components/Header.jsx';
|
|
import Footer from '../../components/Footer.jsx';
|
|
import Faq from '../../components/sections/Faq.jsx';
|
|
import { serverApi } from '../../lib/serverApi.js';
|
|
|
|
export const metadata = {
|
|
title: 'Частые вопросы об IT-аутсорсинге и услугах',
|
|
description: 'Ответы на частые вопросы об IT-аутсорсинге, техподдержке, оплате услуг и конфиденциальности данных TopSysOps.',
|
|
alternates: { canonical: '/faq' },
|
|
};
|
|
|
|
export default async function FaqPage() {
|
|
const faqs = await serverApi.getFaqs();
|
|
|
|
const faqSchema =
|
|
faqs.length > 0
|
|
? {
|
|
'@context': 'https://schema.org',
|
|
'@type': 'FAQPage',
|
|
mainEntity: faqs.map((f) => ({
|
|
'@type': 'Question',
|
|
name: f.question,
|
|
acceptedAnswer: { '@type': 'Answer', text: f.answer },
|
|
})),
|
|
}
|
|
: null;
|
|
|
|
return (
|
|
<div>
|
|
{faqSchema && (
|
|
// eslint-disable-next-line react/no-danger
|
|
<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(faqSchema) }} />
|
|
)}
|
|
<Header />
|
|
<Faq faqs={faqs} headingLevel="h1" />
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|