Add google-site-verification

Skolaczk · Dec 29, 2022 · a4f558a · a4f558a
1 parent 86d51d3
commit a4f558a
Show file tree

Hide file tree

Showing 9 changed files with 99 additions and 19 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -15,11 +15,13 @@ require('dotenv').config({
 
 module.exports = {
   siteMetadata: {
-    title: 'Michał Skolak - Portfolio',
-    description: 'It is my portfolio page.',
+    title: 'Michał Skolak | Front-end developer | Portfolio',
+    description:
+      'I am Michał, and it is my portfolio page. I am 16 years old and I have been learning programming for 2 years to become a front-end developer in the future',
     author: 'Michał Skolak',
-    keywords: 'Michał Skolak, Portfolio, Front-end developer',
-    siteUrl: 'https://michalskolak.com',
+    keywords: 'Michał Skolak,Front-end developer,Portfolio',
+    siteUrl: 'https://michalskolak.netlify.app/',
+    googleSiteVerification: 'LC8BEcTgSAYqz7TbnHAq6oPVAYTScpcp-oxAZf-J4Wg',
   },
   plugins: [
     {

diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
@@ -10,26 +10,37 @@ const Footer = () => {
       <ul>
         <li>
           <a
+            title='Linkedin'
             href='https://www.linkedin.com/in/micha%C5%82-skolak-06905524b/'
             aria-label='linkedin'
           >
             <LinkedinIcon />
           </a>
         </li>
         <li>
-          <a href='mailto: skolakmichal1@gmail.com' aria-label='email'>
+          <a
+            title='Email'
+            href='mailto: skolakmichal1@gmail.com'
+            aria-label='email'
+          >
             <EmailIcon />
           </a>
         </li>
         <li>
-          <a href='https://github.com/Skolaczk' aria-label='github'>
+          <a
+            title='Github'
+            href='https://github.com/Skolaczk'
+            aria-label='github'
+          >
             <GithubIcon />
           </a>
         </li>
       </ul>
       <p>
         © Copyright 2022. Created by{' '}
-        <a href='https://github.com/Skolaczk'>Michał Skolak</a>
+        <a title='Michał Skolak - Github' href='https://github.com/Skolaczk'>
+          Michał Skolak
+        </a>
       </p>
     </StyledFooter>
   );

diff --git a/src/components/Navigation/Navigation.js b/src/components/Navigation/Navigation.js
@@ -59,7 +59,7 @@ const Navigation = () => {
       isOpen={isOpen}
       scrollPosition={scrollPosition}
     >
-      <a href='#home' aria-label='Scroll to hero'>
+      <a title='home' href='#home' aria-label='Scroll to hero'>
         <Logo />
       </a>
       <BurgerButton
@@ -76,6 +76,7 @@ const Navigation = () => {
         <ul>
           <li>
             <a
+              title='Home'
               onClick={!matchMedia ? toggleNavigation : null}
               tabIndex={
                 !isOpen && !matchMedia && matchMedia !== null ? '-1' : ''
@@ -87,6 +88,7 @@ const Navigation = () => {
           </li>
           <li>
             <a
+              title='About me'
               onClick={!matchMedia ? toggleNavigation : null}
               tabIndex={
                 !isOpen && !matchMedia && matchMedia !== null ? '-1' : ''
@@ -98,6 +100,7 @@ const Navigation = () => {
           </li>
           <li>
             <a
+              title='Projects'
               onClick={!matchMedia ? toggleNavigation : null}
               tabIndex={
                 !isOpen && !matchMedia && matchMedia !== null ? '-1' : ''
@@ -109,6 +112,7 @@ const Navigation = () => {
           </li>
           <li>
             <a
+              title='Contact'
               onClick={!matchMedia ? toggleNavigation : null}
               tabIndex={
                 !isOpen && !matchMedia && matchMedia !== null ? '-1' : ''
@@ -120,6 +124,7 @@ const Navigation = () => {
           </li>
         </ul>
         <StyledSmallLink
+          title='Github'
           tabIndex={!isOpen && !matchMedia && matchMedia !== null ? '-1' : ''}
           href='https://github.com/Skolaczk'
         >

diff --git a/src/components/SEO/SEO.js b/src/components/SEO/SEO.js
@@ -10,13 +10,20 @@ export const SEO = ({ title, description }) => {
     description: defaultDescription,
     author,
     keywords,
+    googleSiteVerification,
+    siteUrl,
   } = site.siteMetadata;
 
   const seo = {
     title: title || defaultTitle,
     description: description || defaultDescription,
+    type: 'website',
+    image: 'src/assets/icons/logo.svg',
+    twitterCard: 'summary_large_image',
     author,
     keywords,
+    googleSiteVerification,
+    siteUrl,
   };
 
   return (
@@ -29,6 +36,34 @@ export const SEO = ({ title, description }) => {
       <meta name='description' content={seo.description} />
       <meta name='keywords' content={seo.keywords} />
       <meta name='author' content={seo.author} />
+      <meta property='og:type' content={seo.type} />
+      <meta property='og:image' content={seo.image} />
+      <meta property='og:title' content={seo.title} />
+      <meta property='og:description' content={seo.description} />
+      <meta property='og:url' content={seo.siteUrl} />
+      <meta name='twitter:card' content={seo.twitterCard} />
+      <meta name='twitter:creator' content={seo.author} />
+      <meta name='twitter:title' content={seo.title} />
+      <meta name='twitter:description' content={seo.description} />
+      <meta
+        name='google-site-verification'
+        content={seo.googleSiteVerification}
+      />
+      <script type='application/ld+json'>
+        {`
+        {
+          "@context": "https://schema.org",
+          "@type": "${seo.type}",
+          "url": "${seo.siteUrl}",
+          "name": "${seo.title}",
+          "contactPoint": {
+            "@type": "ContactPoint",
+            "email": "skolakmichal1@gmail.com",
+            "contactType": "User Support"
+          }
+        }
+      `}
+      </script>
     </Helmet>
   );
 };

diff --git a/src/hooks/useData.js b/src/hooks/useData.js
@@ -46,6 +46,7 @@ export const useData = () => {
           keywords
           siteUrl
           title
+          googleSiteVerification
         }
       }
     }

diff --git a/src/templates/AboutMe/AboutMe.js b/src/templates/AboutMe/AboutMe.js
@@ -30,14 +30,27 @@ const AboutMe = () => {
           </AboutMeContent>
           <AboutMeContent>
             Now, I&apos;m still learning and creating projects that you can see
-            in the <a href='#projects'>projects</a> section or on {' '}
-            <a href='https://github.com/Skolaczk?tab=repositories'>Github</a> to become a junior
-            front-end developer in the future.
+            in the{' '}
+            <a title='Projects' href='#projects'>
+              projects
+            </a>{' '}
+            section or on{' '}
+            <a
+              title='Github projects'
+              href='https://github.com/Skolaczk?tab=repositories'
+            >
+              Github
+            </a>{' '}
+            to become a junior front-end developer in the future.
           </AboutMeContent>
           <AboutMeContent>
             I&apos;m open to Job opportunities where I can contribute, learn and
             grow. If you have a good opportunity that matches my skills and
-            experience then don&apos;t hesitate to <a href='#contact'>contact me</a>.
+            experience then don&apos;t hesitate to{' '}
+            <a title='Contact' href='#contact'>
+              contact me
+            </a>
+            .
           </AboutMeContent>
         </div>
         <Wrapper>

diff --git a/src/templates/Hero/Hero.js b/src/templates/Hero/Hero.js
@@ -18,7 +18,7 @@ const Hero = () => {
         stagger: 0.1,
         duration: 1,
         delay: 0.25,
-      },
+      }
     );
   }, []);
 
@@ -29,10 +29,13 @@ const Hero = () => {
       <h2>Junior front-end developer.</h2>
       <HeroContent>
         I&apos;m 16 years old and I&apos;ve been learning programming for almost
-        two years. I&apos;m still learning to find a job as a front-end developer
-        in the future. Programming is my passion, so I try to devote every free moment to it.
+        two years. I&apos;m still learning to find a job as a front-end
+        developer in the future. Programming is my passion, so I try to devote
+        every free moment to it.
       </HeroContent>
-      <StyledLink href='#projects'>Check out my projects!</StyledLink>
+      <StyledLink title='Projects' href='#projects'>
+        Check out my projects!
+      </StyledLink>
     </HeroWrapper>
   );
 };

diff --git a/src/templates/Projects/Projects.js b/src/templates/Projects/Projects.js
@@ -102,10 +102,14 @@ const Projects = () => {
                     <li key={tech}>{tech}</li>
                   ))}
                 </ul>
-                <a href={githubLink} aria-label='github'>
+                <a title='Github' href={githubLink} aria-label='github'>
                   <GithubIcon />
                 </a>
-                <a href={previewLink} aria-label='preview'>
+                <a
+                  title='Preview project'
+                  href={previewLink}
+                  aria-label='preview'
+                >
                   <PreviewLinkIcon />
                 </a>
                 <button
@@ -120,7 +124,10 @@ const Projects = () => {
           )
         )}
       </Wrapper>
-      <StyledCenterLink href='https://github.com/Skolaczk?tab=repositories'>
+      <StyledCenterLink
+        title='Github projects'
+        href='https://github.com/Skolaczk?tab=repositories'
+      >
         More projects
       </StyledCenterLink>
     </SectionWrapper>

diff --git a/static/robots.txt b/static/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+
+Sitemap: https://michalskolak.netlify.app/sitemap/sitemap-index.xml