Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions

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

Meta tags


Go to End
Reply

10 Posts   1003 Views

Avatar
Slk

15 March 2013 at 8:23am Community Member, 3 Posts

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?

Avatar
martimiz

16 March 2013 at 3:33am Forum Moderator, 1095 Posts

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)

Avatar
bartvanirsel

16 March 2013 at 4:47am Community Member, 94 Posts

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

Avatar
Slk

16 March 2013 at 6:43am Community Member, 3 Posts

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.

Avatar
Richard von Fohrenburg

19 May 2014 at 4:22am Community Member, 7 Posts

I have the exact same problem as Slk.

Avatar
Tim Snadden

21 May 2014 at 8:03am Community Member, 32 Posts

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

Avatar
bartvanirsel

21 May 2014 at 6:59pm Community Member, 94 Posts

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)

Avatar
Richard von Fohrenburg

27 May 2014 at 1:58am Community Member, 7 Posts

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.

Go to Top