Verborgen tekst zichtbaar in Android-browser
Op mijn site, http://www.vanbaasbank.nl, maak ik gebruik van een functie om tekst onichtbaar in mijn HTML-code op te nemen. Dit t.b.v. de zoekmachines en het optimaliseren van de metatags. Via de browsers zoals Chrome, Safarie en IE is deze tekst dan ook niet te zien.
Vanochtend kwam ik er achter dat via mijn mobiel (Samsung) deze verborgen tekst ineens wel zichtbaar werd.
Heeft iemand een suggestie om deze tekst ook voor de Android-browser te verbergen?
Gedeelte HTML5-code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!doctype html>
<html lang = "nl">
<head>
<!-- Achtergrondinstelling bij gebruik van IE -->
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Einde achtergrondinstelling -->
<!-- Begin metatags en titel -->
<meta lang="nl" />
<meta http-equiv="content-type" content="text/html" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="3 days" />
<meta name="keywords" content="<?php echo $cMetaKeywords ; ?>" />
<meta name="author" content="<?php echo $cMetaAuteur ; ?>" />
<meta name="web_author" content="<?php echo $cMetaWebAuteur ; ?>" />
<meta name="description" content="<?php echo $cMetaDescription ; ?>" />
<meta name="copyright" content="Ermelo Software 2012" />
<title><?php echo $cMetaTitel ; ?></title>
<!-- Einde metatags en titel -->
<!-- Begin stylesheets en scripts -->
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
</script>
<script type="text/javascript" src="js/simpletabs.js"></script>
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script type="text/javascript">
$(function() {
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
});
</script>
<!-- Einde stylesheets en scrpts -->
</head>
<body>
<div id="wrapper"><!-- #wrapper -->
<header><!-- header -->
<label class="geentekst"><?php echo $cMetaKeywords ; ?></label>
<h1><a href="#"><?php echo $cWebsitenaam ; ?></a></h1>
<h2><?php echo $cHeader1 ; ?></h2>
<img src="<?php echo $cHeaderafbeelding ; ?>" width="940" height="200" alt="" /><!-- header image -->
</header><!-- end of header -->
<html lang = "nl">
<head>
<!-- Achtergrondinstelling bij gebruik van IE -->
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Einde achtergrondinstelling -->
<!-- Begin metatags en titel -->
<meta lang="nl" />
<meta http-equiv="content-type" content="text/html" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="3 days" />
<meta name="keywords" content="<?php echo $cMetaKeywords ; ?>" />
<meta name="author" content="<?php echo $cMetaAuteur ; ?>" />
<meta name="web_author" content="<?php echo $cMetaWebAuteur ; ?>" />
<meta name="description" content="<?php echo $cMetaDescription ; ?>" />
<meta name="copyright" content="Ermelo Software 2012" />
<title><?php echo $cMetaTitel ; ?></title>
<!-- Einde metatags en titel -->
<!-- Begin stylesheets en scripts -->
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
</script>
<script type="text/javascript" src="js/simpletabs.js"></script>
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script type="text/javascript">
$(function() {
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
});
</script>
<!-- Einde stylesheets en scrpts -->
</head>
<body>
<div id="wrapper"><!-- #wrapper -->
<header><!-- header -->
<label class="geentekst"><?php echo $cMetaKeywords ; ?></label>
<h1><a href="#"><?php echo $cWebsitenaam ; ?></a></h1>
<h2><?php echo $cHeader1 ; ?></h2>
<img src="<?php echo $cHeaderafbeelding ; ?>" width="940" height="200" alt="" /><!-- header image -->
</header><!-- end of header -->
Om de regel <label class="geentekst" gaat het dus
De bijbehorende CSS3-code
Code (php)
1
2
3
4
2
3
4
.geentekst {
left: -4000px;
font-size: 0px;
}
left: -4000px;
font-size: 0px;
}
Wie heeft een suggestie?
George van Baasbank
