Metadata and site_name SEO

hi there, a few questions

Getting this message

metadataBase property in metadata export is not set for resolving social open graph or twitter images

for both dev and production

my configuration

--a

1export const metadata = {2  metadataBase: new URL(`${process.env.BASE_URL}`),

--b

1export async function generateMetadata({ params, searchParams }) {2  const { category } = params;3  return {4    metadataBase: new URL("https://www.site.name"),

how to declare it correctly?

can not get the site name in the google search, getting only domain url my configuration

1export async function generateMetadata({ params, searchParams }) {2  const { category } = params;3  return {4    openGraph: {5      siteName: "My Site Name",

what could cause this behavior?

thanks!

Vercel Staff

Hey there,

Please note that: https://nextjs.org/docs/app/api-reference/functions/generate-metadata

The metadata object and generateMetadata function exports are only supported in Server Components.
You cannot export both the metadata object and generateMetadata function from the same route segment.
On the initial load, streaming is blocked until generateMetadata has fully resolved, including any content from loading.js.

hi,

in my case, both metadata and generatemetadata are running on the server side

they are exported as follows metadata from /blogs/layout.js generatemetadata from /blogs/[slug]/[slug]/page.js

Vercel Staff

Did you provide BASE_URL Environment variable in Project? This worked for me:

1export const metadata = {2  metadataBase: new URL('http://localhost:3000'),3  title: 'Title website',4  description: 'this is the description'5  openGraph: {6    title: 'Title website',7    description: 'this is the description',8    image: 'url/image.png'9  },10  twitter: {11    card: 'summary_large_image',12    site: '@vercel_support',13    title: 'Title website',14    description: 'this is the description',15    image: 'url/image.png'16  }17}

The error metadata.metadataBase is not set for resolving typically occurs when the base URL for metadata is not set, which is needed for resolving social open graph or Twitter images. This warning can appear when running in development mode (localhost), and it will fallback to "http://localhost:3000" if metadataBase is not set.

still getting the issue

metadataBase property in metadata export is not set for resolving social open graph or twitter images, using

error appears for both - dev and production

This topic is closed. It no longer accepts new replies.