html - Website name is not showing in google search result, URL is shown instead - Stack Overflow

admin管理员组

文章数量:1304168

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:

1. I avoided some long untidy name, I’ve chosen « Voltic Digital Solutions » that seems basic to me
2. On my landing page, I have a title tag with the value « Voltic Digital Solutions »
3. My first HTML tag in the body is an h1 with the value « Voltic Digital Soltutions », and it is the only h1 on the page to avoid confusions
4. I put every metadata I could, using OpenGraph, Twitter… always specifying « Voltic Digital Solutions » :

export const metadata: Metadata = {
  metadataBase: new URL(''),
  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', ''),
    ]
  },
  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: "/",
    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?

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:

1. I avoided some long untidy name, I’ve chosen « Voltic Digital Solutions » that seems basic to me
2. On my landing page, I have a title tag with the value « Voltic Digital Solutions »
3. My first HTML tag in the body is an h1 with the value « Voltic Digital Soltutions », and it is the only h1 on the page to avoid confusions
4. I put every metadata I could, using OpenGraph, Twitter… always specifying « Voltic Digital Solutions » :

export const metadata: Metadata = {
  metadataBase: new URL('https://volticdigitalsolutions'),
  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'),
    ]
  },
  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/",
    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?

• html
• next.js
• seo
• metadata

Share Improve this question Follow edited Feb 4 at 10:13 Temani Afif 274k2828 gold badges364364 silver badges484484 bronze badges asked Feb 4 at 8:28 coilvolticcoilvoltic 333 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

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.",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Voltic Digital Solutions",
    "item": "https://www.volticdigitalsolutions/"
  }]
}
</script>

and the following for your contact page:

<script type="application/ld+json">
{
  "@context": "https://schema.",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Voltic Digital Solutions",
    "item": "https://www.volticdigitalsolutions/"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "Contact",
    "item": "https://www.volticdigitalsolutions/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!

本文标签： htmlWebsite name is not showing in google search resultURL is shown insteadStack Overflow