[docs] Fix reported SEO issues (#33818)

mui · Aug 11, 2022 · 78fc73c · 78fc73c
1 parent 7587a42
commit 78fc73c
Show file tree

Hide file tree

Showing 18 changed files with 80 additions and 50 deletions.
diff --git a/CHANGELOG.old.md b/CHANGELOG.old.md
@@ -11418,7 +11418,7 @@ _Apr 6, 2017_
 
 We are continuing investing in the documentation and the test suite.
 
-Visual regression tests are now sent to [argos-ci](https://www.argos-ci.com/mui/material-ui).
+Visual regression tests are now sent to [argos-ci](https://app.argos-ci.com/mui/material-ui/builds).
 Thanks @agamrafaeli for increasing the test coverage of 1% since the last release (95.23%).
 Thanks @mbrookes for fixing the inconsistency of the API and improving the API.
 

diff --git a/README.md b/README.md
@@ -120,7 +120,7 @@ Visit our [`styled-engine` guide](https://mui.com/material-ui/guides/styled-engi
 
 <p align="center">
   <a href="https://octopus.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png" alt="octopus" title="Repeatable, reliable deployments" loading="lazy" /></a>
-  <a href="https://www.doit-intl.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://avatars3.githubusercontent.com/u/8424863?s=256" alt="doit-intl" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>
+  <a href="https://www.doit-intl.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://avatars.githubusercontent.com/u/8424863?s=256" alt="doit-intl" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>
   <a href="https://www.zesty.io/integrations/nextjs-cms/?utm_source=mui&utm_medium=referral&utm_campaign=sponsor" rel="noopener sponsored" target="_blank"><img height="90" width="90" src="https://brand.zesty.io/zesty-io-logo.svg" alt="zesty.io" title="The only Next.js CMS you need" loading="lazy" /></a>
 </p>
 
@@ -131,14 +131,14 @@ Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.
 via [OpenCollective](https://opencollective.com/mui) or via [Patreon](https://www.patreon.com/oliviertassinari)
 
 <p align="center">
-  <a href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://github.com/tidelift.png?size=192" alt="tidelift.com" title="Enterprise-ready open-source software" loading="lazy" /></a>
-  <a href="https://bit.dev/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-rig ht: 16px;"><img height="96" width="96" src="https://github.com/teambit.png?size=192" alt="bit.dev" title="The fastest way to share code" loading="lazy" /></a>
-  <a href="https://www.text-em-all.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img src="https://images.opencollective.com/callemall/09710fe/logo/192.png" alt="text-em-all.com" title="Mass Text Messaging & Automated Calling" height="96" width="96" loading="lazy"></a>
+  <a href="https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=npm-material-ui&utm_medium=referral&utm_campaign=homepage" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/30204434?s=192" alt="tidelift.com" title="Enterprise-ready open-source software" loading="lazy" /></a>
+  <a href="https://bit.dev/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank" style="margin-rig ht: 16px;"><img height="96" width="96" src="https://avatars.githubusercontent.com/u/24789812?s=192" alt="bit.dev" title="The fastest way to share code" loading="lazy" /></a>
+  <a href="https://www.text-em-all.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img src="https://avatars.githubusercontent.com/u/1262264?s=192" alt="text-em-all.com" title="Mass Text Messaging & Automated Calling" height="96" width="96" loading="lazy"></a>
   <a href="https://online-aussie-casino.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/aussiecasinohex/923df37/logo/192.png" alt="online-aussie-casino.com" title="Aussie Gambling Guide" loading="lazy" /></a>
   <a href="https://sumatosoft.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/sumatosoft_company/0b78570/avatar/192.png" alt="sumatosoft.com" title="We help companies to digitalize their businesses" loading="lazy" /></a>
-  <a href="https://megafamous.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://p18.zdusercontent.com/attachment/9422375/Rullx0rw9lUGKuyKOy4VQ9Zxq?size=192" alt="megafamous.com" title="The best place to buy Instagram followers & likes." loading="lazy" /></a>
+  <a href="https://megafamous.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://mui.com/static/sponsors/megafamous.png" alt="megafamous.com" title="The best place to buy Instagram followers & likes." loading="lazy" /></a>
   <a href="https://www.dialmycalls.com/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/192.png" alt="dialmycalls.com" title="Send text messages, calls & emails to thousands with ease." loading="lazy" /></a>
-  <a href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://goread.io/assets/uploads/usereb4ac3033e8ab3591e0fcefa8c26ce3fd36d5a0f/bd81e54effbcc265ad169015455a0c1e.png" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a>
+  <a href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/goread_io/eb6337d/logo/192.png" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a>
 </p>
 
 Gold Sponsors are those who have pledged \$500/month or more to MUI.

diff --git a/docs/data/joy/components/tabs/TabsPageExample.js b/docs/data/joy/components/tabs/TabsPageExample.js
@@ -102,12 +102,24 @@ export default function TabsBasic() {
           })}
         >
           <TabPanel value={0}>
-            <Typography level="h1" fontSize="xl2" mb={2} textColor="text.secondary">
+            <Typography
+              level="h1"
+              component="div"
+              fontSize="xl2"
+              mb={2}
+              textColor="text.secondary"
+            >
               Deals
             </Typography>
           </TabPanel>
           <TabPanel value={1}>
-            <Typography level="h1" fontSize="xl2" mb={2} textColor="text.secondary">
+            <Typography
+              level="h1"
+              component="div"
+              fontSize="xl2"
+              mb={2}
+              textColor="text.secondary"
+            >
               Library
             </Typography>
           </TabPanel>

diff --git a/docs/data/joy/components/tabs/TabsPageExample.tsx b/docs/data/joy/components/tabs/TabsPageExample.tsx
@@ -102,12 +102,24 @@ export default function TabsBasic() {
           })}
         >
           <TabPanel value={0}>
-            <Typography level="h1" fontSize="xl2" mb={2} textColor="text.secondary">
+            <Typography
+              level="h1"
+              component="div"
+              fontSize="xl2"
+              mb={2}
+              textColor="text.secondary"
+            >
               Deals
             </Typography>
           </TabPanel>
           <TabPanel value={1}>
-            <Typography level="h1" fontSize="xl2" mb={2} textColor="text.secondary">
+            <Typography
+              level="h1"
+              component="div"
+              fontSize="xl2"
+              mb={2}
+              textColor="text.secondary"
+            >
               Library
             </Typography>
           </TabPanel>

diff --git a/docs/data/joy/components/typography/typography.md b/docs/data/joy/components/typography/typography.md
@@ -86,7 +86,7 @@ The `Typography` component has access to the typographic level scale defined in
 Use the `level` prop to control the scale value.
 
 :::info
-**Keep in mind:** each level renders a specific HTML tag (e.g. "h1" renders as an `<h2>` element, "body1" renders as a `<p>`, etc.)
+**Keep in mind:** each level renders a specific HTML tag (e.g. "h1" renders as an `<h1>` element, "body1" renders as a `<p>`, etc.)
 :::
 
 {{"demo": "TypographyScales.js"}}

diff --git a/docs/data/joy/getting-started/overview/overview.md b/docs/data/joy/getting-started/overview/overview.md
@@ -1,4 +1,8 @@
-# Joy UI－Overview
+---
+title: Overview
+---
+
+# Joy UI - Overview
 
 <p class="description">Joy UI is a library of beautifully designed React UI components.</p>
 

diff --git a/docs/data/material/components/typography/Types.js b/docs/data/material/components/typography/Types.js
@@ -5,29 +5,29 @@ import Typography from '@mui/material/Typography';
 export default function Types() {
   return (
     <Box sx={{ width: '100%', maxWidth: 500 }}>
-      <Typography variant="h1" component="div" gutterBottom>
+      <Typography variant="h1" gutterBottom>
         h1. Heading
       </Typography>
-      <Typography variant="h2" gutterBottom component="div">
+      <Typography variant="h2" gutterBottom>
         h2. Heading
       </Typography>
-      <Typography variant="h3" gutterBottom component="div">
+      <Typography variant="h3" gutterBottom>
         h3. Heading
       </Typography>
-      <Typography variant="h4" gutterBottom component="div">
+      <Typography variant="h4" gutterBottom>
         h4. Heading
       </Typography>
-      <Typography variant="h5" gutterBottom component="div">
+      <Typography variant="h5" gutterBottom>
         h5. Heading
       </Typography>
-      <Typography variant="h6" gutterBottom component="div">
+      <Typography variant="h6" gutterBottom>
         h6. Heading
       </Typography>
-      <Typography variant="subtitle1" gutterBottom component="div">
+      <Typography variant="subtitle1" gutterBottom>
         subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos
         blanditiis tenetur
       </Typography>
-      <Typography variant="subtitle2" gutterBottom component="div">
+      <Typography variant="subtitle2" gutterBottom>
         subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos
         blanditiis tenetur
       </Typography>

diff --git a/docs/data/material/components/typography/Types.tsx b/docs/data/material/components/typography/Types.tsx
@@ -5,29 +5,29 @@ import Typography from '@mui/material/Typography';
 export default function Types() {
   return (
     <Box sx={{ width: '100%', maxWidth: 500 }}>
-      <Typography variant="h1" component="div" gutterBottom>
+      <Typography variant="h1" gutterBottom>
         h1. Heading
       </Typography>
-      <Typography variant="h2" gutterBottom component="div">
+      <Typography variant="h2" gutterBottom>
         h2. Heading
       </Typography>
-      <Typography variant="h3" gutterBottom component="div">
+      <Typography variant="h3" gutterBottom>
         h3. Heading
       </Typography>
-      <Typography variant="h4" gutterBottom component="div">
+      <Typography variant="h4" gutterBottom>
         h4. Heading
       </Typography>
-      <Typography variant="h5" gutterBottom component="div">
+      <Typography variant="h5" gutterBottom>
         h5. Heading
       </Typography>
-      <Typography variant="h6" gutterBottom component="div">
+      <Typography variant="h6" gutterBottom>
         h6. Heading
       </Typography>
-      <Typography variant="subtitle1" gutterBottom component="div">
+      <Typography variant="subtitle1" gutterBottom>
         subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos
         blanditiis tenetur
       </Typography>
-      <Typography variant="subtitle2" gutterBottom component="div">
+      <Typography variant="subtitle2" gutterBottom>
         subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos
         blanditiis tenetur
       </Typography>