Willkommen, Gast ( Anmelden | Registrierung )     [ Hilfe | Mitglieder | Suche ]

> Open Graph Tags richtig verwenden, Bitte um Hilfe von Profis!
webmasterFF
Beitrag 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 sad.gif 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 !!
Go to the top of the page
 
+Quote Post
 
Start new topic
Antworten
webmasterFF
Beitrag 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 !!
Go to the top of the page
 
+Quote Post

Beiträge in diesem Thema
- webmasterFF   Open Graph Tags richtig verwenden   Tue. 17. June 2014, 12:00
- - webmasterFF   Gibt es niemandem aus dem Forum, der sich da mit p...   Wed. 18. June 2014, 16:19
|- - bkm   3. add_headerelement (beliebiges Element an den h...   Wed. 18. June 2014, 16:51
- - webmasterFF   Hallo bmk, danke für deine Antwort. Ich versteh ...   Thu. 19. June 2014, 21:13
|- - bkm   ZITAT(webmasterFF @ Thu. 19. June 2014, 22...   Sat. 21. June 2014, 13:02
- - webmasterFF   Achso... . Ich habe diese Ansätze allesamt geles...   Sat. 21. June 2014, 14:39
- - webmasterFF   Keine eine Idee?   Mon. 23. June 2014, 11:26
- - webmasterFF   Immer noch keinr?   Sat. 28. June 2014, 10:59
- - mvsxyz   Wenn ich dein Anliegen und die Diskussion bis hier...   Sun. 29. June 2014, 16:20
- - webmasterFF   Puh, klingt zunächst praktikabel. Ich versuche da...   Thu. 3. July 2014, 09:18
- - webmasterFF   So, habe das mal ausprobiert und bin wie folgt vor...   Tue. 8. July 2014, 08:40
- - mvsxyz   Warum ist das Layout zerschossen? Wie schaut das M...   Wed. 9. July 2014, 16:09
- - webmasterFF   Hi, naja, es werden ganze Teile der Seite nicht m...   Wed. 9. July 2014, 16:34
- - mvsxyz   Ähm, in deinem Beispiel ist der Container 100 lee...   Wed. 9. July 2014, 19:56
- - webmasterFF   Er tut es aber dennoch... . Wofür ist der ganze ...   Thu. 10. July 2014, 10:23
- - mvsxyz   Ich kann dir nicht genau sagen, wofür die Funktio...   Thu. 10. July 2014, 12:58
- - webmasterFF   Das ist irgendwie alles eigenartig! Es muss d...   Thu. 10. July 2014, 15:01
|- - bkm   Das erscheint doch immer im Preview Modus, unabhä...   Thu. 10. July 2014, 17:15
- - webmasterFF   Dann mach ich irgendwas falsch! Kann mir jema...   Thu. 10. July 2014, 18:27
- - mvsxyz   Ich habe dir mal das Artikelssystem-Modul v1.7.1 k...   Mon. 14. July 2014, 22:25
- - webmasterFF   Hi, super vielen Dank Aber leider läuft da was n...   Wed. 16. July 2014, 14:34
- - mvsxyz   Vielleicht klären wir mal die die erste Frage: Wa...   Wed. 16. July 2014, 22:51
- - webmasterFF   Hmm, weil mein Layout komplett per CSS aufgebaut i...   Thu. 17. July 2014, 09:28
- - webmasterFF   Ich nehme an, diese Frage bleibt sodann ungeklärt...   Mon. 21. July 2014, 13:15
- - Taturo   hallo webmasterFF, egal ob du CSS verwendest oder...   Mon. 21. July 2014, 18:11
- - webmasterFF   Mir wäre ja mal wichtig, wie der Container eurer ...   Mon. 21. July 2014, 19:36
- - Taturo   na einfach den Container rein und fertig:QUELLTEXT...   Mon. 21. July 2014, 20:17
- - webmasterFF   Hi Taturo, also ich habe meine Site auch mal durc...   Tue. 22. July 2014, 14:47
- - Taturo   Okay, du hast hier schon eine modifizierte Version...   Tue. 22. July 2014, 20:47
- - webmasterFF   Was wäre dein Tipp für die obsoleten Fehler? ...   Wed. 23. July 2014, 07:31
- - Taturo   und du bist sicher, dass das bei dem Quelltext mit...   Wed. 23. July 2014, 20:14
- - webmasterFF   Das ist der Quelltext, welcher im Browser ausgegeb...   Thu. 24. July 2014, 08:43
- - webmasterFF   Ich hole meinen Fred mal wieder raus, weil ich in ...   Fri. 27. February 2015, 09:16
- - webmasterFF   Ich wühle das Thema mal nochmal raus.... . Hat vi...   Tue. 20. October 2015, 18:07
|- - bkm   ZITAT(webmasterFF @ Tue. 20. October 2015, 19...   Sat. 31. October 2015, 21:51
|- - webmasterFF   ZITAT(bkm @ Sat. 31. October 2015, 22:51)...   Tue. 10. November 2015, 11:23
- - FireFlyer   Bringt vielleicht dieses Plugin die Lösung? snipp...   Fri. 23. October 2015, 15:52
- - Fleezyway   hat es jetzt geklappt ?   Tue. 17. November 2015, 09:33
- - webmasterFF   Nein, leider nicht - kam ja keine hilfreiche Antwo...   Wed. 30. December 2015, 10:22
- - KathrinCo   Leider habe ich keine Erfahrung und keine Ahnung. ...   Thu. 10. March 2016, 03:18
- - Heras   Aktuelle Rechtssprechung besagt, dass so etwas NIC...   Thu. 17. March 2016, 09:39


Reply to this topicStart new topic
31 Besucher lesen dieses Thema (Gäste: 31 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 26.4.24 - 17:57

Sefrengo ist ein eingetragenes Markenzeichen und urheberrechtlich geschützt.
Copyright 2009 Design & Daten, Alle Rechte vorbehalten.