Динамически добавляйте заданное c изображение и заголовок к ссылке на Facebook, чтобы отреагировать js и приложение Next js

Question

Мое веб-приложение js содержит динамический список статей c, и я пытаюсь поделиться текущей ссылкой (которая является страницей сведений о статье) на Facebook. Я потратил несколько часов, чтобы найти способ отправки / поделиться изображением, но не нашел правильного решения, с помощью которого я могу поделиться изображениями и заголовком статьи вместе со ссылкой. У кого-нибудь есть идея? Пожалуйста, предложите мне несколько примеров ссылок или идей для реализации этого в моем приложении js.

Answer 1

Любая ссылка, которой вы делитесь, ДОЛЖНА иметь теги OG в исходном HTML источнике. Dynami c Теги невозможны, Facebook игнорирует JavaScript. С помощью Next. js вы можете использовать SSR (рендеринг на стороне сервера) , чтобы избежать этого. Каждая статья должна иметь статический URL c с указанными c тегами OG.

В качестве альтернативы, вы можете использовать https://prerender.io/ для этого. Но поскольку вы уже используете Next. js, я бы предпочел go для пользовательского сервера с SSR.