 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 !! |
 |
 
|
 |
|
Tue. 22. July 2014, 14:47
Beitrag
#2
|
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
Hi Taturo,
also ich habe meine Site auch mal durch den Validor genudelt und in der Tat einige unabgeschlossene Tags gefunden. Diese Fehler habe ich behoben, wobei von den 498 Fehlern auch einige als Fehler angezeigt werden, die mit "obsolet" ausgedrückt werden... - die beeinflussen allerdings das Funktionieren der Page als solche keineswegs (eine andere Lösung war schlicht nicht machbar in manchen Fällen). Also die Tag-Fehler habe ich nun hoffentlich alle beseitigt. Aber was meinst du mit "öffnendem head-Tag"? P.S.: Und einfach mal den Container reinbauen geht auch nicht. Das habe ich soeben probiert... . Dann zerrscheißt es mir das Layout sobald ich dem Container das Modul zuweise. Dies ist das von mir im System hinterlegte Layout der betreffenden Site: QUELLTEXT <!DOCTYPE html>
<html> <head> <cms:lay type="head"/> <title>Freiwillige Feuerwehr Lauschied</title> <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 --> <cms:lay type="container" id="100" title="OpenGraph"/> </head> <body> <!-- Facebook Rooting --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- Ende Facebook Rooting --> <div id="cssmenu"> <ul> <li class='active'><a href='cms://idcatside=6'><span>HOME</span></a></li> <li class='has-sub'><a href='#'><span>FEUERWEHR</span></a> <ul> <li><a href='cms://idcatside=16'><span>» ZURÜCKLIEGENDE EINSÄTZE</span></a></li> <li><a href='cms://idcatside=14'><span>» FEUERWEHREINHEIT</span></a></li> <li class='last'><a href='cms://idcatside=12'><span>» STANDORT & ORGANISATION</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>JUGENDFEUERWEHR</span></a> <ul> <li><a href='cms://idcatside=17'><span>» ÜBER UNSERE JUGEND</span></a></li> <li><a href='cms://idcatside=18'><span>» MITMACHEN BEI UNS</span></a></li> <li class='last'><a href='cms://idcatside=19'><span>» ZURÜCKLIEGENDE AKTIONEN</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>KINDERFEUERWEHR</span></a> <ul> <li><a href='cms://idcatside=23'><span>» ÜBER DIE KIDS</span></a></li> <li><a href='cms://idcatside=22'><span>» MITMACHEN BEI UNS</span></a></li> <li class='last'><a href='cms://idcatside=20'><span>» ZURÜCKLIEGENDE AKTIONEN</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>IHRE SICHERHEIT</span></a> <ul> <li><a href='cms://idcatside=24'><span>» NOTRUF 112</span></a></li> <li><a href='cms://idcatside=25'><span>» NOTRUF FAX 112</span></a></li> <li><a href='cms://idcatside=26'><span>» FEUERLÖSCHER</span></a></li> <li><a href='cms://idcatside=28'><span>» RAUCHMELDER</span></a></li> <li><a href='cms://idcatside=27'><span>» UNWETTERWARNUNG</span></a></li> <li class='last'><a href='cms://idcatside=29'><span>» INFOBROSCHÜREN</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>PROJEKTE</span></a> <ul> <li><a href='cms://idcatside=34'><span>» WIR FÜR DIE UMWELT</span></a></li> <li class="last"><a href='cms://idcatside=35'><span>» VÖLKERBALLTURNIER</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>FÖRDERER</span></a> <ul> <li><a href='cms://idcatside=30'><span>» FREUNDE & FÖRDERER</span></a></li> <li><a href='cms://idcatside=31'><span>» FÖRDERER WERDEN</span></a></li> <li class="last"><a href='cms://idcatside=32'><span>» SPENDE ONLINE</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>KIDS & FUN</span></a> <ul> <li class='last'><a href='#'><span>IN BEARBEITUNG</span></a></li> </ul> </li> </ul> </div> <!-- Start Headersection --> <div id="headerleft"> <p style="text-align:right"><span style="color:#FFFFFF; font-size:30px; font-family:abel,helvetica,sans-serif"><strong>HERZLICH WILLKOMMEN</strong></span><br /> <span style="color:#FFFFFF; font-size:18.6px; font-family:abel,helvetica,sans-serif">bei der Freiwilligen Feuerwehr Lauschied</span><br /></p> </div> <div id="headerright"> <a href="http://www.facebook.com/pages/Freiwillige-Feuerwehr-Lauschied/113969732086696" target="_blank"><img alt="" src="http://feuerwehr-lauschied.de/neu/projekt01/media/img/layout/facebook.png" style="height:30px; width:30px" /></a> <a href="http://twitter.com/fflauschied" target="_blank"><img alt="" src="http://feuerwehr-lauschied.de/neu/projekt01/media/img/layout/twitter.png" style="height:30px; width:30px" /></a> <a href="http://feuerwehr-lauschied.de/neu/projekt01/index.php?lang=1&idcatside=42&view=preview" target="_blank"><img alt="" src="http://feuerwehr-lauschied.de/neu/projekt01/media/img/layout/app.png" style="height:30px; width:30px" /></a> </div> <!-- Start WOWSlider.com BODY section --> <div id="wowslider-container1"> <div class="ws_images"> <ul> <li><img src="media/slider/data1/images/slider1.jpg" alt="CONVAR12" title="CONVAR12" id="wows1_0"/></li> <li><img src="media/slider/data1/images/slider2.jpg" alt="CONVAR39" title="CONVAR39" id="wows1_1"/></li> <li><img src="media/slider/data1/images/slider3.jpg" alt="CONVAR30" title="CONVAR30" id="wows1_2"/></li> <li><img src="media/slider/data1/images/slider4.jpg" alt="CONVAR18" title="CONVAR18" id="wows1_3"/></li> </ul> </div> </div> <script type="text/javascript" src="media/slider/engine1/wowslider.js"></script> <script type="text/javascript" src="media/slider/engine1/script.js"></script> <!-- End WOWSlider.com BODY section --> <div id="wrappertopbar"> <div id="topbar"> </div> </div> <!-- Ende Headersection --> <!-- Start Contentsection --> <div id="wrappercontent"> <div id="leftcolumn"> <div id="leftcolumn_oben"><cms:lay type="container" id="2" title="leftcolumn_oben"/> </div> <div id="leftcolumn_mitte"> <p class="article_text_red_bold" align="left">AKTUELLE WETTERWARNLAGE</p> <!-- FLASH OBJECT --> <object border="1" data="media/swf/DWD_Warnmodul/WarnModulDWD.swf?HOME=./media/swf/DWD_Warnmodul" type="application/x-shockwave-flash" width="240" height="300"> <param name="movie" value="media/swf/DWD_Warnmodul/WarnModulDWD.swf?HOME=./media/swf/DWD_Warnmodul"> <param name="quality" value="high"> <param name="scale" value="exactfit"> <param name="menu" value="true"> <param name="wmode" value="opaque" /> <!-- Alternate content --> <h4>Für den Inhalt dieser Seite ist der Adobe Flash Player erforderlich.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" width="112" height="33" /></a></p> <!-- End alternate content --> </object> <!-- END FLASH OBJECT --></p> </div> <div id="leftcolumn_unten" align="left"> <p class="article_text_red_bold">FOLLOWER WERDEN</p><div class="fb-like-box" data-href="https://www.facebook.com/pages/Freiwillige-Feuerwehr-Lauschied/113969732086696" data-colorscheme="light" data-show-faces="true" data-width="240" data-height="300" data-header="true" data-stream="false" data-show-border="true"></div> </div> </div> <div id="content"> <div id="content_oben"> <a style="color:#D31222; font-size:26px; font-family:Abel; font-weight:bold">Nachrichten aus dem Feuerwehrhaus</a><cms:lay type="container" id="1" title="content_oben"/> </div> <div id="content_unten"><cms:lay type="container" id="4" title="content_unten"/> </div> </div> <div style="clear: both;" class="article_text" align="right"> <table width="100%" style="padding-left:20px; padding-right:10px; padding-bottom:10px"> <tr> <td id="time" align="left"></td> <td align="right"><a href="#head">« Zurück nach oben </a></td> </tr> </table> </div> </div> <!-- Ende Contentsection --> <!-- Start Foothersection --> <div id="footer"> <table width="100%" cellspacing="0" cellpadding="20" bgcolor="#2B2B2B"> <tr> <td valign="top" class="article_text_white_small"> <a href="cms://idcatside=32"><img border="0" src="media/img/layout/spendenbutton_grey.gif" width="300" height="68"></a><br> Du kannst mit einer Spende die Feuerwehr durch ihren Verein<br> Freunde und Förderer Feuerwehr Lauschied e.V. unterstützen.<br> </td> <td align="right"> </td> <td width="474" align="right" class="article_text_white_small"><b>FREIWILLIGE FEUERWEHR LAUSCHIED</b><br> Feuerwehrgerätehaus<br> Meisenheimer Str. 11a<br> 55568 Lauschied<p align="right"><a href="cms://idcatside=36"><font color="#FFFFFF" size="2">» Impressum und Datenschutzhinweise</font></a> /td> </tr> </table> </div> <!-- Ende Foothersection --> <cms:lay type="config"/> </body> </html> -------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
|
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 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 |
|
Vereinfachte Darstellung | Aktuelles Datum: 27.4.24 - 07:10 |
