Hey everyone!

I’m trying to change how my site’s URL appears in search results (like in the screenshot I’m sharing — where it says “LinkedIn Dorian Grasset” instead of just showing the domain like “linkedin.com”).

On my Next.js site, the domain (e.g. grasset.dev) is displayed, but I’d like to customize that text.

I tried adding applicationName to the metadata, but that just adds “Dorian Grasset:” before my title — which isn’t what I want.

My question:
Which metadata should I update in Next.js to control what appears instead of the URL in search result previews? Or is this something that can only be managed externally through SEO tools like Google Search Console?

Here's my metadata:

export const metadata: Metadata = {
  applicationName: 'Dorian Grasset',
  title: 'DevOps Engineer Student Portfolio - Dorian Grasset',
  description: 'Hey! I’m a student at Polytech Montpellier. I build efficient, automated digital solutions by blending dev and ops. Welcome to my portfolio.',
  keywords: [
    '...
  ],
  icons: {
    icon: 'favicon.ico',
  },
  metadataBase: new URL('https://dorian.grasset.dev'),
  alternates: {
    canonical: '/',
  },
  openGraph: {
    title: 'DevOps Engineer Student Portfolio - Dorian Grasset',
    description: 'Hey! I’m a student at Polytech Montpellier. I build efficient, automated digital solutions by blending dev and ops. Welcome to my portfolio.',

    type: 'website',
    url: 'https://dorian.grasset.dev',
    siteName: 'Dorian Grasset',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'DevOps Engineer Student Portfolio - Dorian Grasset',
    description: 'Hey! I’m a student at Polytech Montpellier. I build efficient, automated digital solutions by blending dev and ops. Welcome to my portfolio.',
  },
}

Thanks a lot for any advice 🙏
If you have any questions, please do not hesitate to ask 🙂