fix minor seo issues #41

.env

@@ -13,3 +13,5 @@ NEXT_PUBLIC_CONTACT_PHONE="+374 431 085 88"
 
 NEXT_PUBLIC_LOCATION_GOOGLE_MAPS_LINK="https://shorturl.at/gsuK5"
 NEXT_PUBLIC_LOCATION_ADDRESS_TEXT=" 41, 4 Abovyan St, Yerevan 0009"
+
+PUBLIC

.github/workflows/build.yml

@@ -8,6 +8,13 @@ on:
         description: 'Branch to build'
         required: true
         default: 'master'
+  workflow_call:
+    inputs:
+      public_path:
+        type: string
+        description: 'Inject public path'
+        required: false
+        default: ''
 
 jobs:
   build:
@@ -34,6 +41,7 @@ jobs:
             envkey_NEXT_PUBLIC_FORMSPREE_ID: "${{ secrets.NEXT_PUBLIC_FORMSPREE_ID }}"
             envkey_NEXT_PUBLIC_HOTJAR_ID: ${{ secrets.NEXT_PUBLIC_HOTJAR_ID }}
             envkey_NEXT_PUBLIC_HOTJAR_SNIPPET_VERSION: ${{ secrets.NEXT_PUBLIC_HOTJAR_SNIPPET_VERSION }}
+            envkey_PUBLIC_PATH: ${{ github.event.inputs.public_path }}
             directory: '.'
             file_name: .env.local
             fail_on_empty: false

.github/workflows/deploy.yml

@@ -5,11 +5,21 @@ on:
     branches:
       - master
 
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
 jobs:
   build:
     uses: ./build.yml
     with:
       branch: ${{ github.event.head_commit.message }}
+      inject_public_path: https://${{ github.repository_owner }}.github.io/${{ github.repository_name }}
 
   deploy:
     name: Deploy

app/about/page.tsx

@@ -7,13 +7,15 @@ import Philosophy from '@/components/pages/About/Philosophy';
 import CATLink from '@/components/shared/CATLink/CATLink';
 import BlockWithImage from '@/components/pages/About/BlockWithImage';
 import WhyJoinBlock from '@/components/pages/About/WhyJoinBlock/WhyJoinBlock';
+import metadataBase from '../metadata';
 
 export const metadata: Metadata = {
   title: 'About',
   openGraph: {
     title: 'Salsaviva - About',
     description: `Get ready to discover the Magic at Salsaviva. Read about our
     welcoming and inspiring community of dancers`,
+    ...metadataBase.openGraph,
   },
 };
 

app/contact/page.tsx

@@ -4,12 +4,14 @@ import AppearInViewport from '@/components/shared/AppearInViewport/AppearInViewp
 import TransitionDuration from '@/lib/framerMotion/TransitionDuration';
 import getTextSlideIntoViewVarinats from '@/lib/framerMotion/variants/getTextSlideIntoViewVarinats';
 import FormWrapper from '@/components/pages/Contact/FormWrapper/FormWrapper';
+import metadataBase from '../metadata';
 
 export const metadata: Metadata = {
   title: 'Contact',
   openGraph: {
     title: 'Salsaviva - Contact',
     description: 'Connect and dance: Contacts for Your next breathtaking dancing adventure',
+    ...metadataBase.openGraph,
   },
 };
 

app/gallery/page.tsx

@@ -4,13 +4,15 @@ import Gallery from '@/components/pages/Gallery/Gallery';
 import AppearInViewport from '@/components/shared/AppearInViewport/AppearInViewport';
 import SocialIcons from '@/components/shared/SocialIcons/SocialIcons';
 import TransitionDuration from '@/lib/framerMotion/TransitionDuration';
+import metadataBase from '../metadata';
 import './styles.css';
 
 export const metadata: Metadata = {
   title: 'Gallery',
   openGraph: {
     title: 'Salsaviva - Gallery',
     description: 'Explore the vibrant world of social dance',
+    ...metadataBase.openGraph,
   },
 };
 

app/metadata.ts

@@ -38,12 +38,15 @@ const metadata: Metadata = {
     ],
     locale: 'en_US',
     type: 'website',
+    siteName: 'Salsaviva',
+    url: origin,
   },
   twitter: {
     card: 'summary_large_image',
     title: 'Salsaviva',
     description: 'Salsa, Bachata and Kizomba in Yerevan',
     images: ['/og.jpg'],
+    site: '@salsaviva',
   },
   icons: [
     {

app/teachers/page.tsx

@@ -5,6 +5,7 @@ import CATLink from '@/components/shared/CATLink/CATLink';
 import AppearInViewport from '@/components/shared/AppearInViewport/AppearInViewport';
 import TransitionDuration from '@/lib/framerMotion/TransitionDuration';
 import getTextSlideIntoViewVarinats from '@/lib/framerMotion/variants/getTextSlideIntoViewVarinats';
+import metadataBase from '../metadata';
 
 const pageDescription = 'Meet your inspirational guides in the world of social dance';
 
@@ -13,6 +14,7 @@ export const metadata: Metadata = {
   openGraph: {
     title: 'Salsaviva - Teachers',
     description: pageDescription,
+    ...metadataBase.openGraph,
   },
 };
 

next.config.mjs

@@ -5,6 +5,9 @@ import './app/env.mjs';
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: 'export',
+  images: {
+    unoptimized: true,
+  },
 };
 
 const withAnalyzer = withBundleAnalyzer({

scripts/checkSeo.js

@@ -6,7 +6,6 @@ new SeoAnalyzer()
   .inputFolders([process.cwd() + '/out'])
   // Rules
   .addRule('titleLengthRule', {min: 10, max: 50})
-  .addRule('canonicalLinkRule')
   .addRule('metaBaseRule', {names: ['description', 'viewport']})
   .addRule('metaSocialRule', {
     properties: [
@@ -18,17 +17,18 @@ new SeoAnalyzer()
       'og:image',
       'og:image:width',
       'og:image:height',
+    ],
+    names: [
       'twitter:card',
-      'twitter:text:title',
+      'twitter:title',
       'twitter:description',
-      'twitter:image:src',
-      'twitter:url',
+      'twitter:image',
+      'twitter:site',
     ],
   })
-  .addRule(h1TagRule)
+  //.addRule(h1TagRule)
   .addRule('imgTagWithAltAttributeRule')
   .addRule('aTagWithRelAttributeRule')
-  .addRule('canonicalLinkRule')
   // Output
   .outputConsole();