Теги OG не работают с реактивным шлемом и Netlify - PullRequest
Новая
       43

Теги OG не работают с реактивным шлемом и Netlify

0 голосов
/ 02 мая 2019

Я не могу за всю жизнь понять это.Следующий сайт размещен на Netlify, и предварительная визуализация включена.При проверке страницы все теги OG верны.Эти теги вводятся с использованием реагирующего шлема.

https://browniepoints.africa/opportunities/volunteer-at-a-soup-kitchen-every-week-on-thursdays

При очистке вышеуказанного URL-адреса в отладчике Facebook он отвечает: 

The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

Только одиниз тех ошибок / предупреждений, которые должны быть, есть app_id, который меня не волнует.

Я ждал более 48 часов, чтобы очистить кеш, я попытался очистить строки запросадобавляется к URL, и изображения имеют абсолютные URL.Но даже тег описания не проходит.

Может ли кто-нибудь, кто использует реактивный шлем и Netlify, пролить определенный свет на эту проблему?

Ответы [ 2 ]

1 голос
/ 08 мая 2019

Это связано с известной проблемой с предварительным отображением .

Мое исправление заключалось в удалении объявления <!DOCTYPE html> из файла index.html в качестве временного обходного пути до тех пор, пока вышеуказанная проблема не будет решена..

1 голос
/ 07 мая 2019

Хотя я не могу точно сказать, почему.Ваш SSR не работает правильно.Перейдите в Chrome DevTools и нажмите на 3 вертикальные точки рядом с консолью:

Console options

Выберите условия сети, затем снимите флажок Выбрать автоматически и введите Googlebot/2.1 (+http://www.google.com/bot.html):

Network conditions

Теперь обновите страницу и обратите внимание, что все, что вы видите на сайте, - это какой-то открытый текст с надписью "html", и даже ваш пакет javascript отсутствует.Вот как выглядит ваш html: 

html<html lang="en"><head><meta charset="utf-8"><meta name="fragment" content="!"><link rel="shortcut icon" href="/favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>Brownie Points</title><link href="/static/css/2.3bf0f3c5.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

Обратите внимание, что Netlify SSR находится в бета-версии, но лично у меня не было таких проблем с ним.Вы делали какие-либо другие шаги, кроме как включить его?Если вы делаете те же шаги и проверяете сайт, который я создал, используя Netlify SSR и React create-app, обратите внимание, что html правильный: https://yebu.io/

...