type:any

【ブログ改善日記】react-helmetでdescriptionを抜粋表示(gatsby.js・contentful)

{ category: "Front-end" }

ブログのSEO改善のためにdescriptionを抜粋表示にしたいなーと思い、descriptionを抜粋表示に。もっとスマートなやり方があるかもしれませんが、下記でさっくり解決。

// ブログ記事関数コンポーネント
const BlogPage = (props) => {
    // props.data.contentfulBlogPost.body.bodyは記事本文
    const bodyExcerpt = props.data.contentfulBlogPost.body.body.slice(0, 120);

    return (
        <Layout>
            <SEO title={props.data.contentfulBlogPost.title} description={bodyExcerpt} />

...以下続く

もっとスマートなやり方ご存知の方いたらご連絡お願いしますmm
ブログの技術構成も記事にしてないのに、改善記事を書いてしまう。。