Open Graph Tags in der imx.Library

Datum: 4. September 2012
Autor*in: Bastian Schwarz

Soeben habe ich eine neue Version des MetainfoGenerators bereitgestellt, der einen Builder und einen Renderer für die Open Graph Tags beinhaltet. Die Logiken zur Einbindung sind nicht im „Mock“-Smartyplugin enthalten, da die Logik sich von Portal zu Portal unterscheiden kann.

Wicht dafür ist, dass die Open Graph Tags mind. aus title, image, url und type bestehen und diese auch auf jeder Seite gesetzt werden müssen. So ist es besonders beim image wichtig, dass portalspezifisch ein Fallback gesetzt wird, wenn für das jew. Objekt keines vorhanden ist.

Eine Beispieleinbindung kann man sich beim Chiemgau Radportal ansehen.

Zur Eigenrecherche: http://opengraphprotocol.org/


Dieser Artikel wurde verschlagwortet unter:

Technologie

Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Technologie

kraken.io: Einfaches Web Interface zur Bild-Optimierung

Autor*in: Benjamin Hofmann

Technologie // User Experience & Design

Auch wenn wir inzwischen vermehrt skalierbare Iconfonts oder SVG-Grafiken einsetzen, so kommt es doch immer wieder vor, dass wir auch Rastergrafiken in den Formaten JPEG, GIF oder PNG im Layout einsetzen. Was wir aber allzu oft übersehen ist, dass man bei diesen einiges an Dateigröße sparen kann. Und das kommt inzwischen nicht nur denen zugute, …


Beitrag lesen
28
NOV
14

Templating with good ol‘ Javascript

Autor*in: Benjamin Hofmann

Technologie

Die letzten Tage bin ich auf eine interessante Technik gestoßen, mit der man ein sehr simples Templating in Vanilla JS umsetzen kann. Das Ganze orintiert sich an den Techniken, die z.B. Handlebars.js oder die originale Micro-Templating-Technik von John Resig nutzen, ist jedoch deutlich kleiner. Der Code Der komplette Code basiert auf RequireJS, kann aber natürlich …


Beitrag lesen
29
SEP
16

iOS Probleme mit transition

Autor*in: Florian Müller

Technologie // User Experience & Design

Heute ist mir bei einem Projekt ein Problem mit iOS begegnet. Es gibt eine Galerie, bei welcher die Elemente von oben „hereinfliegen“. Auf dem iPad und dem iPhone war dieser Effekt kaum beziehungsweise gar nicht vorhanden, sondern das Bild war einfach *plopp* da. Problem hierbei ist, dass transitions bei iOS ohne Hardware Beschleunigung gerendert werden. …


Beitrag lesen
28
SEP
16

Preload – was bringts?

Autor*in:

Technologie

Im Laufe der Umsetzung des Grassau-Portals habe ich mich mal mit Preloading im html auseinandergesetzt. Benutzt wird das Ganze, um Resourcen wie z.B. Styles, Fonts etc. effizienter laden zu können und somit die Performance zu verbessern. Der Vorteil gegenüber dem ja inzwischen schon etwas älteren Prefetching ist, dass im Tag ein Type angegeben wird, der …


Beitrag lesen
28
FEB
17