Блог

Я столкнулся с проблемой с SEO в Gatsby JS. Я добавил приведенный ниже код в свой файл SEO.jsx. Я столкнулся с проблемой с SEO-изображением. Когда я вызываю компонент SEO на странице и не вызываю PageImage, изображение не отображается. Затем я проверил исходный код, и там отображается только ссылка на сайт, а на месте изображения страницы отображается неопределенный.

<meta name="image" content={`${siteUrl}${pageImage}` || `${siteUrl}${image}`} />

Но я хочу, чтобы, если я не вызывал PageImage, тогда вызывалось изображение по умолчанию, и там будет изображение. Как я могу это сделать? В чем моя ошибка в этом коде?

Попробуйте:

   <meta name="image" content={`${siteUrl}${pageImage ? pageImage : image}`  />
  

Вам просто нужно просто переместить условие (в данном случае троичное) внутри вашего шаблонного литерала. Вы контролируете значение pageImage , если оно существует, оно отобразит его, если нет, оно будет использоваться image вместо этого.