added some microdata

This commit is contained in:
Sergey Yarkov 2022-11-23 23:27:15 +03:00
parent 09dcb4df2c
commit 2ce791412d
No known key found for this signature in database
GPG Key ID: E91CE1FABC619B6F
4 changed files with 6 additions and 5 deletions

View File

@ -13,14 +13,14 @@ export const ArticleItem: Component<ArticleItemProps> = (props) => {
const isNonDefaultLanguage = props.data.lang && props.data.lang !== props.lang; const isNonDefaultLanguage = props.data.lang && props.data.lang !== props.lang;
const hrefLangPrefix = props.data.lang && props.data.lang !== DEFAULT_LANGUAGE ? `/${props.data.lang}` : ""; const hrefLangPrefix = props.data.lang && props.data.lang !== DEFAULT_LANGUAGE ? `/${props.data.lang}` : "";
return ( return (
<article class="article-item"> <article itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting" class="article-item">
<a <a
href={`${hrefLangPrefix}/blog/${new Date(props.data.published_at).toLocaleDateString("en-CA")}/${ href={`${hrefLangPrefix}/blog/${new Date(props.data.published_at).toLocaleDateString("en-CA")}/${
props.data.slug props.data.slug
}/`} }/`}
> >
<div class="flex"> <div class="flex">
<h3>{props.data.title}</h3> <h3 itemprop="headline">{props.data.title}</h3>
{isNonDefaultLanguage && <sup>{props.data.lang.toLocaleUpperCase()}</sup>} {isNonDefaultLanguage && <sup>{props.data.lang.toLocaleUpperCase()}</sup>}
</div> </div>
<p> <p>

View File

@ -72,7 +72,7 @@ const ArticlesList: Component<ArticlesListProps> = (props) => {
<> <>
<SearchInput count={getLength()} placeholder={props.i18n["input.search"]} /> <SearchInput count={getLength()} placeholder={props.i18n["input.search"]} />
<TagsList data={props.data.tags} /> <TagsList data={props.data.tags} />
<div class="articles-list"> <div itemscope itemtype="http://schema.org/Blog" class="articles-list">
{isEmpty() ? ( {isEmpty() ? (
<div class="articles-list__empty"> <div class="articles-list__empty">
<p>{props.i18n["articles.empty"]}</p> <p>{props.i18n["articles.empty"]}</p>

View File

@ -19,12 +19,13 @@ const { pathname } = Astro.url;
{name} {name}
</TranslatedLink> </TranslatedLink>
</div> </div>
<nav> <nav itemscope itemtype="http://schema.org/SiteNavigationElement">
<ul> <ul>
{ {
nav.map((link) => ( nav.map((link) => (
<li> <li>
<TranslatedLink <TranslatedLink
itemprop="url"
class={pathname.includes(removeSlashes(link.url)) && pathname.split("/").length < 5 && "active"} class={pathname.includes(removeSlashes(link.url)) && pathname.split("/").length < 5 && "active"}
to={link.url} to={link.url}
> >

View File

@ -26,7 +26,7 @@ const isEmpty = recent.length === 0;
</TranslatedLink> </TranslatedLink>
</div> </div>
<div> <div itemscope itemtype="http://schema.org/Blog">
{!isEmpty ? recent.slice(0, length).map((article) => <ArticleItem lang={lang} data={article} />) : <EmptyList />} {!isEmpty ? recent.slice(0, length).map((article) => <ArticleItem lang={lang} data={article} />) : <EmptyList />}
</div> </div>
</section> </section>