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 !! |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 26.9.24 - 09:42 |