Hallo zusammen,
ich würde gerne mal von euch wissen wie ihr mein hier vorgestelltes SEO-Template findet. Ich habe die wichtigsten Bereiche in dem Template per CSS nach oben positioniert, so das der Bot die wichtigen Bereiche als erstes einlesen kann.
Zum Einsatz kommt auch noch das YAML Framework.
Was meint ihr zur Anordnung der Bereiche/DIV's und kann es zu Problemen kommen, wenn die DIV's per position:absolute zurecht gerückt werden.
Vielen Dank schon mal für die Zahlreichen Meinungen!
Markus
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1 ... tional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Your Page Title</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<!-- add your meta tags here -->
<link href="css/my_layout.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link href="css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<!-- page_margins -->
<div id="page_margins">
<!-- page -->
<div id="page">
<!-- Navigation -->
<div id="nav">
<div class="hlist">
<ul>
<li><a href="#">Button 2</a></li>
<li><a href="#">Button 3</a></li>
<li><a href="#">Button 4</a></li>
<li><a href="#">Button 5</a></li>
<li class="active"><strong>Home</strong></li>
</ul>
</div>
<div class="seo-links">
<ul>
<li><a href="#">Keyword 1</a></li>
<li><a href="#">Keyword 2</a></li>
<li><a href="#">Keyword 3</a></li>
<li><a href="#">Keyword 4</a></li>
</ul>
</div>
</div><!-- / Navigation -->
<!-- Main -->
<div id="main">
<!-- col1 -->
<div id="col1">
<div id="col1_content" class="clearfix">
<!-- add your content here -->
<div class="titelzeile"><h1>Über uns</h1></div>
<div id="tch_content_box">
<h2>XXXXXXXXXXXXXXXXX</h2>
<p>xxxxxxxx</p>
</div>
</div>
</div><!-- / col1 -->
<!-- col3 -->
<div id="col3">
<div id="col3_content" class="clearfix">
<!-- add your content here -->
<h2>H2 Heading</h2>
<div class="info">
<h3>Resources</h3>
Rechte Spalte !
</div>
</div>
<!-- IE Column Clearing -->
<div id="ie_clearing"> </div>
</div><!-- / col3 -->
</div><!-- / Main -->
<!-- header -->
<div id="header">
<div id="topnav">
DiE Navi
</div>
<div class="logo">Hier kommt das Logo rein!</div>
</div><!-- / header -->
<!-- Footer -->
<div id="footer">
Der Footer
</div><!-- / Footer -->
</div><!-- / page -->
</div><!-- / page_margins -->
<!-- werbung -->
<div id="werbung">
<div id="superbanner">
<div style="background:#D6FBFE; height:90px; width:728px">
<style type="text/css">#page_margins {position:absolute; top:100px; left:10px;} #skyscraper {position:absolute;left:900px;top:100px;}</style>
Hier kommt der superbanner Teil aus dem AdServer rein. DIV + CSS für die Postion wenn ein Superbanner angezeigt wird.
</div>
</div>
<div id="skyscraper">
Hier kommt der tolle sky rein!
</div>
</div><!-- / werbung -->
</body>
</html>
Archiv