fix seo: updated hn, added SearchAction json ld and corrected categor…

…y links
eleven-labs · Jul 19, 2023 · cfc4e8f · cfc4e8f
1 parent 1102cd2
commit cfc4e8f
Show file tree

Hide file tree

Showing 12 changed files with 31 additions and 12 deletions.
diff --git a/src/components/AutocompleteField/AutocompleteResult/AutocompleteResult.tsx b/src/components/AutocompleteField/AutocompleteResult/AutocompleteResult.tsx
@@ -76,7 +76,7 @@ export const AutocompleteResult = forwardRef<AutocompleteResultProps, 'div'>(
       {items.length === 0 && searchNotFound && (
         <Box textAlign="center" px="xl" py="m">
           <img src={getPathFile('/imgs/not-found.png')} alt="not-found" />
-          <Heading size="m" mt="s">
+          <Heading as="p" size="m" mt="s">
             {searchNotFound.title}
           </Heading>
           <Text size="xs" mt="xxs">

diff --git a/src/components/CookieConsent/CookieConsent.tsx b/src/components/CookieConsent/CookieConsent.tsx
@@ -20,7 +20,9 @@ export const CookieConsent: React.FC<CookieConsentProps> = ({
 }) => {
   return (
     <Box className="cookie-consent">
-      <Heading size="s">{title}</Heading>
+      <Heading as="p" size="s">
+        {title}
+      </Heading>
       <Text mt="xs" size="s">
         {description}
       </Text>

diff --git a/src/components/NewsletterBlock/NewsletterBlock.tsx b/src/components/NewsletterBlock/NewsletterBlock.tsx
@@ -33,7 +33,9 @@ export const NewsletterBlock: React.FC<NewsletterBlockProps> = ({
       <Text size="s" mt={{ xs: 's', md: '0' }}>
         {title}
       </Text>
-      <Heading size="l">{description}</Heading>
+      <Heading as="p" size="l">
+        {description}
+      </Heading>
       <Button {...(subscribeButtonProps as ButtonProps)} mt={{ xs: 'm', md: 'l' }}>
         {subscribeButtonLabel}
       </Button>

diff --git a/src/components/NotFoundBlock/NotFoundBlock.tsx b/src/components/NotFoundBlock/NotFoundBlock.tsx
@@ -15,7 +15,7 @@ export type NotFoundBlockProps = Omit<FlexProps, 'title'> & NotFoundBlockOptions
 export const NotFoundBlock: React.FC<NotFoundBlockProps> = ({ title, description, ...props }) => (
   <Flex {...props} flexDirection="column" alignItems="center" mt="m" className="not-found-block">
     <img src={getPathFile('/imgs/not-found.png')} alt="not-found" />
-    <Heading size="l" mt="s">
+    <Heading as="p" size="l" mt="s">
       {title}
     </Heading>
     <Text size="s" mt="xxs">

diff --git a/src/config/website/common.ts b/src/config/website/common.ts
@@ -1,7 +1,7 @@
 export const blogUrl = 'https://blog.eleven-labs.com';
 export const websiteUrl = 'https://eleven-labs.com';
 export const newsletterFormUrl = 'http://eepurl.com/cOuOIf';
-export const googleSiteVerificationKey = 'google-site-verification';
+export const googleSiteVerificationKey = 'KJe_sMzZb1SHlPfw4dQjwOw2lFJAJysJP27bRKT7Zxk';
 export const googleAnalytics = {
   trackingCode: 'UA-99013054-1',
   trackingCodeAnonymized: 'UA-99013054-9',

diff --git a/src/containers/LayoutTemplateContainer/useLayoutTemplateContainer.tsx b/src/containers/LayoutTemplateContainer/useLayoutTemplateContainer.tsx
@@ -1,9 +1,10 @@
 import { useHead, useLink, useMeta, useScript } from 'hoofd';
 import React, { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router-dom';
+import { matchPath, useLocation } from 'react-router-dom';
 
 import { googleSiteVerificationKey, themeColor } from '@/config/website';
+import { PATHS } from '@/constants';
 import { CookieConsentContainer } from '@/containers/CookieConsentContainer';
 import { HeaderContainer } from '@/containers/HeaderContainer';
 import { useFooterContainer } from '@/containers/LayoutTemplateContainer/useFooterContainer';
@@ -14,6 +15,7 @@ export const useLayoutTemplateContainer = (): Omit<LayoutTemplateProps, 'childre
   const { i18n } = useTranslation();
   const location = useLocation();
   const footer = useFooterContainer();
+  const isHomePage = Boolean(matchPath(PATHS.ROOT, location.pathname));
 
   useHead({
     metas: [
@@ -42,6 +44,18 @@ export const useLayoutTemplateContainer = (): Omit<LayoutTemplateProps, 'childre
       '@type': 'WebSite',
       name: 'Blog Eleven Labs',
       url: 'https://blog.eleven-labs.com/',
+      ...(isHomePage
+        ? {
+            potentialAction: {
+              '@type': 'SearchAction',
+              target: {
+                '@type': 'EntryPoint',
+                urlTemplate: 'https://blog.eleven-labs.com/fr/search/?search={search_term_string}',
+              },
+              'query-input': 'required name=search_term_string',
+            },
+          }
+        : {}),
     }),
   });
 

diff --git a/src/containers/PostListPageContainer/usePostListPageContainer.tsx b/src/containers/PostListPageContainer/usePostListPageContainer.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { generatePath, useLoaderData, useParams } from 'react-router-dom';
+import { useLoaderData, useParams } from 'react-router-dom';
 
 import { PATHS } from '@/constants';
 import { LinkContainer } from '@/containers/LinkContainer';
 import { PostPreviewListContainer } from '@/containers/PostPreviewListContainer';
 import { type getDataFromPostListPage } from '@/helpers/contentHelper';
+import { generatePath } from '@/helpers/routerHelper';
 import { useNewsletterBlock } from '@/hooks/useNewsletterBlock';
 import { useTitle } from '@/hooks/useTitle';
 import { PostListPageProps } from '@/pages/PostListPage/PostListPage';

diff --git a/src/pages/PostListPage/SubHeader/SubHeader.tsx b/src/pages/PostListPage/SubHeader/SubHeader.tsx
@@ -29,7 +29,7 @@ export const SubHeader: React.FC<SubHeaderProps> = ({ introBlock, choiceCategory
           <Heading as="p" size="m">
             {introBlock.title}
           </Heading>
-          <Heading mt="xxs-3" size="xl" className="sub-header__description">
+          <Heading as="p" mt="xxs-3" size="xl" className="sub-header__description">
             {introBlock.description}
           </Heading>
           <Heading as="p" mt={{ xs: 's', md: 'l' }} size="m">

diff --git a/src/pages/PostPage/PostHeader/PostHeader.tsx b/src/pages/PostPage/PostHeader/PostHeader.tsx
@@ -14,7 +14,7 @@ export interface PostHeaderProps {
 
 export const PostHeader: React.FC<PostHeaderProps> = ({ title, date, readingTime, authors }) => (
   <Box mt={{ xs: 's', md: 'xl' }} textSize="xs">
-    <Heading as="h2" size="xl">
+    <Heading as="h1" size="xl">
       {title}
     </Heading>
     <Flex flexDirection={{ xs: 'column', md: 'row' }} mt={{ md: 'xxs-3' }}>

diff --git a/src/pages/PostPage/RelatedPostList/RelatedPostList.tsx b/src/pages/PostPage/RelatedPostList/RelatedPostList.tsx
@@ -12,7 +12,7 @@ export interface RelatedPostListProps extends BoxProps {
 
 export const RelatedPostList: React.FC<RelatedPostListProps> = ({ relatedPostListTitle, posts, ...boxProps }) => (
   <Box {...boxProps} p="m" className="related-post-list">
-    <Heading mb="m" size="m">
+    <Heading as="p" mb="m" size="m">
       {relatedPostListTitle}
     </Heading>
     {posts.map((post, index) => (

diff --git a/src/pages/SearchPage/SearchPage.tsx b/src/pages/SearchPage/SearchPage.tsx
@@ -37,7 +37,7 @@ export const SearchPage: React.FC<SearchPageProps> = ({
         <Container variant="content" className="search-page">
           {backLink}
           <Skeleton isLoading={isLoading}>
-            <Heading mt="s" size="l">
+            <Heading as="p" mt="s" size="l">
               {title}
             </Heading>
           </Skeleton>

diff --git a/src/templates/LayoutTemplate/Footer/Footer.tsx b/src/templates/LayoutTemplate/Footer/Footer.tsx
@@ -62,7 +62,7 @@ export const Footer: React.FC<FooterProps> = ({
         <Button {...(elevenLabsSiteLinkProps as typeof Button)}>{elevenLabsSiteLinkLabel}</Button>
       </Box>
       <Box>
-        <Heading size="l" mb="s">
+        <Heading as="p" size="l" mb="s">
           {contact.title}
         </Heading>
         <Flex flexDirection={{ xs: 'column', md: 'row' }} gap={{ md: 'xl' }}>