angularjs를 사용하여 메타 태그를 설정할 때 메타 태그가 표시되지 않습니다.

Question

메타 태그에 하나의 문제가 있습니다. 내 HTML 파일에서 content 속성이 {{ meta.siteName }}으로 설정된 메타 태그가 있으며 모든 경로에서이 태그를 프로그래밍 방식으로 설정합니다. 모두 괜찮아요,이 태그를 제대로 설정하지만, 나는 실제 값 대신 {{ meta.siteName }}과 {{ meta.description }}을 보여줌으로써 skype/slack 등을 통해 일부 페이지로 링크를 보내려고합니다. 나쁜 언어로 유감.

Answer 1

Slack과 Skype 봇이 Javascript를 실행하지 않기 때문에 그럴 가능성이 큽니다. 따라서 각도 코드는 템플릿의 {{ meta.siteName }} 및 {{ meta.description }}을 바꿀 기회를 결코 얻지 못합니다.

이 기능을 사용하려면 서버 측에서 설정하거나 사전 렌더링을 사용해야합니다 (예 : https://prerender.io/ 사용).

문제는 페이스 북과 트위터 봇처럼 Javascript를 실행하지 않는 다른 봇에서도 발생합니다. 또한 googlebot에서 Javascript를 얼마나 실행했는지 명확하지 않으므로 사이트에 SEO 문제가있을 수 있습니다.