Jump to:

23367 Posts in 18143 Topics by 2863 members

General Questions

SilverStripe Forums » General Questions » Meta tags

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Page: 1 2
Go to End
Author Topic: 847 Views
  • Slk
    Avatar
    Community Member
    3 Posts

    Meta tags Link to this post

    Hi

    I am Trying to use $metatags in the <head> section of my .ss pages but it appears at the top of my page
    How do I hide this?

  • martimiz
    Avatar
    Forum Moderator
    1067 Posts

    Re: Meta tags Link to this post

    I think it should be  $MetaTags (camelcase), but apart from that:

    do you mean something is actually displayed at the top of your page on the website? In that case take a look at the HTML source of your generated page and check if something is wrong there (missing tags maybe)

  • bartvanirsel
    Avatar
    Community Member
    94 Posts

    Re: Meta tags Link to this post

    Or maybe you mean the fact that using Custom meta tags in the cms end up on the page?

  • Slk
    Avatar
    Community Member
    3 Posts

    Re: Meta tags Link to this post

    I type meta tags into the CMS and it shows up at the top of my page.
    They were not showing on the page prior to me adding $metatags so I added it to my .ss pages in themes in the head section and they appear in view source in the head and the body.

  • Richard von Fohrenburg
    Avatar
    Community Member
    7 Posts

    Re: Meta tags Link to this post

    I have the exact same problem as Slk.

  • Tim Snadden
    Avatar
    Community Member
    32 Posts

    Re: Meta tags Link to this post

    Have a look at the structure of your HTML. Is $MetaTags inside the <head> element? Does the rest of your HTML validate?

  • bartvanirsel
    Avatar
    Community Member
    94 Posts

    Re: Meta tags Link to this post

    Which version of SS are you using?
    SS2 had a field custom metatags, this ends up on top of the page because you had to fill out a tag (in html)
    there.

    Please post your Page.ss or at least the part containing MetaTags(false)

  • Richard von Fohrenburg
    Avatar
    Community Member
    7 Posts

    Re: Meta tags Link to this post

    May I hijack this one again:

    I am using SS 3.1 and this is my Page.ss

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!--[if !IE]><!-->
    <html lang="$ContentLocale" xmlns="http://www.w3.org/1999/xhtml">
    <!--<![endif]-->
    <!--[if IE 6 ]><html lang="$ContentLocale" class="ie ie6" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
    <!--[if IE 7 ]><html lang="$ContentLocale" class="ie ie7" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
    <!--[if IE 8 ]><html lang="$ContentLocale" class="ie ie8" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
    <head>
    <% base_tag %>
    <title><% if $MetaTitle %>$MetaTitle<% else %>$Title<% end_if %></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    $MetaTags(false)
    <% require themedCSS('reset') %>
    <% require themedCSS('typography') %>
    <% require themedCSS('form') %>
    <% require themedCSS('layout') %>
    <link rel="shortcut icon" href="$ThemeDir/images/favicon.ico" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css' />
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', '++++++++', '+++++++++');
    ga('send', 'pageview');

    </script>
    </head>
    <body>
    <div id="wrapper">
       <% include Header %>
       $Layout
    </div>
    <% include Footer %>
    </body>
    </html>

    And this is the browser output

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!--[if !IE]><!-->
    <html lang="de-DE" xmlns="http://www.w3.org/1999/xhtml">
    <!--<![endif]-->
    <!--[if IE 6 ]><html lang="de-DE" class="ie ie6" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
    <!--[if IE 7 ]><html lang="de-DE" class="ie ie7" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
    <!--[if IE 8 ]><html lang="de-DE" class="ie ie8" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
    <head>
    <base href="http://www.*********/" />
    <title>Home</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="generator" content="SilverStripe - http://silverstripe.org" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    Fundraising, Fundraiser, Fülle, Freiheit, Philanthropie, Philanthrop, Impact Investment, Nachhaltigkeit, Nachhaltige Investitionen, Nachhaltige Projekte, Non-Profit-Organisationen, Spenden, Schöpfer, out of the box, neue Wege, Mut, Vernetzen, Querdenker, Kommunikator, Kommunikation, Botschaften, Wirkung, Verhandler, Verhandlungen, Vermittler, vermitteln, Eigenverantwortung,win-win

    <meta name="x-page-id" content="1" />
    <meta name="x-cms-edit-link" content="admin/pages/edit/show/1?locale=de_DE" />
    <link rel="alternate" type="text/html" title="Home" hreflang="en-GB" href="http://www.*********/home-en-gb/" />
    <link rel="alternate" type="text/html" title="Home" hreflang="de-DE" href="http://www.*********/" />

    <link rel="shortcut icon" href="themes/greenRhythm/images/favicon.ico" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css' />
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', '+++++++++++++', '+++++++++++++');
    ga('send', 'pageview');

    </script>
    <link rel="stylesheet" type="text/css" href="/themes/greenRhythm/layerslider/css/layerslider.css?m=1398616742" />
    <link rel="stylesheet" type="text/css" href="/themes/greenRhythm/css/reset.css?m=1398501417" />
    <link rel="stylesheet" type="text/css" href="/themes/greenRhythm/css/typography.css?m=1399229282" />
    <link rel="stylesheet" type="text/css" href="/themes/greenRhythm/css/form.css?m=1398606298" />
    <link rel="stylesheet" type="text/css" href="/themes/greenRhythm/css/layout.css?m=1400954693" />
    </head>
    <body>
    <div id="wrapper">
       <div id="topbar">
       <div id="topbar-inner">
          <div id="contact">
             Kontakt <a href="tel:+4232322070">+423 232 20 70</a> | <a href="******">********</a>
          </div>
          <div id="language-switch">
             
              <ul class="clear">
             
                <li>
                   <a href="/home-en-gb/" hreflang="en-GB" title="Home - English (UK)">
                      <img src="themes/greenRhythm/images/lang-en.png" alt="Home" />
                   </a>
                </li>
             
              </ul>
             
          </div>
          <div class="social"><a href="**********************" title="greenRhythm auf LinkedIn" class="linkedin" target="_blank">greenRhythm auf LinkedIn</a></div>
          <div class="social"><a href="**********************" title="greenRhythm auf XING" class="xing" target="_blank">greenRhythm auf XING</a></div>
       </div>
    </div>
    <div id="header">
       <div id="logo">
       
       <a href="/" title="greenRhythm Establishment"><img src="/themes/greenRhythm/images/greenRhythm.png" alt="greenRhythm Establishment" /></a>

       </div>
       <div id="nav">
          <ul>
             
                <li class="current">
                   <a href="/" title="Home">Home</a>
                </li>
             
                <li class="link">
                   <a href="/profil/" title="Profil">Profil</a>
                </li>
             
                <li class="link">
                   <a href="/leistungen/" title="Leistungen">Leistungen</a>
                </li>
             
                <li class="link">
                   <a href="/netzwerk/" title="Netzwerk">Netzwerk</a>
                </li>
             
                <li class="link">
                   <a href="/kontakt/" title="Kontakt">Kontakt</a>
                </li>
             
          </ul>
       </div>
    </div>
       <!-- Child HomePage -->
    <div id="banner">
    <div id="layerslider" style="width:100%; height: 395px;" class="typography" lang="de-DE">
    <!-- Slider -->
       <div class="ls-slide" data-ls="transition2d:1; slidedelay: 5000; timeshift:-1000;">
                <img src="themes/greenRhythm/sliderimages/bg_green.jpg" class="ls-bg" alt="Slide background"/>
                <p class="ls-l" style="top:97px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Bruno Stephan Walder</p>
                <p class="ls-l" style="top:129px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space: normal;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Fundraiser · Kommunikator · Berater</p>
                <p class="ls-l" style="top:166px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1100;offsetxout:-100;durationout:1000;">für Ihre Projekte zu</p>
                <p class="ls-l" style="top:200px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1400;offsetxout:-100;durationout:1000;">Nachhaltigkeit · Umwelt · Politik</p>
                <img class="ls-l" style="top:0px;left:0px;white-space: nowrap;" data-ls="durationin:2000;delayin:500;fadein:true;fadeout:true; offsetxin:-100;offsetyin:0;offsetxout:100;offsetyout:0" src="themes/greenRhythm/sliderimages/bsw.png" />
                <a href="/leistungen" class="ls-l" style="top:242px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1600;offsetxout:-100;durationout:1000;">mehr</a>
       </div>
       <div class="ls-slide" data-ls="transition2d:1; slidedelay: 4000; timeshift:-1000;">
                <img src="themes/greenRhythm/sliderimages/bg_fund.jpg" class="ls-bg" alt="Slide background"/>
                <p class="ls-l" style="top:97px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space: normal;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Fundraising und Philantropie</p>
                <p class="ls-l" style="top:129px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Fülle für Nachhaltigkeit</p>
                <img class="ls-l" style="top:0px;left:0px;white-space: nowrap;" data-ls="durationin:2000;delayin:500;fadein:true;fadeout:true; offsetxin:-100;offsetyin:0;offsetxout:100;offsetyout:0" src="themes/greenRhythm/sliderimages/fund.png" />
                <a href="/leistungen/fundraising-und-philanthropie" class="ls-l" style="top:165px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1100;offsetxout:-100;durationout:1000;">mehr</a>
       </div>
       <div class="ls-slide" data-ls="transition2d:1; slidedelay: 4000; timeshift:-1000;">
                <img src="themes/greenRhythm/sliderimages/bg_naturparke.jpg" class="ls-bg" alt="Slide background"/>
                <p class="ls-l" style="top:97px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space:normal;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Naturparke überall. Und in der Schweiz?</p>
                <p class="ls-l" style="top:166px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Ganz natürlich</p>
                <img class="ls-l" style="top:0px;left:100px;white-space:nowrap;" data-ls="durationin:2000;delayin:1500;fadein:true;fadeout:true;scalexin:1.1;scaleyin:1.1;easingin:easeOutSine;easingout:easeInSine;offsetxin:-500;offsetyin:0;offsetxout:400;offsetyout:0;durationout:2000;scalexout:0.9;scaleyout:0.9;showuntil:2000;" src="themes/greenRhythm/sliderimages/adler2.png" />
                <a href="/leistungen/naturparke-ueberall-und-in-der-schweiz" class="ls-l" style="top:200px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space:nowrap;" data-ls="offsetxin:50; durationin:2000; delayin:1100; offsetxout:-100; durationout:1000;">mehr</a>

       </div>
       <div class="ls-slide" data-ls="transition2d:1; slidedelay: 4000; timeshift:-1000;">
                <img src="themes/greenRhythm/sliderimages/bg_afrika.jpg" class="ls-bg" alt="Slide background"/>
                <p class="ls-l" style="top:97px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space: normal;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Wenn Afrika und Europa sich begegnen</p>
                <p class="ls-l" style="top:166px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Ist das Welterbe würdig?</p>
                <img class="ls-l" style="top:0px;left:0px;white-space: nowrap;" data-ls="durationin:2000;delayin:500;fadein:true;fadeout:true; offsetxin:-100;offsetyin:0;offsetxout:100;offsetyout:0" src="themes/greenRhythm/sliderimages/afrika2.png" />
                <a href="/leistungen/wenn-afrika-und-europa-sich-begegnen" class="ls-l" style="top:200px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1100;offsetxout:-100;durationout:1000;">mehr</a>
       </div>
       <div class="ls-slide" data-ls="transition2d:1; slidedelay: 4000; timeshift:-1000;">
                <img src="themes/greenRhythm/sliderimages/bg_eigenverantwortung.jpg" class="ls-bg" alt="Slide background"/>
                <p class="ls-l" style="top:97px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space:normal;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Neue Strategien für UNESCO Welterbe</p>
                <p class="ls-l" style="top:166px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space:normal;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Klare Ziele für Verhandlungserfolg</p>
                <img class="ls-l" style="top:0px;left:220px;white-space:nowrap;" data-ls="durationin:2000;delayin:1000;fadein:true;fadeout:true;scalexin:1.1;scaleyin:1.1;easingin:easeOutSine;easingout:easeInSine;offsetxin:-400;offsetyin:0;offsetxout:400;offsetyout:0;durationout:1000;showuntil:1500" src="themes/greenRhythm/sliderimages/eigenverantwortung.png" />
                <a href="/leistungen/eigenvearantwortung-staerken" class="ls-l" style="top:200px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1100;offsetxout:-100;durationout:1000;">mehr</a>
       </div>
       <!-- Slider End -->
    </div>
    </div>
    <div id="content" class="typography">
    <p>LEISTUNGSPROFIL</p>
       <div id="section1">
          <div class="spalte">
             <h3>Fundraiser</h3>
    <p>Fülle für alle in Freiheit. Das ist meine Motivation als Fundraiser. Sie als Philanthrop möchten gezielt in nachhaltige Projekte investieren. Ihre Non-Profit-Organisation hat die Projekte und sucht …</p>
    <p><a href="/leistungen/#fundraiser">versteckter link</a></p>
          </div>
          <div class="spalte">
             <h3>Vernetzer und Querdenker</h3>
    <p>Wir sind die Schöpfer dessen, was möglich ist. Somit ist alles möglich. Gerne denke und realisiere ich mit Ihnen „out of the box“. Gehen wir gemeinsam mutig neue Wege …<br><br></p>
    <p><a href="/leistungen/#querdenken">versteckter link</a></p>
          </div>
          <div class="spalte">
             <h3>Kommunikator</h3>
    <p>Inhalte und Botschaften stimmen überein und sind authentisch. Ihre Kommunikation baue ich mit Ihnen auf dieser Basis auf, so dass Sie nachhaltig Wirkung erzielen …<br><br></p>
    <p><a href="/leistungen/#praesentieren">versteckter link</a></p>
          </div>
          <div class="spalte">
             <h3>Verhandler und Vermittler</h3>
    <p>Win-win-Situationen erreichen und die Eigenverantwortung stärken für alle Beteiligten. Dafür setze ich mich in meinen Verhandlungen vermittelnd und mit Überzeugung ein …<br><br></p>
    <p><a href="/leistungen/#verhandeln">versteckter link</a></p>
          </div>
       </div>
    <div id="section2">
          <div id="credo-left">
          
          <a href="/profil/" title="greenRhythm bringt Mehrwert" alt="greenRhythm bring Mehrwert" class="credoimg">greenRhythm bringt Mehrwert</a>
          
          </div>
          <div id="credo-right"><p class="intro18dark">greenRhythm bringt Ihnen mehrWert</p>
    <p class="intro18light">Begeistert und freudvoll schaffe ich Neues und <br>Sinngebendes von nachhaltigem Wert. <br>Qualität, Kreativität, Transparenz und Ehrlichkeit <br>gehören zu meiner <a href="/leistungen/fundraising-und-philanthropie/#Anker">Philosophie.</a></p>
    <p><a href="/profile-en-gb/">weiter</a></p>
    <p> </p>
    <p> </p></div>
       </div>
    </div>
       <script type="text/javascript" src="/themes/greenRhythm/layerslider/js/jquery.js?m=1398620680"></script><script type="text/javascript" src="/themes/greenRhythm/layerslider/js/greensock.js?m=1398616743"></script><script type="text/javascript" src="/themes/greenRhythm/layerslider/js/layerslider.transitions.js?m=1398616744"></script><script type="text/javascript" src="/themes/greenRhythm/layerslider/js/layerslider.kreaturamedia.jquery.js?m=1398616744"></script><script>
          jQuery("#layerslider").layerSlider({
             responsive: false,
             layersContainer: 960,
             skin: 'noskin',
             skinsPath: 'themes/greenRhythm/layerslider/skins/',
             autostart: 'true'
          });
       </script>
    </div>
    <div id="footer">
       <div id="footer-inner">
          <div id="left">
          <p>© 2014 greenRhythm Establishment</p>
          </div>
          <div id="right">
          
          <p><a href="/impressum/" title="Impressum">Impressum</a></p>
          
          </div>
       </div>
    </div>
    </body>
    </html>


    If I add the $MetaTags(false) to the head, my closing /head and starting body tag are highlighted in red in the source code, while if $MetaTags is not added they close/open normally ...

    Would be happy if someone has and idea why this is happening.

    Thank you.

    847 Views
Page: 1 2
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.