2016-02-23 11 views
6

Ich habe eine Webseite, die dynamisch erstellt wird und versuche, Links zu bekommen, die auf Google+ geteilt werden, um Snippets anzuzeigen und gut aussehen, ein Beispiel-Snippet für Artikel Rendering und Dokumentation finden Sie hier:Google+ Snippet mit Open Graph Protocol

https://developers.google.com/+/web/snippet/article-rendering

Wenn ich die Dokumentation meine Links machen nicht mit allem, was folge ich in google gesetzt und zeigen sie, wie auf den Punkt:

enter image description here

Der Kopf meiner Seite sieht wie folgt aus:

<head> 
<div id="replaceGoogle"></div> 
</head> 

In meinem Javascript ich das die Open Graph-Tags einmal erzeugt einzufügen haben:

//replace google 
     var google = '<meta property="og:type" content="article" /><meta itemprop="og:headline" content="'+ data[0].name+'" /> <meta itemprop="og:description" content="View beer on Beer Portfolio" /> <meta property="og:image" content="'+ data[0].icon +'" />'; 
     $("#replaceGoogle").replaceWith(google); 

Die Daten von json genommen wird von einem Ajax-Aufruf gelesen . Kann ich das nicht dynamisch machen?

+0

Nur ServerSide-Skripts, die eine dynamische Ihre Websprache benötigt. – Hammer

Antwort

4

Ich denke, diese Frage ist ähnlich wie Generating Open Graph meta tags dynamically. Der Hauptgrund für dein Problem ist, dass Google + und Facebook dein Javascript nicht ausführen werden, damit keiner von ihnen deine dynamischen og Tags sehen kann.

Grund Lösung für dieses Problem ist:

  • für jede dynamische Seite eindeutige URL erstellen und dynamische params für diese URL in der Datenbank speichern.
  • , wenn der Benutzer versuchen, Seiten, die Sie mit dieser einzigartigen URL zu teilen dynamische params
  • erstellen Seite mit og Tags gefüllt mit gefunden dynamischen params

Simple schema for saving og tags for dynamic generated pages

1

Verwenden serverseitige Skript gespeichert finden (fragen für Details in den Kommentaren)