Edit metadata

This commit is contained in:
Paul Nicoué 2022-12-09 16:07:35 +01:00
parent 8dadf92e8a
commit d4e7a26dd4

29
app.vue
View file

@ -13,9 +13,12 @@
// HEAD // HEAD
// ---------------------------------------------------------------------------- // ----------------------------------------------------------------------------
const route = useRoute(); const siteTitle = 'Paul Nicoué';
const pageTitle = route.meta.pageTitleChunk ? `Paul Nicoué | ${route.meta.pageTitleChunk}` : 'Paul Nicoué'; const siteUrl = 'https://paulnicoue.com';
const pageUrl = `https://paulnicoue.com${route.path}`; const pageTitle = useRoute().meta.pageTitleChunk ? `${siteTitle} | ${useRoute().meta.pageTitleChunk}` : siteTitle;
const pageUrl = siteUrl + useRoute().path;
const metaDescription = 'Intégrateur web et développeur full stack.';
const metaImageUrl = `${siteUrl}/images/paul-nicoue-logo-1200x675px.png`;
useHead({ useHead({
title: pageTitle, title: pageTitle,
@ -24,27 +27,27 @@
{charset: 'utf-8'}, {charset: 'utf-8'},
{name: 'viewport', content: 'width=device-width'}, {name: 'viewport', content: 'width=device-width'},
/* Name */ /* Name */
{id: 'schema_name', itemprop: 'name', content: 'Paul Nicoué'}, {id: 'schema_name', itemprop: 'name', content: siteTitle},
/* Description */ /* Description */
{name: 'description', content: 'Intégrateur web et développeur full stack.'}, {name: 'description', content: metaDescription},
{id: 'schema_description', itemprop: 'description', content: 'Intégrateur web et développeur full stack.'}, {id: 'schema_description', itemprop: 'description', content: metaDescription},
/* Author */ /* Author */
{name: 'author', content: 'Paul Nicoué'}, {name: 'author', content: siteTitle},
/* Image */ /* Image */
{id: 'schema_image', itemprop: 'image', content: 'images/paul-nicoue-logo-1200x675px.png'}, {id: 'schema_image', itemprop: 'image', content: metaImageUrl},
/* Open Graph */ /* Open Graph */
{property: 'og:title', content: pageTitle}, {property: 'og:title', content: pageTitle},
{property: 'og:description', content: 'Intégrateur web et développeur full stack.'}, {property: 'og:description', content: metaDescription},
{property: 'og:image', content: 'images/paul-nicoue-logo-1200x675px.png'}, {property: 'og:image', content: metaImageUrl},
{property: 'og:image:width', content: '1200'}, {property: 'og:image:width', content: '1200'},
{property: 'og:image:height', content: '675'}, {property: 'og:image:height', content: '675'},
{property: 'og:url', content: pageUrl}, {property: 'og:url', content: pageUrl},
{property: 'og:type', content: 'website'}, {property: 'og:type', content: 'website'},
/* Twitter Card */ /* Twitter Card */
{name: 'twitter:card', content: 'summary_large_image'}, {name: 'twitter:card', content: 'summary_large_image'},
{name: 'twitter:title', content: 'Paul Nicoué'}, {name: 'twitter:title', content: siteTitle},
{name: 'twitter:description', content: 'Intégrateur web et développeur full stack.'}, {name: 'twitter:description', content: metaDescription},
{name: 'twitter:image', content: 'images/paul-nicoue-logo-1200x675px.png'} {name: 'twitter:image', content: metaImageUrl}
], ],
link: [ link: [
/* Canonical URL */ /* Canonical URL */