Lo que sucede es que por ejemplo, Facebook toma los metadatos estáticos del index.html y no los que actualiza angular-update-meta. Este es mi proyecto, pueden ver el código fuente, no está minificado: geekmox.com. En el Sharing Debugger de Facebook pueden verificar que los "meta tags" que elije son los del index.html y no los actualizados. Espero que puedan ayudarme, no se qué hacer.
Estos son los "Meta tags" estáticos que tengo en el index.html
<head>
<meta property="og:type" content="website">
<meta property="og:title" content="geekmox.com">
<meta property="og:description" content="Noticias sobre ciencia y tecnología en una interfaz minimalista y fácil de utilizar.">
<meta property="og:url" content="http://geekmox.com/news">
<meta property="og:image" content="http://geekmox.com/jpg/geekmox-og-cover.0.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@geekmox">
<meta name="twitter:title" content="geekmox.com">
<meta name="twitter:description" content="Noticias sobre ciencia y tecnología en una interfaz minimalista y fácil de utilizar.">
<meta property="twitter:image" content="http://geekmox.com/jpg/geekmox-og-cover.0.jpg">
</head>
Estos los tengo en la plantilla donde quiero que se actualicen los "meta tags", en este caso están en la plantilla de los artículos, ósea las noticias.
<update-meta property="og:type" content="article"></update-meta>
<update-meta property="og:title" content="{{item.title}}"></update-meta>
<update-meta property="og:description" content="{{item.description}}"></update-meta>
<update-meta property="og:url" content="http://geekmox.com/news/{{item.id}}"></update-meta>
<update-meta property="og:image" content="http://geekmox.com/{{item.images[0]}}"></update-meta>
<update-meta name="twitter:title" content="{{item.title}}"></update-meta>
<update-meta name="twitter:description" content="{{item.description}}"></update-meta>
<update-meta property="twitter:image" content="http://geekmox.com/{{item.images[0]}}"></update-meta>
Cuando abro la herramienta de desarrollo del navegador para ver el DOM puedo ver que los "meta tags" se actualizan correctamente, pero cuando comparto un enlace de una noticia por ejemplo en Facebook o twitter, la publicación aparece con los datos principales, cómo si "angular-update-meta" no los hubiera actualizado, pero si revisas el DOM de mi web si están actualizados.
meta
, por eso es que debes incluir también ese fragmento del código.