Reputation: 3
I coded a website based on NextJS that I deployed 6 months ago. I’m facing an issue when I search for it on Google: I find it easily but the site name shown is the URL of the website, instead of the title I want.
I know Google engines determine the site name automatically, but I did everything to make it understand what the really site name is:
export const metadata: Metadata = {
metadataBase: new URL('https://volticdigitalsolutions.com'),
title: {
default: 'Voltic Digital Solutions',
template: `%s | Voltic Digital Solutions`
},
description: "Voltic Digital Solutions est une entreprise spécialisée dans la transition digitale.",
icons: {
icon: [
{ url: '/favicon.ico' },
new URL('/favicon.ico', 'https://volticdigitalsolutions.com'),
]
},
applicationName: "Voltic Digital Solutions",
creator: "Voltic Digital Solutions",
keywords: "création de site internet, application, web, transition digitale, solutions numériques, Voltic, digitalisation",
openGraph: {
title: "Voltic Digital Solutions",
description: "Voltic Digital Solutions est une entreprise spécialisée dans la transition digitale.",
url: "https://volticdigitalsolutions.com/",
type: "website",
images: "/pics/voltic-ds.png",
siteName: "Voltic Digital Solutions"
},
twitter: {
card: "summary_large_image",
title: "Voltic Digital Solutions",
description: "Voltic Digital Solutions est une entreprise spécialisée dans la transition digitale.",
images: "/pics/voltic-ds.png",
},
};
I also tried to create some WebSite structured data, defining a sitemap.xml, robot.ts files to try to give more explanation about my website to the Google engines, but nothing worked.
I recrawled my website 10/15 times for 6 months now but the site name (that seems very clear to me) cannot be selected by the Google engines. How is it possible? How is it so hard to put the site name we want?
Upvotes: 0
Views: 78
Reputation: 146
The part of the search result snippet that you are aiming for is the "site hierarchy" feature, a.k.a. the breadcrumb.
To control this feature and make Google display something different than your domain name, you need to add BreadcrumbList
structured data to each of your site's pages following Google's documentation on breadcrumb structured data. For example, you could add the following code to your Homepage:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Voltic Digital Solutions",
"item": "https://www.volticdigitalsolutions.com/"
}]
}
</script>
and the following for your contact page:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Voltic Digital Solutions",
"item": "https://www.volticdigitalsolutions.com/"
},{
"@type": "ListItem",
"position": 2,
"name": "Contact",
"item": "https://www.volticdigitalsolutions.com/contact"
}]
}
</script>
Ideally, you should also have a real breadcrumb navigation on your pages to match the structured data you are feeding Google.
However, be advised that Google has recently decided to stop displaying this feature in Mobile search results, so it will only be visible on desktop.
Hope this helps!
Upvotes: 0