Динамические c открытые графические теги в одностраничном приложении

Question

Я пытаюсь ввести op:tags в моем reactjs приложении. Я наткнулся на https://github.com/nfl/react-helmet, и он динамически внедряет теги в мой индекс. html Выступы заголовка, как я и хотел. Проблема в том, что он вставляет теги в конец заголовка и, таким образом, не распознается отладчиком Facebook здесь . Это работает, когда теги ogen graph появляются прямо в начале заголовка перед тегами script. Однако с rea c -шлемом он впрыскивает их в крайнем конце. Пожалуйста, как мне лучше это исправить? Я пытаюсь сделать предварительный просмотр статьи в социальных сетях, и это терпит неудачу только из-за договоренности. Любая помощь будет оценена.

Answer 1

ну, я не думаю, что это из-за договоренности.

Насколько я помню, FB не выполняет javascript код в указанном URL.

Скребок Facebook просто смотрит на HTML код вашей страницы; это не полноценный «браузер», который выполнял бы любой код сайта клиента.

с этим, как говорится. Какие бы метатеги вам ни понадобились, это нельзя сделать с помощью JS на стороне клиента. он должен отображаться на стороне сервера.

Я не уверен, какую технологию вы используете для обслуживания этого приложения, но могу предположить, что это приложение реакции. и было бы легко справиться с этим через небольшой express сервер. который служит приложению с правильными мета-тегами на месте даже.