From 2ce791412da611415cedf0926900016a7915a256 Mon Sep 17 00:00:00 2001
From: sergeyyarkov <serzh.yarkov@gmail.com>
Date: Wed, 23 Nov 2022 23:27:15 +0300
Subject: [PATCH] added some microdata

---
 src/components/ArticleItem/ArticleItem.tsx         | 4 ++--
 src/components/ArticlesList/ArticlesList.tsx       | 2 +-
 src/components/Header/Header.astro                 | 3 ++-
 src/components/RecentArticles/RecentArticles.astro | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/ArticleItem/ArticleItem.tsx b/src/components/ArticleItem/ArticleItem.tsx
index 4051a13..0a12ec8 100644
--- a/src/components/ArticleItem/ArticleItem.tsx
+++ b/src/components/ArticleItem/ArticleItem.tsx
@@ -13,14 +13,14 @@ export const ArticleItem: Component<ArticleItemProps> = (props) => {
 	const isNonDefaultLanguage = props.data.lang && props.data.lang !== props.lang;
 	const hrefLangPrefix = props.data.lang && props.data.lang !== DEFAULT_LANGUAGE ? `/${props.data.lang}` : "";
 	return (
-		<article class="article-item">
+		<article itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting" class="article-item">
 			<a
 				href={`${hrefLangPrefix}/blog/${new Date(props.data.published_at).toLocaleDateString("en-CA")}/${
 					props.data.slug
 				}/`}
 			>
 				<div class="flex">
-					<h3>{props.data.title}</h3>
+					<h3 itemprop="headline">{props.data.title}</h3>
 					{isNonDefaultLanguage && <sup>{props.data.lang.toLocaleUpperCase()}</sup>}
 				</div>
 				<p>
diff --git a/src/components/ArticlesList/ArticlesList.tsx b/src/components/ArticlesList/ArticlesList.tsx
index 9b7356c..91faa29 100644
--- a/src/components/ArticlesList/ArticlesList.tsx
+++ b/src/components/ArticlesList/ArticlesList.tsx
@@ -72,7 +72,7 @@ const ArticlesList: Component<ArticlesListProps> = (props) => {
 		<>
 			<SearchInput count={getLength()} placeholder={props.i18n["input.search"]} />
 			<TagsList data={props.data.tags} />
-			<div class="articles-list">
+			<div itemscope itemtype="http://schema.org/Blog" class="articles-list">
 				{isEmpty() ? (
 					<div class="articles-list__empty">
 						<p>{props.i18n["articles.empty"]}</p>
diff --git a/src/components/Header/Header.astro b/src/components/Header/Header.astro
index 86938d0..c1df846 100644
--- a/src/components/Header/Header.astro
+++ b/src/components/Header/Header.astro
@@ -19,12 +19,13 @@ const { pathname } = Astro.url;
 				{name}
 			</TranslatedLink>
 		</div>
-		<nav>
+		<nav itemscope itemtype="http://schema.org/SiteNavigationElement">
 			<ul>
 				{
 					nav.map((link) => (
 						<li>
 							<TranslatedLink
+								itemprop="url"
 								class={pathname.includes(removeSlashes(link.url)) && pathname.split("/").length < 5 && "active"}
 								to={link.url}
 							>
diff --git a/src/components/RecentArticles/RecentArticles.astro b/src/components/RecentArticles/RecentArticles.astro
index 15ef927..d42a461 100644
--- a/src/components/RecentArticles/RecentArticles.astro
+++ b/src/components/RecentArticles/RecentArticles.astro
@@ -26,7 +26,7 @@ const isEmpty = recent.length === 0;
 		</TranslatedLink>
 	</div>
 
-	<div>
+	<div itemscope itemtype="http://schema.org/Blog">
 		{!isEmpty ? recent.slice(0, length).map((article) => <ArticleItem lang={lang} data={article} />) : <EmptyList />}
 	</div>
 </section>