From 19f0a72e9ec7ad665ba7a5be58240d456b18be37 Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Mon, 15 Dec 2025 20:09:11 +0200
Subject: [PATCH 1/3] chore: schema on review

---
 .../app/components/page/ReviewCard.vue        | 26 ++++++++++++++++---
 .../app/components/user/ProfileCard.vue       | 14 ++++++++--
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/apps/web-app/app/components/page/ReviewCard.vue b/apps/web-app/app/components/page/ReviewCard.vue
index 0068a0f..fdcd986 100644
--- a/apps/web-app/app/components/page/ReviewCard.vue
+++ b/apps/web-app/app/components/page/ReviewCard.vue
@@ -1,5 +1,10 @@
 <template>
-  <div class="border border-default rounded-lg p-4 sm:p-5 flex flex-col gap-5 group/card">
+  <div
+    class="border border-default rounded-lg p-4 sm:p-5 flex flex-col gap-5 group/card"
+    itemscope
+    itemprop="review"
+    itemtype="https://schema.org/Review"
+  >
     <div class="grid grid-cols-1 md:grid-cols-3 gap-4 items-start">
       <NuxtLink
         :to="`/u/${review.user.username}`"
@@ -53,6 +58,15 @@
 
       <div class="flex flex-row gap-2 items-center">
         <RatingStars :rating="review.rating" />
+        <span
+          itemscope
+          itemprop="reviewRating"
+          itemtype="http://schema.org/Rating"
+        >
+          <meta itemprop="bestRating" content="5">
+          <meta itemprop="worstRating" content="1">
+          <meta itemprop="ratingValue" :content="review.rating.toFixed(1)">
+        </span>
         <p class="text-sm/4 text-muted">
           Оценка {{ review.rating }} из 5
         </p>
@@ -74,11 +88,15 @@
         v-if="review.comment"
         title="Комментарий"
         :content="review.comment"
+        itemprop="reviewBody"
       />
 
-      <time :datetime="review.createdAt" class="text-sm/5 text-muted italic">
-        Опубликовано {{ format(review.createdAt, 'dd MMMM yyyy', { locale: ru }) }}
-      </time>
+      <div>
+        <time :datetime="review.createdAt" class="text-sm/5 text-muted italic">
+          Опубликовано {{ format(review.createdAt, 'dd MMMM yyyy', { locale: ru }) }}
+        </time>
+        <meta itemprop="datePublished" :content="format(review.createdAt, 'yyyy-MM-dd')">
+      </div>
 
       <div v-if="review.photos.length" class="flex flex-col gap-2">
         <h3 class="text-lg/5 font-bold">
diff --git a/apps/web-app/app/components/user/ProfileCard.vue b/apps/web-app/app/components/user/ProfileCard.vue
index c522ba1..132f790 100644
--- a/apps/web-app/app/components/user/ProfileCard.vue
+++ b/apps/web-app/app/components/user/ProfileCard.vue
@@ -1,5 +1,10 @@
 <template>
-  <div class="flex flex-row gap-2.5">
+  <div
+    class="flex flex-row gap-2.5"
+    itemscope
+    itemprop="author"
+    itemtype="http://schema.org/Person"
+  >
     <UserAvatarWithProgress
       size="sm"
       :percent="progressPercent"
@@ -9,7 +14,12 @@
     />
 
     <div class="mt-1 flex flex-col gap-1 items-start justify-center">
-      <h3 class="text-lg/5 font-bold">
+      <meta itemprop="image" :content="user.avatarUrl ?? undefined">
+
+      <h3
+        class="text-lg/5 font-bold"
+        itemprop="name"
+      >
         {{ user?.name }}
       </h3>
 

From 7c7fd414415fc420de491cb89dfde46e90537450 Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Tue, 16 Dec 2025 09:27:10 +0200
Subject: [PATCH 2/3] chore: some new schema

---
 .../app/components/page/ReviewCard.vue        | 50 ++++++++++++++++---
 .../app/components/page/ReviewCardPhoto.vue   |  1 +
 .../app/components/user/ProfileCard.vue       |  3 +-
 apps/web-app/app/pages/[pageSlug]/reviews.vue | 11 ++++
 4 files changed, 56 insertions(+), 9 deletions(-)

diff --git a/apps/web-app/app/components/page/ReviewCard.vue b/apps/web-app/app/components/page/ReviewCard.vue
index fdcd986..3605bb2 100644
--- a/apps/web-app/app/components/page/ReviewCard.vue
+++ b/apps/web-app/app/components/page/ReviewCard.vue
@@ -61,7 +61,7 @@
         <span
           itemscope
           itemprop="reviewRating"
-          itemtype="http://schema.org/Rating"
+          itemtype="https://schema.org/Rating"
         >
           <meta itemprop="bestRating" content="5">
           <meta itemprop="worstRating" content="1">
@@ -76,14 +76,22 @@
         v-if="review.pros"
         title="Достоинства"
         :content="review.pros"
+        itemprop="positiveNotes"
       />
 
       <PageReviewCardSection
         v-if="review.cons"
         title="Недостатки"
         :content="review.cons"
+        itemprop="negativeNotes"
       />
 
+      <meta
+        v-if="review.comment"
+        itemprop="headline"
+        :content="review.comment.slice(0, 100)"
+      >
+
       <PageReviewCardSection
         v-if="review.comment"
         title="Комментарий"
@@ -92,7 +100,7 @@
       />
 
       <div>
-        <time :datetime="review.createdAt" class="text-sm/5 text-muted italic">
+        <time :datetime="new Date(review.createdAt).toISOString()" class="text-sm/5 text-muted italic">
           Опубликовано {{ format(review.createdAt, 'dd MMMM yyyy', { locale: ru }) }}
         </time>
         <meta itemprop="datePublished" :content="format(review.createdAt, 'yyyy-MM-dd')">
@@ -104,12 +112,20 @@
         </h3>
 
         <div class="grid grid-cols-3 lg:grid-cols-5 gap-2">
-          <PageReviewCardPhoto
-            v-for="photo in review.photos"
-            :key="photo.id"
-            :photo="photo.photo"
-            :alt="`Пользовательское фото из отзыва к «${review.page.title}»`"
-          />
+          <span
+            itemscope
+            itemprop="itemReviewed"
+            itemtype="https://schema.org/LocalBusiness"
+          >
+            <meta itemprop="url" :content="`https://k39.online/${review.page.slug}`">
+
+            <PageReviewCardPhoto
+              v-for="photo in review.photos"
+              :key="photo.id"
+              :photo="photo.photo"
+              :alt="`Пользовательское фото из отзыва к «${review.page.title}»`"
+            />
+          </span>
         </div>
       </div>
     </div>
@@ -124,6 +140,24 @@
       </ULink>
 
       <div class="opacity-35 group-hover/card:opacity-100 transition duration-200">
+        <span
+          itemscope
+          itemprop="interactionStatistic"
+          itemtype="https://schema.org/InteractionCounter"
+        >
+          <meta itemprop="interactionType" content="https://schema.org/LikeAction">
+          <meta itemprop="userInteractionCount" :content="review.likesCount.toString()">
+        </span>
+
+        <span
+          itemscope
+          itemprop="interactionStatistic"
+          itemtype="https://schema.org/InteractionCounter"
+        >
+          <meta itemprop="interactionType" content="https://schema.org/DislikeAction">
+          <meta itemprop="userInteractionCount" :content="review.dislikesCount.toString()">
+        </span>
+
         <PageReviewCardVotes
           :review-id="review.id"
           :vote-balance="review.voteBalance"
diff --git a/apps/web-app/app/components/page/ReviewCardPhoto.vue b/apps/web-app/app/components/page/ReviewCardPhoto.vue
index 753e494..a3a24b2 100644
--- a/apps/web-app/app/components/page/ReviewCardPhoto.vue
+++ b/apps/web-app/app/components/page/ReviewCardPhoto.vue
@@ -12,6 +12,7 @@
         v-if="minimalJpegPhoto"
         :src="`${photoUrl}/${photo.id}/${minimalJpegPhoto.name}`"
         :alt="alt"
+        itemprop="image"
         loading="lazy"
         class="w-full h-full object-cover rounded-lg"
         @click="maximalJpegSrc && modalShowPhoto.open({ jpegSrc: maximalJpegSrc, webpSrc: maximalWebpSrc, alt })"
diff --git a/apps/web-app/app/components/user/ProfileCard.vue b/apps/web-app/app/components/user/ProfileCard.vue
index 132f790..99efd8e 100644
--- a/apps/web-app/app/components/user/ProfileCard.vue
+++ b/apps/web-app/app/components/user/ProfileCard.vue
@@ -3,7 +3,7 @@
     class="flex flex-row gap-2.5"
     itemscope
     itemprop="author"
-    itemtype="http://schema.org/Person"
+    itemtype="https://schema.org/Person"
   >
     <UserAvatarWithProgress
       size="sm"
@@ -15,6 +15,7 @@
 
     <div class="mt-1 flex flex-col gap-1 items-start justify-center">
       <meta itemprop="image" :content="user.avatarUrl ?? undefined">
+      <meta itemprop="url" :content="`https://k39.online/u/${user.username}`">
 
       <h3
         class="text-lg/5 font-bold"
diff --git a/apps/web-app/app/pages/[pageSlug]/reviews.vue b/apps/web-app/app/pages/[pageSlug]/reviews.vue
index 3986546..5c2dca4 100644
--- a/apps/web-app/app/pages/[pageSlug]/reviews.vue
+++ b/apps/web-app/app/pages/[pageSlug]/reviews.vue
@@ -3,6 +3,17 @@
     <div class="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-10">
       <div class="col-span-2">
         <div v-if="pageReviews?.length" class="flex flex-col gap-6">
+          <span
+            itemscope
+            itemprop="aggregateRating"
+            itemtype="https://schema.org/AggregateRating"
+          >
+            <meta itemprop="ratingValue" :content="page?.rating.toString()">
+            <meta itemprop="reviewCount" :content="page?.reviewsCount.toString()">
+            <meta itemprop="bestRating" content="5">
+            <meta itemprop="worstRating" content="1">
+          </span>
+
           <PageReviewCard
             v-for="review in pageReviews"
             :key="review.id"

From 5858cdd2bfd5c7466c2f6a70d295291bbb5d47ad Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Tue, 16 Dec 2025 10:25:19 +0200
Subject: [PATCH 3/3] chore: moved to json

---
 apps/web-app/app/app.config.ts                |   1 +
 .../app/components/page/ReviewCard.vue        | 109 ++++++++----------
 .../app/components/page/ReviewCardPhoto.vue   |   1 -
 .../app/components/user/ProfileCard.vue       |  25 ++--
 apps/web-app/app/pages/[pageSlug].vue         |  15 +++
 apps/web-app/app/pages/[pageSlug]/reviews.vue |  11 --
 6 files changed, 75 insertions(+), 87 deletions(-)

diff --git a/apps/web-app/app/app.config.ts b/apps/web-app/app/app.config.ts
index b7984e5..067fd0b 100644
--- a/apps/web-app/app/app.config.ts
+++ b/apps/web-app/app/app.config.ts
@@ -1,5 +1,6 @@
 export default defineAppConfig({
   app: {
+    url: 'https://k39.online',
     githubUrl: 'https://github.com/k39space/k39',
   },
   ui: {
diff --git a/apps/web-app/app/components/page/ReviewCard.vue b/apps/web-app/app/components/page/ReviewCard.vue
index 3605bb2..3c94137 100644
--- a/apps/web-app/app/components/page/ReviewCard.vue
+++ b/apps/web-app/app/components/page/ReviewCard.vue
@@ -1,10 +1,5 @@
 <template>
-  <div
-    class="border border-default rounded-lg p-4 sm:p-5 flex flex-col gap-5 group/card"
-    itemscope
-    itemprop="review"
-    itemtype="https://schema.org/Review"
-  >
+  <div class="border border-default rounded-lg p-4 sm:p-5 flex flex-col gap-5 group/card">
     <div class="grid grid-cols-1 md:grid-cols-3 gap-4 items-start">
       <NuxtLink
         :to="`/u/${review.user.username}`"
@@ -58,15 +53,6 @@
 
       <div class="flex flex-row gap-2 items-center">
         <RatingStars :rating="review.rating" />
-        <span
-          itemscope
-          itemprop="reviewRating"
-          itemtype="https://schema.org/Rating"
-        >
-          <meta itemprop="bestRating" content="5">
-          <meta itemprop="worstRating" content="1">
-          <meta itemprop="ratingValue" :content="review.rating.toFixed(1)">
-        </span>
         <p class="text-sm/4 text-muted">
           Оценка {{ review.rating }} из 5
         </p>
@@ -76,35 +62,23 @@
         v-if="review.pros"
         title="Достоинства"
         :content="review.pros"
-        itemprop="positiveNotes"
       />
 
       <PageReviewCardSection
         v-if="review.cons"
         title="Недостатки"
         :content="review.cons"
-        itemprop="negativeNotes"
       />
 
-      <meta
-        v-if="review.comment"
-        itemprop="headline"
-        :content="review.comment.slice(0, 100)"
-      >
-
       <PageReviewCardSection
         v-if="review.comment"
         title="Комментарий"
         :content="review.comment"
-        itemprop="reviewBody"
       />
 
-      <div>
-        <time :datetime="new Date(review.createdAt).toISOString()" class="text-sm/5 text-muted italic">
-          Опубликовано {{ format(review.createdAt, 'dd MMMM yyyy', { locale: ru }) }}
-        </time>
-        <meta itemprop="datePublished" :content="format(review.createdAt, 'yyyy-MM-dd')">
-      </div>
+      <time :datetime="new Date(review.createdAt).toISOString()" class="text-sm/5 text-muted italic">
+        Опубликовано {{ format(review.createdAt, 'dd MMMM yyyy', { locale: ru }) }}
+      </time>
 
       <div v-if="review.photos.length" class="flex flex-col gap-2">
         <h3 class="text-lg/5 font-bold">
@@ -112,20 +86,12 @@
         </h3>
 
         <div class="grid grid-cols-3 lg:grid-cols-5 gap-2">
-          <span
-            itemscope
-            itemprop="itemReviewed"
-            itemtype="https://schema.org/LocalBusiness"
-          >
-            <meta itemprop="url" :content="`https://k39.online/${review.page.slug}`">
-
-            <PageReviewCardPhoto
-              v-for="photo in review.photos"
-              :key="photo.id"
-              :photo="photo.photo"
-              :alt="`Пользовательское фото из отзыва к «${review.page.title}»`"
-            />
-          </span>
+          <PageReviewCardPhoto
+            v-for="photo in review.photos"
+            :key="photo.id"
+            :photo="photo.photo"
+            :alt="`Пользовательское фото из отзыва к «${review.page.title}»`"
+          />
         </div>
       </div>
     </div>
@@ -140,24 +106,6 @@
       </ULink>
 
       <div class="opacity-35 group-hover/card:opacity-100 transition duration-200">
-        <span
-          itemscope
-          itemprop="interactionStatistic"
-          itemtype="https://schema.org/InteractionCounter"
-        >
-          <meta itemprop="interactionType" content="https://schema.org/LikeAction">
-          <meta itemprop="userInteractionCount" :content="review.likesCount.toString()">
-        </span>
-
-        <span
-          itemscope
-          itemprop="interactionStatistic"
-          itemtype="https://schema.org/InteractionCounter"
-        >
-          <meta itemprop="interactionType" content="https://schema.org/DislikeAction">
-          <meta itemprop="userInteractionCount" :content="review.dislikesCount.toString()">
-        </span>
-
         <PageReviewCardVotes
           :review-id="review.id"
           :vote-balance="review.voteBalance"
@@ -178,4 +126,41 @@ const { review } = defineProps<{ review: PageReviewWithData, updateData: () => v
 function copyReviewUrlToClipboard() {
   navigator.clipboard.writeText(`${window.location.origin}/review/${review.id}`)
 }
+
+const { app } = useAppConfig()
+
+useSchemaOrg([
+  defineReview({
+    '@type': 'Review',
+    'reviewRating': {
+      '@type': 'Rating',
+      'bestRating': 5,
+      'worstRating': 1,
+      'ratingValue': review.rating,
+    },
+    'headline': review.comment?.slice(0, 100),
+    'reviewBody': review.comment,
+    'positiveNotes': review.pros,
+    'negativeNotes': review.cons,
+    'datePublished': format(review.createdAt, 'yyyy-MM-dd'),
+    'author': {
+      '@type': 'Person',
+      'name': review.user.name,
+      'image': review.user.avatarUrl,
+      'url': `${app.url}/u/${review.user.username}`,
+    },
+    'interactionStatistic': [
+      {
+        '@type': 'InteractionCounter',
+        'interactionType': 'https://schema.org/LikeAction',
+        'userInteractionCount': review.likesCount,
+      },
+      {
+        '@type': 'InteractionCounter',
+        'interactionType': 'https://schema.org/DislikeAction',
+        'userInteractionCount': review.dislikesCount,
+      },
+    ],
+  }),
+])
 </script>
diff --git a/apps/web-app/app/components/page/ReviewCardPhoto.vue b/apps/web-app/app/components/page/ReviewCardPhoto.vue
index a3a24b2..753e494 100644
--- a/apps/web-app/app/components/page/ReviewCardPhoto.vue
+++ b/apps/web-app/app/components/page/ReviewCardPhoto.vue
@@ -12,7 +12,6 @@
         v-if="minimalJpegPhoto"
         :src="`${photoUrl}/${photo.id}/${minimalJpegPhoto.name}`"
         :alt="alt"
-        itemprop="image"
         loading="lazy"
         class="w-full h-full object-cover rounded-lg"
         @click="maximalJpegSrc && modalShowPhoto.open({ jpegSrc: maximalJpegSrc, webpSrc: maximalWebpSrc, alt })"
diff --git a/apps/web-app/app/components/user/ProfileCard.vue b/apps/web-app/app/components/user/ProfileCard.vue
index 99efd8e..ef8cdbd 100644
--- a/apps/web-app/app/components/user/ProfileCard.vue
+++ b/apps/web-app/app/components/user/ProfileCard.vue
@@ -1,10 +1,5 @@
 <template>
-  <div
-    class="flex flex-row gap-2.5"
-    itemscope
-    itemprop="author"
-    itemtype="https://schema.org/Person"
-  >
+  <div class="flex flex-row gap-2.5">
     <UserAvatarWithProgress
       size="sm"
       :percent="progressPercent"
@@ -14,13 +9,7 @@
     />
 
     <div class="mt-1 flex flex-col gap-1 items-start justify-center">
-      <meta itemprop="image" :content="user.avatarUrl ?? undefined">
-      <meta itemprop="url" :content="`https://k39.online/u/${user.username}`">
-
-      <h3
-        class="text-lg/5 font-bold"
-        itemprop="name"
-      >
+      <h3 class="text-lg/5 font-bold">
         {{ user?.name }}
       </h3>
 
@@ -41,4 +30,14 @@ import { getUserXpPercent } from '#shared/utils/user'
 const { user } = defineProps<{ user: User }>()
 
 const progressPercent = computed(() => getUserXpPercent(user.xp, user.xpToNextLevel))
+
+const { app } = useAppConfig()
+
+useSchemaOrg([
+  definePerson({
+    name: user.name,
+    image: user.avatarUrl,
+    url: `${app.url}/u/${user.username}`,
+  }),
+])
 </script>
diff --git a/apps/web-app/app/pages/[pageSlug].vue b/apps/web-app/app/pages/[pageSlug].vue
index d681853..fe56efd 100644
--- a/apps/web-app/app/pages/[pageSlug].vue
+++ b/apps/web-app/app/pages/[pageSlug].vue
@@ -57,6 +57,7 @@ function updateData() {
 }
 
 const { items } = useBreadcrumb()
+const { app } = useAppConfig()
 
 const submenuItems = computed<NavigationMenuItem[]>(() => [
   {
@@ -78,4 +79,18 @@ const submenuItems = computed<NavigationMenuItem[]>(() => [
     badge: page.value?.points?.length ? page.value.points.length : undefined, // show if more than 0
   },
 ])
+
+useSchemaOrg([
+  defineLocalBusiness({
+    url: `${app.url}/${params.pageSlug}`,
+    name: page.value?.title,
+  }),
+  defineAggregateRating({
+    '@type': 'AggregateRating',
+    'ratingValue': page.value?.rating,
+    'ratingCount': page.value?.reviewsCount,
+    'bestRating': 5,
+    'worstRating': 1,
+  }),
+])
 </script>
diff --git a/apps/web-app/app/pages/[pageSlug]/reviews.vue b/apps/web-app/app/pages/[pageSlug]/reviews.vue
index 5c2dca4..3986546 100644
--- a/apps/web-app/app/pages/[pageSlug]/reviews.vue
+++ b/apps/web-app/app/pages/[pageSlug]/reviews.vue
@@ -3,17 +3,6 @@
     <div class="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-10">
       <div class="col-span-2">
         <div v-if="pageReviews?.length" class="flex flex-col gap-6">
-          <span
-            itemscope
-            itemprop="aggregateRating"
-            itemtype="https://schema.org/AggregateRating"
-          >
-            <meta itemprop="ratingValue" :content="page?.rating.toString()">
-            <meta itemprop="reviewCount" :content="page?.reviewsCount.toString()">
-            <meta itemprop="bestRating" content="5">
-            <meta itemprop="worstRating" content="1">
-          </span>
-
           <PageReviewCard
             v-for="review in pageReviews"
             :key="review.id"