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   1222 Views

Avatar
Slk

Community Member, 3 Posts

15 March 2013 at 8:23am

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

Forum Moderator, 1132 Posts

16 March 2013 at 3:33am

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

Community Member, 94 Posts

16 March 2013 at 4:47am

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

Avatar
Slk

Community Member, 3 Posts

16 March 2013 at 6:43am

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

Community Member, 7 Posts

19 May 2014 at 4:22am

I have the exact same problem as Slk.

Avatar
Tim Snadden

Community Member, 32 Posts

21 May 2014 at 8:03am

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

Avatar
bartvanirsel

Community Member, 94 Posts

21 May 2014 at 6:59pm

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

Community Member, 7 Posts

27 May 2014 at 1:58am

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