Мета-теги Angular 6.x OG: Описание не работает с FB
У меня есть приложение Angular 6.x, и я меняю метатеги в своем компоненте с помощью мета-службы. Моя цель состояла в том, чтобы у каждого маршрута было другое изображение и описание, чтобы они правильно отображали предварительный просмотр в facebook. Я проверил, что метатеги действительно меняются, но FB их не видит. Я использовал FB https://developers.facebook.com/tools/debug/sharing/ для проверки своего сайта, и он работает правильно, если я помещаю метатеги в свой index.html, но когда я использую мета-сервис в компоненте, он их не видит. Могу ли я предположить, что это связано с характером одностраничного приложения? И FB не видит изменений в метатегах, и мне нужно было бы как-то предварительно их визуализировать с помощью Angular Universal? Из-за того, что сервер их не обслуживает? Я не понимаю, что такое Angular Universal, похоже, что его использование побеждает точку зрения клиента, отображающую страницу, и я должен использовать что-то помимо Angular. Сможет ли prerender.io решить эту проблему за меня?
Да, я так и думал. Я надеюсь, что в будущем появится более простой способ сделать это. Если вы ответите на этот вопрос, я отмечу его как принятый ... спасибо
Привет, @Maccurt, если у тебя есть решение, напишите здесь
Заглянул на prerender.io. prerender.io
Ответы 1
Я использую @ ngx-meta для универсальных тегов и тегов OG - и все работает нормально.
Меня смущает то, что, хотя наличие Angular рендеринга на клиенте было большим преимуществом, перевод его на универсальный кажется движением назад ... Мне нужно будет это изучить ... Я хочу, чтобы гуглы и fb мира решили эту проблему на их конце. Я, наверное, не понимаю, как все это говорить ...
Да, парсер Facebook не заботится о каком-либо клиентском JavaScript. Сервер должен возвращать правильные метатеги непосредственно для запрошенного URL. И да, prerender.io - один из сервисов, который может помочь решить эту проблему.