Open Graph Tags richtig verwenden, Bitte um Hilfe von Profis! |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
Open Graph Tags richtig verwenden, Bitte um Hilfe von Profis! |
Tue. 17. June 2014, 12:00
Beitrag
#1
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
Hallo Leute,
ich habe eine Frage: Ich möchte für die Facebook-Teilen-Funktion gerne Open Graph tags einbauen (https://developers.facebook.com/docs/plugins/checklist/). Kann mir jemand sagen wie ich diese RICHTIG in meiner Site einbauen kann? Weil die <meta> Tags werden ja automatisch von Sefrengo generiert... . Dies würde ich gerne einbauen: QUELLTEXT <meta property="og:title" content="TITEL" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://meineDomain.de" /> <meta property="og:image" content="http://www.meineDomain.de/images/beispiel.jpg" /> <meta property="og:description" content="CONTENT" /> <meta property="og:site_name" content="Meine Page" /> UND noch eine Frage, die sich anschließt: Wie kann ich dieser Tags dynamisch mit Inhalten aus dem Artikelsystem füttern? Ich denke da an diese Inhalte --> wenngleich ich weis, dass diese Verweise nicht automatisch funktionieren... . So ungefähr: QUELLTEXT <meta property="og:title" content="{title}" /> <meta property="og:type" content="website" /> <meta property="og:url" content="{url}" /> <meta property="og:image" content="{imageurl:1}" /> <meta property="og:description" content="{teaser}" /> <meta property="og:site_name" content="Meine Page" /> Wie könnte man das lauffähig machen? Weiß jemand wie ich diese tags dynamisch mit Inhalten aus dem Artikelsystem füttern kann? Für SEO, Word-Press, JOOMLA & Co. gibt es da Plugins und Module bzw. Lösungen wie diese: http://www.blog.tocki.de/2010-11-09/facebo...tags-wordpress/ Für Sefrengo leider nicht Da wäre der Rat eines erfahrenen Sefrengo-Users gefragt! -------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
Wed. 9. July 2014, 16:34
Beitrag
#2
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
Hi,
naja, es werden ganze Teile der Seite nicht mehr angezeigt. Hier einfach mal der Quellcode des Head MIT deiner o.g. Lösung: QUELLTEXT <!DOCTYPE html> <html> <head> <!--START head//--> <meta name="generator" content="Sefrengo / www.sefrengo.org" > <meta name="author" content="Frederick Fisher"> <meta name="robots" content="index, follow"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="expires" content="0"> <link rel="stylesheet" href="cms/css/schriftformate.css" type="text/css" > <link rel="stylesheet" href="cms/css/style14.css" type="text/css" > <script src="cms/js/datum.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="http://feuerwehr-lauschied.de/neu/backend/tpl/standard/css/sf_hovermenu.css" /> <style type="text/css"> div.actEditFrame {border:1px solid #AF0F0F; -moz-user-focus: normal;min-height:20px;} div.editFrame {border:1px dashed #BFBFBF; -moz-user-focus: normal;min-height:20px;} </style> <script src="http://feuerwehr-lauschied.de/neu/backend/tpl/standard/js/jquery/init.sefrengo.js" type="text/javascript"></script> <script src="http://feuerwehr-lauschied.de/neu/backend/tpl/standard/js/jquery/lib/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">/* <![CDATA[ */ SF.Config.debug = false; SF.Config.backend_dir = 'http://feuerwehr-lauschied.de/neu/backend/'; // e.g. /backend/ SF.Config.js_dir = SF.Config.backend_dir + 'tpl/standard/js/jquery/'; SF.Config.css_dir = SF.Config.backend_dir + 'tpl/standard/css/'; SF.Config.img_dir = SF.Config.backend_dir + 'tpl/standard/img/'; /* ]]> */</script><script src="http://feuerwehr-lauschied.de/neu/backend/tpl/standard/js/jquery/jquery.frontend.js" type="text/javascript"></script> <script src="http://feuerwehr-lauschied.de/neu/backend/external/mozile/mozileLoader.js" type="text/javascript"></script> <script type="text/javascript"> <!-- function con_setcontent(container,number,type,typenumber) { var thisID = 'content_'+container+'_'+number+'_'+type+'_'+typenumber; eval("var a = document.getElementById('" + thisID + "');"); var str = ''; var aContent = a.innerHTML; var datas=a.id.split("_"); str += datas[1] +'*x|*'+datas[2]+'*x|*'+datas[3]+'*x|*'+datas[4]+'*x|*' + aContent + '*x||*'; eval('document.editform_'+container+'_'+number+'_'+type+'_'+typenumber+'.data.value=str'); eval('document.editform_'+container+'_'+number+'_'+type+'_'+typenumber+'.submit()'); } try { window.parent.con_nav.sf_setCurrentIdcatside(43, true, 1) } catch (e) { }//--> </script> <!--END head//--> <!--START 100//--> <!--END 100//--> <title>Freiwillige Feuerwehr Lauschied</title><a name="head"><a name="head"></a> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Abel"> <!-- Start WOWSlider.com HEAD section --> <script type="text/javascript" src="media/slider/engine1/jquery.js"></script> <!-- Ende WOWSlider.com HEAD section --> <!-- Start Lightbox --> <script src="cms/layout/lightbox/js/jquery-1.11.0.min.js"></script> <script src="cms/layout/lightbox/js/lightbox.min.js"></script> <link href="cms/layout/lightbox/css/lightbox.css" rel="stylesheet" /> <!-- Ende Lightbox --> </head> Und das ist der Code OHNE deine o.g. Lösung und funktionierender Page: QUELLTEXT <!DOCTYPE html> <html> <head> <!--START head//--> <meta name="generator" content="Sefrengo / www.sefrengo.org" > <meta name="author" content="Frederick Fisher"> <meta name="robots" content="index, follow"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="StyleSheet" href="cms/css/schriftformate.css" type="text/css" > <link rel="StyleSheet" href="cms/css/style14.css" type="text/css" > <script src="cms/js/datum.js" type="text/javascript"></script> <!--END head//--> <title>Freiwillige Feuerwehr Lauschied</title><a name="head"><a name="head"></a> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Abel"> <!-- Start WOWSlider.com HEAD section --> <script type="text/javascript" src="media/slider/engine1/jquery.js"></script> <!-- Ende WOWSlider.com HEAD section --> <!-- Start Lightbox --> <script src="cms/layout/lightbox/js/jquery-1.11.0.min.js"></script> <script src="cms/layout/lightbox/js/lightbox.min.js"></script> <link href="cms/layout/lightbox/css/lightbox.css" rel="stylesheet" /> <!-- Ende Lightbox --> </head> Ich finde das irgendwie "beschissen", dass man nicht selbst händisch meta-Angaben nachtragen kann in Sefrengo! Also meta-tags, die nichts mit Beschreibung, etc. zu tun haben. Diese Open-Graph-Tags sind ja heute, wie ich mich immer tiefer darin eingelesen habe, keine Seltenheit, sondern standard auf Pages, die Nachrichten und News posten. Weil ohne diese Tags funktioniert die Teilen-Funktion von facebook beispeilsweise nur begrenzt richtig. Wie oben schon beschrieben, gibt es dazu in anderen CMS bereits Module.... Hat niemand Lust sich der Sache mal anzunehmen?! -------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 27.9.24 - 03:52 |