bubble/yarkov.tech
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/yarkov.tech.git synced 2026-10-11 18:39:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: added microdata to article post

Browse Source
This commit is contained in:
Sergey Yarkov 2022-08-17 21:16:38 +03:00
parent 2f11e6020b
commit 2550e807d3
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ArticleContent/ArticleContent.astro
View File

@ -1,5 +1,5 @@
---
import './ArticleContent.scss';
import "./ArticleContent.scss";
---
<div class='article-content '><slot></slot></div>
<div itemprop="articleBody" class="article-content"><slot /></div>

14
src/components/ArticlePost/ArticlePost.astro
View File

@ -14,31 +14,31 @@ const { data, lang } = Astro.props as Props;
const { title, tags, author, published_at } = data;
---
<article class="article">
<article itemscope itemtype="http://schema.org/BlogPosting" class="article">
<header>
<div class="tags">
<ul>
<ul itemprop="keywords">
{
tags.map((tag) => (
<li>
<TranslatedLink to={`/articles/?tags=${tag.toLocaleLowerCase()}`}>{`${tag}${tags.at(-1) === tag ? "" : ","}`}</TranslatedLink>
<TranslatedLink rel="tag" to={`/articles/?tags=${tag.toLocaleLowerCase()}`}>{`${tag}${tags.at(-1) === tag ? "" : ","}`}</TranslatedLink>
</li>
))
}
</ul>
</div>
<div class="heading">
<h1>{title}</h1>
<h1 itemprop="headline">{title}</h1>
</div>
<div class="published">
<time datetime={published_at}>{createDateFormatter(lang).format(new Date(published_at))}</time>
<span>{author}</span>
<time itemprop="datePublished" datetime={published_at}>{createDateFormatter(lang).format(new Date(published_at))}</time>
<span itemprop="author">{author}</span>
</div>
{
data.coverImage && (
<div>
<figure>
<Image src={data.coverImage} width={700} height={400} aspectRatio={"16:9"} format={"webp"} alt={data.title} />
<Image itemprop="image" src={data.coverImage} width={700} height={400} aspectRatio={"16:9"} format={"webp"} alt={data.title} />
</figure>
</div>
)